1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="{$charset}" />
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <meta name="robots" content="index, follow">
8 <title>{if $kbarticle.title}{$kbarticle.title} - {/if}{$pagetitle} - {$companyname}</title>
9
10 <link rel="icon" type="image/png" href="https://theservice4u.com/The-Service-4-U_transparent.png">
11 {include file="$template/includes/head.tpl"}
12
13 {$headoutput}
14 {literal}
15 <!-- Google tag (gtag.js) -->
16<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16687996918"></script>
17<script>
18 window.dataLayer = window.dataLayer || [];
19 function gtag(){dataLayer.push(arguments);}
20 gtag('js', new Date());
21
22 gtag('config', 'AW-16687996918');
23</script>
24{/literal}
25
26</head>
27<body data-phone-cc-input="{$phoneNumberInputStyle}">
28
29{$headeroutput}
30
31<section id="header">
32 <div class="container">
33 <ul class="top-nav">
34 {if $languagechangeenabled && count($locales) > 1}
35 <li>
36 <a href="#" class="choose-language" data-toggle="popover" id="languageChooser">
37 {$activeLocale.localisedName}
38 <b class="caret"></b>
39 </a>
40 <div id="languageChooserContent" class="hidden">
41 <ul>
42 {foreach $locales as $locale}
43 <li>
44 <a href="{$currentpagelinkback}language={$locale.language}">{$locale.localisedName}</a>
45 </li>
46 {/foreach}
47 </ul>
48 </div>
49 </li>
50 {/if}
51 {if $loggedin}
52 <li>
53 <a href="#" data-toggle="popover" id="accountNotifications" data-placement="bottom">
54 {$LANG.notifications}
55 {if count($clientAlerts) > 0}
56 <span class="label label-info">{lang key='notificationsnew'}</span>
57 {/if}
58 <b class="caret"></b>
59 </a>
60 <div id="accountNotificationsContent" class="hidden">
61 <ul class="client-alerts">
62 {foreach $clientAlerts as $alert}
63 <li>
64 <a href="{$alert->getLink()}">
65 <i class="fas fa-fw fa-{if $alert->getSeverity() == 'danger'}exclamation-circle{elseif $alert->getSeverity() == 'warning'}exclamation-triangle{elseif $alert->getSeverity() == 'info'}info-circle{else}check-circle{/if}"></i>
66 <div class="message">{$alert->getMessage()}</div>
67 </a>
68 </li>
69 {foreachelse}
70 <li class="none">
71 {$LANG.notificationsnone}
72 </li>
73 {/foreach}
74 </ul>
75 </div>
76 </li>
77 <li class="primary-action">
78 <a href="{$WEB_ROOT}/logout.php" class="btn">
79 {$LANG.clientareanavlogout}
80 </a>
81 </li>
82 {else}
83 <li>
84 <a href="{$WEB_ROOT}/clientarea.php">{$LANG.login}</a>
85 </li>
86 {if $condlinks.allowClientRegistration}
87 <li>
88 <a href="{$WEB_ROOT}/register.php">{$LANG.register}</a>
89 </li>
90 {/if}
91 <li class="primary-action">
92 <a href="{$WEB_ROOT}/cart.php?a=view" class="btn">
93 {$LANG.viewcart}
94 </a>
95 </li>
96 {/if}
97 {if $adminMasqueradingAsClient || $adminLoggedIn}
98 <li>
99 <a href="{$WEB_ROOT}/logout.php?returntoadmin=1" class="btn btn-logged-in-admin" data-toggle="tooltip" data-placement="bottom" title="{if $adminMasqueradingAsClient}{$LANG.adminmasqueradingasclient} {$LANG.logoutandreturntoadminarea}{else}{$LANG.adminloggedin} {$LANG.returntoadminarea}{/if}">
100 <i class="fas fa-sign-out-alt"></i>
101 </a>
102 </li>
103 {/if}
104 </ul>
105
106 <a href="https://theservice4u.com/" class="logo">
107 <img src="https://theservice4u.com/The-Service-4-U_transparent.png" alt="The Service 4 U" style="max-height: 75px;">
108 </a>
109
110 </div>
111</section>
112
113<section id="main-menu">
114
115 <nav id="nav" class="navbar navbar-default navbar-main" role="navigation">
116 <div class="container">
117 <!-- Brand and toggle get grouped for better mobile display -->
118 <div class="navbar-header">
119 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#primary-nav">
120 <span class="sr-only">{lang key='toggleNav'}</span>
121 <span class="icon-bar"></span>
122 <span class="icon-bar"></span>
123 <span class="icon-bar"></span>
124 </button>
125 </div>
126
127 <!-- Collect the nav links, forms, and other content for toggling -->
128 <div class="collapse navbar-collapse" id="primary-nav">
129
130 <ul class="nav navbar-nav">
131
132 {include file="$template/includes/navbar.tpl" navbar=$primaryNavbar}
133
134 </ul>
135
136 <ul class="nav navbar-nav navbar-right">
137
138 {include file="$template/includes/navbar.tpl" navbar=$secondaryNavbar}
139
140 </ul>
141
142 </div><!-- /.navbar-collapse -->
143 </div>
144 </nav>
145
146</section>
147
148{if $templatefile == 'homepage'}
149 <section id="home-banner">
150 <div class="container text-center">
151 {if $registerdomainenabled || $transferdomainenabled}
152 <h2>{$LANG.homebegin}</h2>
153 <form method="post" action="domainchecker.php" id="frmDomainHomepage">
154 <input type="hidden" name="transfer" />
155 <div class="row">
156 <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1">
157 <div class="input-group input-group-lg">
158 <input type="text" class="form-control" name="domain" placeholder="{$LANG.exampledomain}" autocapitalize="none" data-toggle="tooltip" data-placement="left" data-trigger="manual" title="{lang key='orderForm.required'}" />
159 <span class="input-group-btn">
160 {if $registerdomainenabled}
161 <input type="submit" class="btn search{$captcha->getButtonClass($captchaForm)}" value="{$LANG.search}" id="btnDomainSearch" />
162 {/if}
163 {if $transferdomainenabled}
164 <input type="submit" id="btnTransfer" class="btn transfer{$captcha->getButtonClass($captchaForm)}" value="{$LANG.domainstransfer}" />
165 {/if}
166 </span>
167 </div>
168 </div>
169 </div>
170
171 {include file="$template/includes/captcha.tpl"}
172 </form>
173 {else}
174 <h2>{$LANG.doToday}</h2>
175 {/if}
176 </div>
177 </section>
178 <div class="home-shortcuts">
179 <div class="container">
180 <div class="row">
181 <div class="col-md-4 hidden-sm hidden-xs text-center">
182 <p class="lead">
183 {$LANG.howcanwehelp}
184 </p>
185 </div>
186 <div class="col-sm-12 col-md-8">
187 <ul>
188 {if $registerdomainenabled || $transferdomainenabled}
189 <li>
190 <a id="btnBuyADomain" href="domainchecker.php">
191 <i class="fas fa-globe"></i>
192 <p>
193 {$LANG.buyadomain} <span>»</span>
194 </p>
195 </a>
196 </li>
197 {/if}
198 <li>
199 <a id="btnOrderHosting" href="{$WEB_ROOT}/cart.php">
200 <i class="far fa-hdd"></i>
201 <p>
202 {$LANG.orderhosting} <span>»</span>
203 </p>
204 </a>
205 </li>
206 <li>
207 <a id="btnMakePayment" href="clientarea.php">
208 <i class="fas fa-credit-card"></i>
209 <p>
210 {$LANG.makepayment} <span>»</span>
211 </p>
212 </a>
213 </li>
214 <li>
215 <a id="btnGetSupport" href="submitticket.php">
216 <i class="far fa-envelope"></i>
217 <p>
218 {$LANG.getsupport} <span>»</span>
219 </p>
220 </a>
221 </li>
222 </ul>
223 </div>
224 </div>
225 </div>
226 </div>
227{/if}
228
229{include file="$template/includes/validateuser.tpl"}
230{include file="$template/includes/verifyemail.tpl"}
231
232<section id="main-body">
233 <div class="container{if $skipMainBodyContainer}-fluid without-padding{/if}">
234 <div class="row">
235
236 {if !$inShoppingCart && ($primarySidebar->hasChildren() || $secondarySidebar->hasChildren())}
237 {if $primarySidebar->hasChildren() && !$skipMainBodyContainer}
238 <div class="col-md-9 pull-md-right">
239 {include file="$template/includes/pageheader.tpl" title=$displayTitle desc=$tagline showbreadcrumb=true}
240 </div>
241 {/if}
242 <div class="col-md-3 pull-md-left sidebar">
243 {include file="$template/includes/sidebar.tpl" sidebar=$primarySidebar}
244 </div>
245 {/if}
246 <!-- Container for main page display content -->
247 <div class="{if !$inShoppingCart && ($primarySidebar->hasChildren() || $secondarySidebar->hasChildren())}col-md-9 pull-md-right{else}col-xs-12{/if} main-content">
248 {if !$primarySidebar->hasChildren() && !$showingLoginPage && !$inShoppingCart && $templatefile != 'homepage' && !$skipMainBodyContainer}
249 {include file="$template/includes/pageheader.tpl" title=$displayTitle desc=$tagline showbreadcrumb=true}
250 {/if}
251{literal}
252 <!-- Google tag (gtag.js) -->
253<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16687996918"></script>
254<script>
255 window.dataLayer = window.dataLayer || [];
256 function gtag(){dataLayer.push(arguments);}
257 gtag('js', new Date());
258
259 gtag('config', 'AW-16687996918');
260</script>
261{/literal}