Advertisement
Guest User

Untitled

a guest
Aug 18th, 2019
483
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 76.23 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <meta charset="{$charset}" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <title>{if $kbarticle.title}{$kbarticle.title} - {/if}{$pagetitle} - {$companyname}</title>
  9. <link href="{$WEB_ROOT}/templates/{$template}/css/style.css" rel="stylesheet">
  10. <link href="{$WEB_ROOT}/templates/{$template}/css/responsive.css" rel="stylesheet">
  11. <link href="{$WEB_ROOT}/templates/{$template}/css/animate.css" rel="stylesheet">
  12. <link href="{$WEB_ROOT}/templates/{$template}/css/new-style.css" rel="stylesheet">
  13. <link href="{$WEB_ROOT}/templates/{$template}/css/megamenu-style.css" rel="stylesheet">
  14. <link href="{$WEB_ROOT}/templates/{$template}/css/navigation.css" rel="stylesheet">
  15. <script type="text/javascript" src="{$WEB_ROOT}/templates/bootsnav.js"></script>
  16. {include file="$template/includes/head.tpl"} {$headoutput}
  17.  
  18. </head>
  19.  
  20. <body>
  21.  
  22. <!--START OF TOP-BAR -->
  23. <div class="container-fluid top-bar">
  24. <div class="container">
  25. <div class="col-sm-5 col-xs-5 top-list">
  26. <ul>
  27. <li>
  28. <a href="#"><i aria-hidden="true" class="fa fa-facebook fa-md hvr-grow"></i></a>
  29. </li>
  30. <li>
  31. <a href="#"><i aria-hidden="true" class="fa fa-twitter fa-md hvr-grow"></i></a>
  32. </li>
  33. <li>
  34. <a href="#"><i aria-hidden="true" class="fa fa-google-plus fa-md hvr-grow"></i></a>
  35. </li>
  36. <li>
  37. <a href="#"><i aria-hidden="true" class="fa fa-linkedin fa-md hvr-grow"></i></a>
  38. </li>
  39. </ul>
  40. </div>
  41. <div class="col-sm-7 col-xs-7 top-list-right">
  42. <ul>
  43. <li class="account"><a href="clientarea.php">My Account</a></li>
  44. <li class="toplist-3"><a href="contact.php">Contact</a></li>
  45. <li class="toplist-5"><a href="#">YourServerHost</a></li>
  46. <li class="toplist-2">support@yourserverhost.co.uk</li>
  47. </ul>
  48. </div>
  49. </div>
  50. </div>
  51. <!--END OF TOP-BAR -->
  52.  
  53. <section id="header">
  54. <div class="container">
  55. <div class="col-sm-3 hidden-xs">
  56. <p class="welcome-message">WELCOME TO YourServerHost</p>
  57. </div>
  58. <div class="col-sm-9">
  59. <ul class="top-nav">
  60. {if $languagechangeenabled && count($locales) > 1}
  61. <li>
  62. <a href="#" class="choose-language" data-toggle="popover" id="languageChooser">
  63. {$activeLocale.localisedName}
  64. <b class="caret"></b>
  65. </a>
  66. <div id="languageChooserContent" class="hidden">
  67. <ul>
  68. {foreach $locales as $locale}
  69. <li>
  70. <a href="{$currentpagelinkback}language={$locale.language}">{$locale.localisedName}</a>
  71. </li>
  72. {/foreach}
  73. </ul>
  74. </div>
  75. </li>
  76. {/if} {if $loggedin}
  77. <li>
  78. <a href="#" data-toggle="popover" id="accountNotifications" data-placement="bottom">
  79. {$LANG.notifications}
  80. {if count($clientAlerts) > 0}<span class="label label-info">NEW</span>{/if}
  81. <b class="caret"></b>
  82. </a>
  83. <div id="accountNotificationsContent" class="hidden">
  84. <ul class="client-alerts">
  85. {foreach $clientAlerts as $alert}
  86. <li>
  87. <a href="{$alert->getLink()}">
  88. <i class="fa fa-fw fa-{if $alert->getSeverity() == 'danger'}exclamation-circle{elseif $alert->getSeverity() == 'warning'}warning{elseif $alert->getSeverity() == 'info'}info-circle{else}check-circle{/if}"></i>
  89. <div class="message">{$alert->getMessage()}</div>
  90. </a>
  91. </li>
  92. {foreachelse}
  93. <li class="none">
  94. {$LANG.notificationsnone}
  95. </li>
  96. {/foreach}
  97. </ul>
  98. </div>
  99. </li>
  100. <li class="primary-action">
  101. <a href="{$WEB_ROOT}/logout.php" class="btn btn-action">
  102. {$LANG.clientareanavlogout}
  103. </a>
  104. </li>
  105. {else}
  106. <li>
  107. <a href="{$WEB_ROOT}/clientarea.php">{$LANG.login}</a>
  108. </li>
  109. {if $condlinks.allowClientRegistration}
  110. <li class="hidden-xs">
  111. <a href="{$WEB_ROOT}/register.php">{$LANG.register}</a>
  112. </li>
  113. {/if}
  114. <li class="primary-action">
  115. <a href="{$WEB_ROOT}/cart.php?a=view">
  116. <i class="fa fa-shopping-cart" aria-hidden="true">
  117. </i> {$LANG.viewcart}</a>
  118. </li>
  119. {/if} {if $adminMasqueradingAsClient || $adminLoggedIn}
  120. <li>
  121. <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}">
  122. <i class="fa fa-sign-out"></i>
  123. </a>
  124. </li>
  125. {/if}
  126. </ul>
  127. </div>
  128. </div>
  129. </section>
  130.  
  131. <!-- Start Navigation -->
  132. <nav class="navbar navbar-default navbar-sticky navbar-mobile bootsnav">
  133. <div class="container">
  134. <!-- Start Atribute Navigation -->
  135. <div class="attr-nav">
  136. <ul>
  137. <li class="side-menu"><a href="#"><i class="fa fa-bars"></i></a></li>
  138. </ul>
  139. </div>
  140. <!-- End Atribute Navigation -->
  141.  
  142. <!-- Start Header Navigation -->
  143. <div class="navbar-header">
  144. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
  145. <i class="fa fa-bars"></i>
  146. </button> {if $assetLogoPath}
  147. <a href="{$WEB_ROOT}/index.php" class="logo"><img src="{$assetLogoPath}" alt="{$companyname}"></a> {else}
  148. <a href="{$WEB_ROOT}/index.php" class="logo logo-text"><img class="logo" src="{$WEB_ROOT}/templates/{$template}/img/logo.png" alt="{$companyname}"></a>{/if}
  149. </div>
  150. <!-- End Header Navigation -->
  151.  
  152. <!-- Collect the nav links, forms, and other content for toggling -->
  153. <div class="collapse navbar-collapse" id="navbar-menu">
  154. <ul class="nav navbar-nav navbar-right" data-in="slideInUp" data-out="fadeOut">
  155. <li class="dropdown active">
  156. <a href="#" class="dropdown-toggle" data-toggle="dropdown">Home</a>
  157. <ul class="dropdown-menu">
  158. <li class="active"><a href="http://themekolor.co/2018/index.html">New For 2018</a></li>
  159. <li><a href="http://themekolor.co/enterprise/index.html">Enterprise Version</a></li>
  160. <li><a href="http://themekolor.co/v2/index.html">Slider Version</a></li>
  161. </ul>
  162. </li>
  163. <li class="dropdown megamenu-fw">
  164. <a href="#" class="dropdown-toggle before" data-toggle="dropdown">Hosting</a>
  165. <ul class="dropdown-menu megamenu-content" role="menu">
  166. <li>
  167. <div class="row">
  168. <div class="col-menu col-md-3">
  169. <h6 class="title">Wordpress Hosting</h6>
  170. <div class="content">
  171. <img src="{$WEB_ROOT}/templates/{$template}/img/wp.jpg" alt="ColorHosting" class="img-responsive">
  172. <h5>Starting from <b>$29.99</b></h5>
  173. <p>High performance hosting</p>
  174. <a href="cart.php" class="button btn btn-outline">Buy Now</a>
  175. </div>
  176. </div>
  177. <!-- end col-3 -->
  178. <div class="col-menu col-md-3">
  179. <h6 class="title">Cloud Hosting</h6>
  180. <div class="content">
  181. <img src="{$WEB_ROOT}/templates/{$template}/img/cloud.jpg" alt="ColorHosting" class="img-responsive">
  182. <h5>Starting from <b>$11.99</b></h5>
  183. <p>High performance Cloud hosting</p>
  184. <a href="cart.php" class="button btn btn-outline">Buy Now</a>
  185. </div>
  186. </div>
  187. <!-- end col-3 -->
  188. <div class="col-menu col-md-3">
  189. <h6 class="title">Virtual servers</h6>
  190. <div class="content">
  191. <img src="{$WEB_ROOT}/templates/{$template}/img/vps.jpg" alt="ColorHosting" class="img-responsive">
  192. <h5>Starting from <b>$19.99</b></h5>
  193. <p>High performance VPS hosting</p>
  194. <a href="cart.php" class="button btn btn-outline">Buy Now</a>
  195. </div>
  196. </div>
  197. <div class="col-menu col-md-3">
  198. <h6 class="title">Dedicated Servers</h6>
  199. <div class="content dedicated">
  200. <h2>SALE 50%</h2>
  201. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  202. <a href="cart.php" class="button btn btn-outline">Read More</a>
  203. </div>
  204. </div>
  205. <!-- end col-3 -->
  206. </div>
  207. <!-- end row -->
  208. </li>
  209. </ul>
  210. </li>
  211. <li>
  212. <a href="cart.php?a=add&domain=register">Domain <span class="new">NEW</span></a>
  213. </li>
  214. <li class="dropdown">
  215. <a href="#" class="dropdown-toggle" data-toggle="dropdown">Features</a>
  216. <ul class="dropdown-menu">
  217. <li><a href="cart.php">Testimonials</a></li>
  218. <li><a href="cart.php">Style Boxes</a></li>
  219. <li><a href="cart.php">Page Headers</a></li>
  220. <li><a href="cart.php">Pricing Tables</a></li>
  221. <li><a href="cart.php">Working Contact Form</a></li>
  222. </ul>
  223. </li>
  224. <li class="dropdown">
  225. <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages</a>
  226. <ul class="dropdown-menu">
  227. <li><a href="cart.php">404 Error</a></li>
  228. <li><a href="cart.php">About Us</a></li>
  229. <li><a href="cart.php">Contact Page</a></li>
  230. <li><a href="cart.php">Web Development</a></li>
  231. <li class="dropdown">
  232. <a href="#" class="dropdown-toggle" data-toggle="dropdown">Hosting</a>
  233. <ul class="dropdown-menu">
  234. <li><a href="cart.php">Wordpress Hosting</a></li>
  235. <li><a href="cart.php">Cloud Hosting</a></li>
  236. <li><a href="cart.php">Dedicated Servers</a></li>
  237. <li><a href="cart.php">Virtual Servers</a></li>
  238. </ul>
  239. </li>
  240. </ul>
  241. </li>
  242. <li><a href="contact.php">Contact</a></li>
  243. </ul>
  244. </div>
  245. <!-- /.navbar-collapse -->
  246. </div>
  247.  
  248. <!-- Side Menu -->
  249. <div class="side">
  250. <a href="#" class="close-side"><i class="fa fa-times"></i></a>
  251. <div class="widget">
  252. <h6 class="title">MENU 1</h6>
  253. <ul class="link">
  254. <li><a href="affiliates.php">Affilates</a></li>
  255. <li><a href="serverstatus.php">Network Status</a></li>
  256. <li><a href="knowledgebase.php">Knowledgebase</a></li>
  257. <li><a href="announcements.php">Announcements</a></li>
  258. </ul>
  259. </div>
  260. <div class="widget">
  261. <h6 class="title">MENU 2</h6>
  262. <ul class="link">
  263. <li><a href="affiliates.php">Affilates</a></li>
  264. <li><a href="serverstatus.php">Network Status</a></li>
  265. <li><a href="knowledgebase.php">Knowledgebase</a></li>
  266. <li><a href="announcements.php">Announcements</a></li>
  267. </ul>
  268. </div>
  269. </div>
  270. <!-- End Side Menu -->
  271. </nav>
  272. <!-- End Navigation -->
  273.  
  274. {if $templatefile == 'homepage'}
  275. <section class="new-header">
  276. <div class="container">
  277. <div class="domain-container">
  278.  
  279. <div class="col-sm-7 domain-form">
  280. {if $registerdomainenabled || $transferdomainenabled}
  281. <h2>Find your perfect Domain Name</h2>
  282. <p>It all starts with a perfect domain name...</p>
  283. <br>
  284. <form method="post" action="domainchecker.php">
  285. <div class="row">
  286. <div class="col-md-12">
  287. <div class="input-group input-group-lg">
  288. <span class="ltds">.com $13.99</span> <span class="ltds"> .net $12.99</span> <span class="ltds"> .host $21.99</span> <span class="ltds"> .org $11.99</span> <span class="ltds"> .info $9.99</span>
  289. <input type="text" class="form-control" name="domain" placeholder="{$LANG.exampledomain}" autocapitalize="none" />
  290. <div class="col-sm-12">
  291. <span class="input-group-btn">
  292. {if $registerdomainenabled}
  293. <input type="submit" class="btn search btn-lg btn-domain" value="{$LANG.search}" />
  294. {/if}
  295. <!--
  296. {if $transferdomainenabled}
  297. <input type="submit" name="transfer" class="btn transfer" value="{$LANG.domainstransfer}" />
  298. {/if}
  299. -->
  300. </span>
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305.  
  306. {include file="$template/includes/captcha.tpl"}
  307. </form>
  308. {else}
  309. <h2>{$LANG.doToday}</h2>
  310. {/if}
  311. </div>
  312. <div class="col-sm-5">
  313.  
  314. </div>
  315. </div>
  316. </div>
  317. </section>
  318. <!-- start of section -->
  319. <div class="new-services">
  320. <div class="container">
  321. <div class="col-sm-4 border-l">
  322. <i class="fa fa-3x fa-rocket pull-left"></i>
  323. <div class="text">
  324. <h3>Extreme Speed</h3>
  325. <p>Lorem ipsum dolor sit amet conse.</p>
  326. </div>
  327. </div>
  328. <div class="col-sm-4">
  329. <i class="fa fa-3x fa-cloud pull-left"></i>
  330. <div class="text">
  331. <h3>Cloud Servers</h3>
  332. <p>Lorem ipsum dolor sit amet conse.</p>
  333. </div>
  334. </div>
  335. <div class="col-sm-4">
  336. <i class="fa fa-3x fa-server pull-left"></i>
  337. <div class="text">
  338. <h3>Managed Hosting</h3>
  339. <p>Lorem ipsum dolor sit amet conse.</p>
  340. </div>
  341. </div>
  342. </div>
  343. </div>
  344. <!-- end of section -->
  345.  
  346. <section class="partners2">
  347. <div class="container">
  348. <div class="col-lg-2 col-md-2 col-sm-4 col-xs-6 border-text">
  349. <h4>AWESOME <br> PARTNERS</h4>
  350. </div>
  351. <div class="col-lg-2 col-md-2 col-sm-4 col-xs-6 border-img">
  352. <img src="{$WEB_ROOT}/templates/{$template}/img/envato-logo.png" class="img-responsive" alt="">
  353. </div>
  354. <div class="col-lg-2 col-md-2 col-sm-4 col-xs-6 border-img">
  355. <img src="{$WEB_ROOT}/templates/{$template}/img/envato-logo.png" class="img-responsive" alt="">
  356. </div>
  357. <div class="col-lg-2 col-md-2 col-sm-4 col-xs-6 border-img">
  358. <img src="{$WEB_ROOT}/templates/{$template}/img/envato-logo.png" class="img-responsive" alt="">
  359. </div>
  360. <div class="col-lg-2 col-md-2 col-sm-4 col-xs-6 border-img">
  361. <img src="{$WEB_ROOT}/templates/{$template}/img/envato-logo.png" class="img-responsive" alt="">
  362. </div>
  363. <div class="col-lg-2 col-md-2 col-sm-4 col-xs-6 border-img">
  364. <img src="{$WEB_ROOT}/templates/{$template}/img/envato-logo.png" class="img-responsive" alt="">
  365. </div>
  366. </div>
  367. </section>
  368.  
  369. <!-- section 1 -->
  370. <section class="section-tabs">
  371. <div class="page-content tab-parallax">
  372. <div class="container">
  373. <div class="row">
  374. <div class="col-md-12">
  375.  
  376. <!--tabs square start-->
  377. <section class="icon-box-tabs ">
  378. <ul class="nav nav-pills">
  379. <li class="active">
  380. <a data-toggle="tab" href="#tab-1" aria-expanded="true">
  381. <i class="fa fa-cloud"></i>
  382. <p>Cloud Hosting</p>
  383. </a>
  384. </li>
  385. <li class="">
  386. <a data-toggle="tab" href="#tab-2" aria-expanded="false">
  387. <i class="fa fa-server"></i>
  388. <p>Dedicated Hosting</p>
  389. </a>
  390. </li>
  391. <li class="">
  392. <a data-toggle="tab" href="#tab-3" aria-expanded="false">
  393. <i class="fa fa-wordpress"></i>
  394. <p>Wordpress Hosting</p>
  395. </a>
  396. </li>
  397. <li class="">
  398. <a data-toggle="tab" href="#tab-4" aria-expanded="false">
  399. <i class="fa fa-rocket"></i>
  400. <p>VPS Hosting</p>
  401. </a>
  402. </li>
  403. </ul>
  404. <div class="panel-body">
  405. <div class="tab-content">
  406. <div id="tab-1" class="tab-pane active animated slideInRight">
  407. <div class="col-sm-7">
  408. <div class="heading-title-alt">
  409. <h2>Incerase your loading speed</h2>
  410. </div>
  411. <p class="parag"> In quis scelerisque velit. Proin pellentesque neque ut scelerisque dapibus. Praesent elementum feugiat dignissim. Nunc placerat mi id nisi interdum mollis. Praesent pharetra.</p>
  412. <div class="row">
  413. <div class="compare-hosting">
  414. <div class="col-sm-6">
  415. <ul>
  416. <li>100gb/s Internet Speed</li>
  417. <li>Based on Latest SSD Space</li>
  418. <li>Unlimited CPU Resources</li>
  419. </ul>
  420. </div>
  421. <div class="col-sm-6">
  422. <ul>
  423. <li>100gb/s Internet Speed</li>
  424. <li>Unlimited Free Support</li>
  425. <li>Unlimited CPU Resources</li>
  426. </ul>
  427. </div>
  428. </div>
  429. </div>
  430. <h4>Starting From 29.99$</h4>
  431. <a href="#" class="btn button btn-2 red btn-md">Buy Now</a>
  432. </div>
  433. <div class="col-sm-5">
  434. <div class="img-shadow">
  435. <br>
  436. <img src="{$WEB_ROOT}/templates/{$template}/img/tabs.jpg" class="img-responsive" alt="">
  437. </div>
  438. </div>
  439. </div>
  440. <div id="tab-2" class="tab-pane animated slideInRight">
  441. <div class="col-sm-7">
  442. <div class="heading-title-alt">
  443. <h2>Get Unlimited Space</h2>
  444. </div>
  445. <p class="parag"> In quis scelerisque velit. Proin pellentesque neque ut scelerisque dapibus. Praesent elementum feugiat dignissim. Nunc placerat mi id nisi interdum mollis. Praesent pharetra proin pollemuse deibus.</p>
  446. <div class="row">
  447. <div class="compare-hosting">
  448. <div class="col-sm-6">
  449. <ul>
  450. <li>100gb/s Internet Speed</li>
  451. <li>Based on Latest SSD Space</li>
  452. <li>Unlimited CPU Resources</li>
  453. </ul>
  454. </div>
  455. <div class="col-sm-6">
  456. <ul>
  457. <li>100gb/s Internet Speed</li>
  458. <li>Unlimited Free Support</li>
  459. <li>Unlimited CPU Resources</li>
  460. </ul>
  461. </div>
  462. </div>
  463. </div>
  464. <h4>Starting From 59.55$</h4>
  465. <a href="#" class="btn button btn-2 red btn-md">Buy Now</a>
  466. </div>
  467. <div class="col-sm-5">
  468. <div class="img-shadow">
  469. <br>
  470. <img src="{$WEB_ROOT}/templates/{$template}/img/tabs.jpg" class="img-responsive" alt="">
  471. </div>
  472. </div>
  473. </div>
  474. <div id="tab-3" class="tab-pane animated slideInRight">
  475. <div class="col-sm-7">
  476. <div class="heading-title-alt">
  477. <h2>One of the best datacenter</h2>
  478. </div>
  479. <p class="parag"> In quis scelerisque velit. Proin pellentesque neque ut scelerisque dapibus. Praesent elementum feugiat dignissim. Nunc placerat mi id nisi interdum.</p>
  480. <div class="row">
  481. <div class="compare-hosting">
  482. <div class="col-sm-6">
  483. <ul>
  484. <li>100gb/s Internet Speed</li>
  485. <li>Based on Latest SSD Space</li>
  486. <li>Unlimited CPU Resources</li>
  487. </ul>
  488. </div>
  489. <div class="col-sm-6">
  490. <ul>
  491. <li>100gb/s Internet Speed</li>
  492. <li>Unlimited Free Support</li>
  493. <li>Unlimited CPU Resources</li>
  494. </ul>
  495. </div>
  496. </div>
  497. </div>
  498. <h4>Starting From 129.99$</h4>
  499. <a href="#" class="btn button btn-2 red btn-md">Buy Now</a>
  500. </div>
  501. <div class="col-sm-5">
  502. <div class="img-shadow">
  503. <br>
  504. <img src="{$WEB_ROOT}/templates/{$template}/img/tabs.jpg" class="img-responsive" alt="">
  505. </div>
  506. </div>
  507. </div>
  508. <div id="tab-4" class="tab-pane animated slideInRight">
  509. <div class="col-sm-7">
  510. <div class="heading-title-alt">
  511. <h2>Build for developers and designers</h2>
  512. </div>
  513. <p class="parag"> In quis scelerisque velit. Proin pellentesque neque ut scelerisque dapibus. Praesent elementum feugiat dignissim. Nunc placerat mi.</p>
  514. <div class="row">
  515. <div class="compare-hosting">
  516. <div class="col-sm-6">
  517. <ul>
  518. <li>100gb/s Internet Speed</li>
  519. <li>Based on Latest SSD Space</li>
  520. <li>Unlimited CPU Resources</li>
  521. </ul>
  522. </div>
  523. <div class="col-sm-6">
  524. <ul>
  525. <li>100gb/s Internet Speed</li>
  526. <li>Unlimited Free Support</li>
  527. <li>Unlimited CPU Resources</li>
  528. </ul>
  529. </div>
  530. </div>
  531. </div>
  532. <h4>Starting From 99.88$</h4>
  533. <a href="#" class="btn button btn-2 red btn-md">Buy Now</a>
  534. </div>
  535. <div class="col-sm-5">
  536. <div class="img-shadow">
  537. <br>
  538. <img src="{$WEB_ROOT}/templates/{$template}/img/tabs.jpg" class="img-responsive" alt="">
  539. </div>
  540. </div>
  541. </div>
  542.  
  543. </div>
  544. </div>
  545. </section>
  546. <!--tabs square end-->
  547.  
  548. </div>
  549.  
  550. </div>
  551. </div>
  552. </div>
  553. </section>
  554. <!-- tabs section -->
  555.  
  556.  
  557. <section class="why-tera">
  558. <div class="container">
  559. <div class="default-title">
  560. <h3>What Makes Tera Hoster AWESOME </h3>
  561. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
  562. <div class="line-title"></div>
  563. <div class="title-arrow"></div>
  564. </div>
  565. <div class="col-sm-4">
  566. <div class="box sl1 fadesimple">
  567. <h4 class="wt-1">Big DataCenter</h4>
  568. <hr>
  569. <ul class="wt-list">
  570. <li class="wtl-1">1gb/s port internet</li>
  571. <li class="wtl-2">Based on Cloud Technology</li>
  572. <li class="wtl-3">Latest Web Servers</li>
  573. <li class="wtl-4">Professional Teamwork</li>
  574. </ul>
  575. <a href="#" class="btn button btn-lg btn-2 red">Read More</a>
  576. <a href="#" class="btn button btn-lg btn-2">Buy Now</a>
  577. </div>
  578. </div>
  579. <div class="col-sm-4">
  580. <div class="box sl2 fadesimple">
  581. <h4 class="wt-2">Latest Servers</h4>
  582. <hr>
  583. <ul class="wt-list">
  584. <li class="wtl-5">Multi Core CPU</li>
  585. <li class="wtl-6">Based on SSD Space</li>
  586. <li class="wtl-7">10TB Guranted Bandwidth</li>
  587. <li class="wtl-8">Unlimited Free Support</li>
  588. </ul>
  589. <a href="#" class="btn button btn-lg btn-2 red">Read More</a>
  590. <a href="#" class="btn button btn-lg btn-2">Buy Now</a>
  591. </div>
  592. </div>
  593. <div class="col-sm-4">
  594. <div class="box sl3 fadesimple">
  595. <h4 class="wt-3">Web Development</h4>
  596. <hr>
  597. <ul class="wt-list">
  598. <li class="wtl-9">Modern and Clean</li>
  599. <li class="wtl-10">Latest web framework</li>
  600. <li class="wtl-11">Professional Code</li>
  601. <li class="wtl-12">Unique Web Design</li>
  602. </ul>
  603. <a href="#" class="btn button btn-lg btn-2 red">Read More</a>
  604. <a href="#" class="btn button btn-lg btn-2">Buy Now</a>
  605. </div>
  606. </div>
  607. </div>
  608. </section>
  609. <!-- end of section -->
  610.  
  611. <!-- section start here -->
  612. <section class="arrow-f5-dark2">
  613. <div class="arrow-f5"></div>
  614. </section>
  615. <section class="list-part">
  616. <div class="container">
  617. <div class="default-title">
  618. <h3>ONE OF THE BEST DATACENTER IN THE WORLD</h3>
  619. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  620. </div>
  621. <div class="col-sm-6 col-sm-6 col-xs-12 pl-1">
  622. <div class="col-sm-12 col-xs-12">
  623. <i class="fa fa-hdd-o fa-2x pull-left" aria-hidden="true"></i>
  624. <div class="text">
  625. <h4>Based<span> On SSD Space</span></h4>
  626. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  627. </div>
  628. <!-- end of section -->
  629. </div>
  630. <div class="col-sm-12 col-xs-12">
  631. <i class="fa fa-microchip fa-2x pull-left" aria-hidden="true"></i>
  632. <div class="text">
  633. <h4>Multi CPU <span>Latest Intel Processors</span></h4>
  634. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  635. </div>
  636. </div>
  637. <div class="col-sm-12 col-xs-12">
  638. <i class="fa fa-exchange fa-2x pull-left" aria-hidden="true"></i>
  639. <div class="text">
  640. <h4>Unlimited <span>Bandwidth</span></h4>
  641. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  642. </div>
  643. </div>
  644. <div class="col-sm-12 col-xs-12">
  645. <i class="fa fa-database fa-2x pull-left" aria-hidden="true"></i>
  646. <div class="text">
  647. <h4>Unlimited <span>MySQL and FTP Accounts</span></h4>
  648. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  649. </div>
  650. </div>
  651. </div>
  652. <div class="col-sm-6 col-sm-6 col-xs-12 pl-2">
  653. <div class="col-sm-12 col-xs-12">
  654. <i class="fa fa-server fa-2x pull-left" aria-hidden="true"></i>
  655. <div class="text">
  656. <h4>Fully-Managed<span> Dedicated Server Hosting</span></h4>
  657. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  658. </div>
  659. </div>
  660. <div class="col-sm-12 col-xs-12">
  661. <i class="fa fa-code fa-2x pull-left" aria-hidden="true"></i>
  662. <div class="text">
  663. <h4>Full-Root <span>And Shell Access (SSH)</span></h4>
  664. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  665. </div>
  666. </div>
  667. <div class="col-sm-12 col-xs-12">
  668. <i class="fa fa-wordpress fa-2x pull-left" aria-hidden="true"></i>
  669. <div class="text">
  670. <h4>The Best <span>Performance to Your Apps!</span></h4>
  671. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  672. </div>
  673. </div>
  674. <div class="col-sm-12 col-xs-12">
  675. <i class="fa fa-sliders fa-2x pull-left" aria-hidden="true"></i>
  676. <div class="text">
  677. <h4>Free cPanel <span>With Annual Hosting Plans</span></h4>
  678. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  679. </div>
  680. </div>
  681. </div>
  682. </div>
  683. <br>
  684. </section>
  685. <!-- section end -->
  686. <section class="arrow-f5-dark">
  687. <div class="arrow-red-top-dark"></div>
  688. </section>
  689. <!-- new section -->
  690. <section class="red-section">
  691. <div class="container">
  692. <div class="col-sm-10">
  693. <h3>Fully Managed Hosting Solutions</h3>
  694. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint quas perferendis expedita architecto at blanditiis veniam error sit nesciunt accusantium cupiditate.</p>
  695. </div>
  696. <div class="col-sm-2">
  697. <span class="on-salebtn"><a href="#" class="button btn btn-2 btn-lg">Read More</a> </span>
  698. </div>
  699. </div>
  700. </section>
  701. <!-- end of section -->
  702.  
  703.  
  704. <!-- services 6 -->
  705. <section class="services6">
  706. <div class="container">
  707. <div class="title-new">
  708. <h2>Know more about our services</h2>
  709. <p>Et ut pariatur est reprehenderit veniam nostrud deserunt labore cupidatat eiusmod nulla culpa ea.</p>
  710. <div class="line-title"></div>
  711. <div class="title-arrow"></div>
  712. </div>
  713. <div class="col-sm-4">
  714. <i class="fa fa-diamond fa-2x pull-left"></i>
  715. <div class="text-container">
  716. <h4>Pixel Perfect</h4>
  717. <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classica.</p>
  718. </div>
  719. </div>
  720. <div class="col-sm-4">
  721. <i class="fa fa-line-chart fa-2x pull-left"></i>
  722. <div class="text-container">
  723. <h4>Data Analystics</h4>
  724. <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical.</p>
  725. </div>
  726. </div>
  727. <div class="col-sm-4">
  728. <i class="fa fa-cogs fa-2x pull-left"></i>
  729. <div class="text-container">
  730. <h4>SEO Experts</h4>
  731. <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical.</p>
  732. </div>
  733. </div>
  734. <div class="padding-top-30">
  735. <div class="col-sm-4">
  736. <i class="fa fa-support fa-2x pull-left"></i>
  737. <div class="text-container">
  738. <h4>Premium Support</h4>
  739. <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical.</p>
  740. </div>
  741. </div>
  742. <div class="col-sm-4">
  743. <i class="fa fa-globe fa-2x pull-left"></i>
  744. <div class="text-container">
  745. <h4>Domain Names</h4>
  746. <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical.</p>
  747. </div>
  748. </div>
  749. <div class="col-sm-4">
  750. <i class="fa fa-rocket fa-2x pull-left"></i>
  751. <div class="text-container">
  752. <h4>Rapid Development</h4>
  753. <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical.</p>
  754. </div>
  755. </div>
  756. </div>
  757. <div class="padding-top-30">
  758. <div class="col-sm-4">
  759. <i class="fa fa-twitter fa-2x pull-left"></i>
  760. <div class="text-container">
  761. <h4>Social Media</h4>
  762. <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical.</p>
  763. </div>
  764. </div>
  765. <div class="col-sm-4">
  766. <i class="fa fa-heart fa-2x pull-left"></i>
  767. <div class="text-container">
  768. <h4>Lovely Team</h4>
  769. <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical.</p>
  770. </div>
  771. </div>
  772. <div class="col-sm-4">
  773. <i class="fa fa-server fa-2x pull-left"></i>
  774. <div class="text-container">
  775. <h4>Web Hosting</h4>
  776. <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical.</p>
  777. </div>
  778. </div>
  779. </div>
  780. </div>
  781. </section>
  782. <!-- services 6 end -->
  783.  
  784. <!-- start of section -->
  785. <section class="arrow-f5-bg">
  786. <div class="arrow-white"></div>
  787. </section>
  788. <section class="df-media-3">
  789. <div class="container">
  790. <div class="col-sm-5">
  791. <div class="img-container">
  792. <img alt="Dedicated Hosting" src="http://themekolor.co/enterprise/img/hosting/02.png" class="img-responsive">
  793. </div>
  794. </div>
  795. <div class="col-sm-7">
  796. <div class="text-container">
  797. <div class="col-sm-12 title">
  798. <h3>LATEST WEB HOSTING TECHNOLOGY</h3>
  799. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore expedita, vero molestias quia modi in rem.</p>
  800. </div>
  801. <div class="col-sm-6">
  802. <ul class="df3-list1">
  803. <li class="df3-1">Fantastic user support 24/7</li>
  804. <li class="df3-2">Best tools for web development</li>
  805. <li class="df3-3">Fixed Prices, No Surprises</li>
  806. </ul>
  807. </div>
  808. <div class="col-sm-6">
  809. <ul class="df3-list2">
  810. <li class="df3-4">No downtime, Fast and Painless</li>
  811. <li class="df3-5">1-Click wordpress Installation</li>
  812. <li class="df3-6">Free Drag and Drop Site Builder</li>
  813. </ul>
  814. </div>
  815. <div class="buttons">
  816. <a href="#" class="btn button btn-2 red btn-lg">Buy Now</a>
  817. <a href="#" class="btn button btn-2 btn-lg">Read More</a>
  818. </div>
  819. </div>
  820. </div>
  821. </div>
  822. </section>
  823. <!-- section end -->
  824. <!-- start of section -->
  825. <section id="features-list" class="features2">
  826. <div class="default-title">
  827. <h3> DEDICATED SERVER FEATURES </h3>
  828. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi iste laudantium nemo repudiandae.</p>
  829. <div class="line-title"></div>
  830. <div class="title-arrow"></div>
  831. </div>
  832. <div class="container feature-list-style">
  833. <div class="col-sm-4 fadesimple">
  834. <ul>
  835. <li>Supermicro Blade Servers</li>
  836. <li>Full Root Access / No Limit</li>
  837. <li>$100 Google AdWords Offer</li>
  838. <li>Troubleshooting & Repairs</li>
  839. <li>Email Marketing Constant Contact</li>
  840. </ul>
  841. </div>
  842. <div class="col-sm-4 fadesimple">
  843. <ul>
  844. <li>Get Started Quickly & Easily</li>
  845. <li>Instant Server Provisioning</li>
  846. <li>Award-Winning Web Hosting!</li>
  847. <li>Free Cpanel accounts migrations</li>
  848. <li>1gb/s network connection</li>
  849. </ul>
  850. </div>
  851. <div class="col-sm-4 fadesimple">
  852. <ul>
  853. <li>Fully Scalable To Grow With You</li>
  854. <li>Start small and grow your hosting</li>
  855. <li>Full root access allows total control</li>
  856. <li>Dedicated Control & Functionality</li>
  857. <li>Scalable CPU and RAM</li>
  858. </ul>
  859. </div>
  860. </div>
  861. <!-- list container -->
  862. </section>
  863.  
  864. <!-- section 1 -->
  865. <section class="section1">
  866. <div class="container-fluid">
  867. <div class="col-md-6 col-sm-12 text">
  868. <div class="parts">
  869. <div class="row">
  870. <div class="col-sm-12">
  871. <div class="text-container">
  872. <div class="title">
  873. <h2>WHY TERAHOSTER</h2>
  874. <h4>Labore exercitation reprehenderit tempor in nisi pariatur laborum reprehenderit do nostrud.</h4>
  875. </div>
  876. <div class="line-title left"></div>
  877. <div class="title-arrow-left"></div>
  878. <div class="row">
  879. <div class="col-sm-12 text-col">
  880. <i class="fa fa-rocket fa-2x pull-left"></i>
  881. <div class="text-lines">
  882. <h4>LiteSpeed Web Servers</h4>
  883. <p>Contrary to popular belief, Lorem Ipsum is not simply random text. </p>
  884. </div>
  885. <i class="fa fa-envelope fa-2x pull-left"></i>
  886. <div class="text-lines">
  887. <h4>24/h Unlimited Support</h4>
  888. <p>Contrary to popular belief, Lorem Ipsum is not simply random text. </p>
  889. </div>
  890. <i class="fa fa-server fa-2x pull-left"></i>
  891. <div class="text-lines">
  892. <h4>Latest Web Servers</h4>
  893. <p>Contrary to popular belief, Lorem Ipsum is not simply random text. </p>
  894. </div>
  895. </div>
  896. </div>
  897. </div>
  898. </div>
  899. </div>
  900. </div>
  901. </div>
  902. <div class="col-md-6 hidden-sm no-padding arrow2">
  903. <div class="parts image">
  904. </div>
  905. </div>
  906. </div>
  907. </section>
  908. <!-- section 1 -->
  909.  
  910.  
  911.  
  912. <!-- start of section -->
  913. <section class="pricing-columns pricing-section">
  914. <div class="default-title">
  915. <h3>Choose your perfect Dedicated Plan</h3>
  916. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  917. </div>
  918. <div class="container">
  919. <label class="toggler toggler--is-active" id="filt-monthly">Monthly</label>
  920. <div class="toggle">
  921. <input type="checkbox" id="switcher" class="check">
  922. <b class="b switch"></b>
  923. </div>
  924. <label class="toggler" id="filt-hourly">Yearly</label>
  925. <div id="monthly" class="wrapper-full">
  926. <div id="pricing-chart-wrap" class="animated slideInRight">
  927. <div id="pricing-chart">
  928. <div id="smaller-plans">
  929. <div class="col-md-3 col-sm-6 col-xs-12">
  930. <div class="plan">
  931. <div class="price">
  932. <span class="dollar">$</span>
  933. <span class="amount" data-dollar-amount="11.99">11.99</span>
  934. <span class="slash">/</span>
  935. <span class="month">mo</span>
  936. </div>
  937. <ul>
  938. <li class="list1">30GB SSD Space</li>
  939. <li class="list2">1024MB Memory</li>
  940. <li class="list3">1 Core vCPU</li>
  941. <li class="list4">1TB/mo Bandwidth</li>
  942. <li class="list5">Unlimited MySQL</li>
  943. <li class="list6">50 E-mails</li>
  944. <li class="list7">50 FTP Accounts</li>
  945. <li class="list8">Unlimited Free Support</li>
  946. </ul>
  947. <a class="button sign-up" href="#">Sign Up</a>
  948. </div>
  949. </div>
  950. <div class="col-md-3 col-sm-6 col-xs-12">
  951. <div class="plan offer">
  952. <div class="price">
  953. <span class="dollar">$</span>
  954. <span class="amount" data-dollar-amount="19.99">19.99</span>
  955. <span class="slash">/</span>
  956. <span class="month">mo</span>
  957. </div>
  958. <ul>
  959. <li class="list1">50GB SSD Space</li>
  960. <li class="list2">2024MB Memory</li>
  961. <li class="list3">2 Core vCPU</li>
  962. <li class="list4">2TB/mo Bandwidth</li>
  963. <li class="list5">Unlimited MySQL</li>
  964. <li class="list6">100 E-mails</li>
  965. <li class="list7">100 FTP Accounts</li>
  966. <li class="list8">Unlimited Free Support</li>
  967. </ul>
  968. <a class="button sign-up" href="#">Sign Up</a>
  969. </div>
  970. </div>
  971. <div class="col-md-3 col-sm-6 col-xs-12">
  972. <div class="plan">
  973. <div class="price">
  974. <span class="dollar">$</span>
  975. <span class="amount" data-dollar-amount="29.99">29.99</span>
  976. <span class="slash">/</span>
  977. <span class="month">mo</span>
  978. </div>
  979. <ul>
  980. <li class="list1">100GB SSD Space</li>
  981. <li class="list2">4024MB Memory</li>
  982. <li class="list3">2 Core vCPU</li>
  983. <li class="list4">1.5TB/mo Bandwidth</li>
  984. <li class="list5">Unlimited MySQL</li>
  985. <li class="list6">150 E-mails</li>
  986. <li class="list7">150 FTP Accounts</li>
  987. <li class="list8">Unlimited Free Support</li>
  988. </ul>
  989. <a class="button sign-up" href="#">Sign Up</a>
  990. </div>
  991. </div>
  992. <div class="col-md-3 col-sm-6 col-xs-12">
  993. <div class="plan">
  994. <div class="price">
  995. <span class="dollar">$</span>
  996. <span class="amount" data-dollar-amount="34.99">34.99</span>
  997. <span class="slash">/</span>
  998. <span class="month">mo</span>
  999. </div>
  1000. <ul>
  1001. <li class="list1">200GB SSD Space</li>
  1002. <li class="list2">4024MB Memory</li>
  1003. <li class="list3">3 Core vCPU</li>
  1004. <li class="list4">5TB/mo Bandwidth</li>
  1005. <li class="list5">Unlimited MySQL</li>
  1006. <li class="list6">300 E-mails</li>
  1007. <li class="list7">300 FTP Accounts</li>
  1008. <li class="list8">Unlimited Free Support</li>
  1009. </ul>
  1010. <a class="button sign-up" href="#">Sign Up</a>
  1011. </div>
  1012. </div>
  1013. </div>
  1014.  
  1015. </div>
  1016. </div>
  1017. </div>
  1018. <div id="yearly" class="wrapper-full hide">
  1019. <div id="pricing-chart-wrap" class="animated slideInRight">
  1020. <div id="pricing-chart">
  1021. <div id="smaller-plans">
  1022. <div class="col-md-3 col-sm-6 col-xs-12">
  1023. <div class="plan">
  1024. <div class="price">
  1025. <span class="dollar">$</span>
  1026. <span class="amount" data-dollar-amount="89.99">89.99</span>
  1027. <span class="slash">/</span>
  1028. <span class="month">y</span>
  1029. </div>
  1030. <ul>
  1031. <li class="list1">30GB SSD Space</li>
  1032. <li class="list2">1024MB Memory</li>
  1033. <li class="list3">1 Core vCPU</li>
  1034. <li class="list4">1TB/mo Bandwidth</li>
  1035. <li class="list5">Unlimited MySQL</li>
  1036. <li class="list6">50 E-mails</li>
  1037. <li class="list7">50 FTP Accounts</li>
  1038. <li class="list8">Unlimited Free Support</li>
  1039. </ul>
  1040. <a class="button sign-up" href="#">Sign Up</a>
  1041. </div>
  1042. </div>
  1043. <div class="col-md-3 col-sm-6 col-xs-12">
  1044. <div class="plan offer">
  1045. <div class="price">
  1046. <span class="dollar">$</span>
  1047. <span class="amount" data-dollar-amount="109.99">109.49</span>
  1048. <span class="slash">/</span>
  1049. <span class="month">y</span>
  1050. </div>
  1051. <ul>
  1052. <li class="list1">50GB SSD Space</li>
  1053. <li class="list2">2024MB Memory</li>
  1054. <li class="list3">2 Core vCPU</li>
  1055. <li class="list4">2TB/mo Bandwidth</li>
  1056. <li class="list5">Unlimited MySQL</li>
  1057. <li class="list6">100 E-mails</li>
  1058. <li class="list7">100 FTP Accounts</li>
  1059. <li class="list8">Unlimited Free Support</li>
  1060. </ul>
  1061. <a class="button sign-up" href="#">Sign Up</a>
  1062. </div>
  1063. </div>
  1064. <div class="col-md-3 col-sm-6 col-xs-12">
  1065. <div class="plan">
  1066. <div class="price">
  1067. <span class="dollar">$</span>
  1068. <span class="amount" data-dollar-amount="179.99">179.49</span>
  1069. <span class="slash">/</span>
  1070. <span class="month">y</span>
  1071. </div>
  1072. <ul>
  1073. <li class="list1">100GB SSD Space</li>
  1074. <li class="list2">4024MB Memory</li>
  1075. <li class="list3">2 Core vCPU</li>
  1076. <li class="list4">1.5TB/mo Bandwidth</li>
  1077. <li class="list5">Unlimited MySQL</li>
  1078. <li class="list6">150 E-mails</li>
  1079. <li class="list7">150 FTP Accounts</li>
  1080. <li class="list8">Unlimited Free Support</li>
  1081. </ul>
  1082. <a class="button sign-up" href="#">Sign Up</a>
  1083. </div>
  1084. </div>
  1085. <div class="col-md-3 col-sm-6 col-xs-12">
  1086. <div class="plan">
  1087. <div class="price">
  1088. <span class="dollar">$</span>
  1089. <span class="amount" data-dollar-amount="219.99">219.99</span>
  1090. <span class="slash">/</span>
  1091. <span class="month">y</span>
  1092. </div>
  1093. <ul>
  1094. <li class="list1">200GB SSD Space</li>
  1095. <li class="list2">4024MB Memory</li>
  1096. <li class="list3">3 Core vCPU</li>
  1097. <li class="list4">5TB/mo Bandwidth</li>
  1098. <li class="list5">Unlimited MySQL</li>
  1099. <li class="list6">300 E-mails</li>
  1100. <li class="list7">300 FTP Accounts</li>
  1101. <li class="list8">Unlimited Free Support</li>
  1102. </ul>
  1103. <a class="button sign-up" href="#">Sign Up</a>
  1104. </div>
  1105. </div>
  1106. </div>
  1107.  
  1108. </div>
  1109. </div>
  1110. </div>
  1111. </div>
  1112. </section>
  1113. <!-- end of section -->
  1114.  
  1115.  
  1116.  
  1117. <!-- start of section -->
  1118. <section class="section-dd-ft">
  1119. <div class="container fadesimple">
  1120. <div class="col-sm-4 overflow">
  1121. <i class="fa fa-code fa-3x pull-left"></i>
  1122. <div class="text">
  1123. <h3>Full Root</h3>
  1124. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio eius repellendus esse qui, ut, suscipit nesciunt repudiandae eaque</p>
  1125. </div>
  1126. </div>
  1127. <div class="col-sm-4 overflow">
  1128. <i class="fa fa-sliders fa-3x pull-left"></i>
  1129. <div class="text">
  1130. <h3>Scalable Ram</h3>
  1131. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio eius repellendus esse qui, ut, suscipit nesciunt repudiandae eaque</p>
  1132. </div>
  1133. </div>
  1134. <div class="col-sm-4 overflow">
  1135. <i class="fa fa-undo fa-3x pull-left"></i>
  1136. <div class="text">
  1137. <h3>Daily Backups</h3>
  1138. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio eius repellendus esse qui, ut, suscipit nesciunt repudiandae eaque</p>
  1139. </div>
  1140. </div>
  1141. </div>
  1142. <!-- section -->
  1143. </section>
  1144. <!-- end of section -->
  1145.  
  1146. <!-- faq -->
  1147. <section class="faq-new">
  1148. <div class="container">
  1149. <div class="row">
  1150. <div class="title-new">
  1151. <h2>Frequently Asked Questions</h2>
  1152. <p>Sunt quis eu aliqua proidentS dunt quis eu aliqua proident </p>
  1153. <div class="line-title"></div>
  1154. <div class="title-arrow"></div>
  1155. </div>
  1156. <div class="col-sm-5">
  1157. <div class="panel-group" id="accordion">
  1158. <div class="panel panel-default">
  1159. <div class="panel-heading red-panel">
  1160. <h4 class="panel-title">
  1161. <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Is account registration required?</a>
  1162. </h4>
  1163. </div>
  1164. <div id="collapseOne" class="panel-collapse collapse in">
  1165. <div class="panel-body">
  1166. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p>
  1167. </div>
  1168. </div>
  1169. </div>
  1170. <div class="panel panel-default">
  1171. <div class="panel-heading red-panel">
  1172. <h4 class="panel-title">
  1173. <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Can I submit my own Bootstrap templates or themes?</a>
  1174. </h4>
  1175. </div>
  1176. <div id="collapseTwo" class="panel-collapse collapse">
  1177. <div class="panel-body">
  1178. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p>
  1179. </div>
  1180. </div>
  1181. </div>
  1182. <div class="panel panel-default">
  1183. <div class="panel-heading red-panel">
  1184. <h4 class="panel-title">
  1185. <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">What is the currency used for all transactions?</a>
  1186. </h4>
  1187. </div>
  1188. <div id="collapseThree" class="panel-collapse collapse">
  1189. <div class="panel-body">
  1190. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p>
  1191. </div>
  1192. </div>
  1193. </div>
  1194. <div class="panel panel-default">
  1195. <div class="panel-heading red-panel">
  1196. <h4 class="panel-title">
  1197. <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour">What is the currency used for all transactions?</a>
  1198. </h4>
  1199. </div>
  1200. <div id="collapseFour" class="panel-collapse collapse">
  1201. <div class="panel-body">
  1202. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p>
  1203. </div>
  1204. </div>
  1205. </div>
  1206. <div class="panel panel-default">
  1207. <div class="panel-heading red-panel">
  1208. <h4 class="panel-title">
  1209. <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFive">What is the currency used for all transactions?</a>
  1210. </h4>
  1211. </div>
  1212. <div id="collapseFive" class="panel-collapse collapse">
  1213. <div class="panel-body">
  1214. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.</p>
  1215. </div>
  1216. </div>
  1217. </div>
  1218. </div>
  1219. </div>
  1220. <div class="col-sm-7 blog">
  1221. <div class="blog-container">
  1222. <div class="col-sm-6 blog1">
  1223. <img src="{$WEB_ROOT}/templates/{$template}/img/blog1.jpg" class="img-responsive" alt="">
  1224. <span class="date">Posted: April/02/2017</span>
  1225. <h4>New Hosting Center</h4>
  1226. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s [ . . . ]</p>
  1227. <a href="#" class="btn button btn-sm btn-outline">Read More</a>
  1228. </div>
  1229. <div class="col-sm-6">
  1230. <img src="{$WEB_ROOT}/templates/{$template}/img/blog2.jpg" class="img-responsive" alt="">
  1231. <span class="date">Posted: April/01/2017</span>
  1232. <h4>10 Year Anniversary</h4>
  1233. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s [ . . . ]</p>
  1234. <a href="#" class="btn button btn-sm btn-outline">Read More</a>
  1235. </div>
  1236. </div>
  1237. </div>
  1238. </div>
  1239. </div>
  1240. </section>
  1241. <!-- faq end -->
  1242.  
  1243. <!-- start of section -->
  1244. <section id="testimonials-slide">
  1245. <div class="container fadesimple">
  1246. <div class="row">
  1247. <div class='col-md-offset-2 col-md-8 text-center'>
  1248. <div class="default-title">
  1249. <h3>WHAT OUR CUSTOMERS <span class="red-text">SAY</span></h3>
  1250. </div>
  1251. </div>
  1252. </div>
  1253. <hr>
  1254. <div class='row'>
  1255. <div class="col-sm-12">
  1256. <div class="carousel slide" data-ride="carousel" id="quote-carousel" data-interval="4000">
  1257. <!-- Bottom Carousel Indicators -->
  1258. <ol class="carousel-indicators">
  1259. <li class="active" data-slide-to="0" data-target="#quote-carousel"></li>
  1260. <li data-slide-to="1" data-target="#quote-carousel"></li>
  1261. <li data-slide-to="2" data-target="#quote-carousel"></li>
  1262. </ol>
  1263. <div class="carousel-inner">
  1264. <!-- Quote 1 -->
  1265. <div class="item active">
  1266. <blockquote>
  1267. <div class="row">
  1268. <div class="col-sm-4 text-center">
  1269. <img class="img-thumbnail img-responsive" alt="..." src="{$WEB_ROOT}/templates/{$template}/img/testimonials-slider.jpg"></div>
  1270. <div class="col-sm-8">
  1271. <h5>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam rem dicta reiciendis ab qui, aut corporis recusandae maiores suscipit, quisquam corrupti. Dignissimos deleniti quia rem voluptatem itaque ex, doloremque dolor.</h5>
  1272. <h6>Frank Simone</h6><small>www.webname.com</small>
  1273. </div>
  1274. </div>
  1275. </blockquote>
  1276. </div>
  1277. <!-- Quote 2 -->
  1278. <div class="item">
  1279. <blockquote>
  1280. <div class="row">
  1281. <div class="col-sm-4 text-center">
  1282. <img class="img-thumbnail img-responsive" alt="..." src="{$WEB_ROOT}/templates/{$template}/img/testimonials-slider.jpg"></div>
  1283. <div class="col-sm-8">
  1284. <h5>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis quis, similique possimus fugiat nisi enim iste! Sunt in cum vero voluptatum. Consequuntur odio deleniti reprehenderit maiores porro dicta. Nisi, nostrum.
  1285. </h5>
  1286. <h6>Frank Simone</h6><small>www.webname.com</small>
  1287. </div>
  1288. </div>
  1289. </blockquote>
  1290. </div>
  1291. <!-- Quote 3 -->
  1292. <div class="item">
  1293. <blockquote>
  1294. <div class="row">
  1295. <div class="col-sm-4 text-center"><img class="img-thumbnail img-responsive" alt="..." src="{$WEB_ROOT}/templates/{$template}/img/testimonials-slider.jpg"></div>
  1296. <div class="col-sm-8">
  1297. <h5>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur officia, dicta cumque consectetur perspiciatis, reiciendis ad necessitatibus aperiam asperiores ab quasi hic praesentium, ipsum amet modi repellat ducimus obcaecati blanditiis.</h5>
  1298. <h6>Frank Simone</h6><small>www.webname.com</small>
  1299. </div>
  1300. </div>
  1301. </blockquote>
  1302. </div>
  1303. </div><a class="left carousel-control" data-slide="prev" href="#quote-carousel"><i class="fa fa-chevron-left"></i></a> <a class="right carousel-control" data-slide="next" href="#quote-carousel"><i class="fa fa-chevron-right"></i></a>
  1304. </div>
  1305. </div>
  1306. </div>
  1307. </div>
  1308. <!-- container -->
  1309. </section>
  1310. <!-- end of section -->
  1311.  
  1312. {literal}
  1313. <script>
  1314. var e = document.getElementById("filt-monthly"),
  1315. d = document.getElementById("filt-hourly"),
  1316. t = document.getElementById("switcher"),
  1317. m = document.getElementById("monthly"),
  1318. y = document.getElementById("yearly");
  1319.  
  1320. e.addEventListener("click", function(){
  1321. t.checked = false;
  1322. e.classList.add("toggler--is-active");
  1323. d.classList.remove("toggler--is-active");
  1324. m.classList.remove("hide");
  1325. y.classList.add("hide");
  1326. });
  1327.  
  1328. d.addEventListener("click", function(){
  1329. t.checked = true;
  1330. d.classList.add("toggler--is-active");
  1331. e.classList.remove("toggler--is-active");
  1332. m.classList.add("hide");
  1333. y.classList.remove("hide");
  1334. });
  1335.  
  1336. t.addEventListener("click", function(){
  1337. d.classList.toggle("toggler--is-active");
  1338. e.classList.toggle("toggler--is-active");
  1339. m.classList.toggle("hide");
  1340. y.classList.toggle("hide");
  1341. })
  1342. </script>
  1343. {/literal}
  1344.  
  1345. {/if} {include file="$template/includes/verifyemail.tpl"}
  1346. <div id="main-body-holder" class="container-fluid">
  1347. <section id="main-body">
  1348. <div class="container{if $skipMainBodyContainer}-fluid without-padding{/if}">
  1349. <div class="row">
  1350.  
  1351. {if !$inShoppingCart && ($primarySidebar->hasChildren() || $secondarySidebar->hasChildren())} {if $primarySidebar->hasChildren() && !$skipMainBodyContainer}
  1352. <div class="col-md-9 pull-md-right">
  1353. {include file="$template/includes/pageheader.tpl" title=$displayTitle desc=$tagline showbreadcrumb=true}
  1354. </div>
  1355. {/if}
  1356. <div class="col-md-3 pull-md-left sidebar">
  1357. {include file="$template/includes/sidebar.tpl" sidebar=$primarySidebar}
  1358. </div>
  1359. {/if}
  1360. <!-- Container for main page display content -->
  1361. <div class="{if !$inShoppingCart && ($primarySidebar->hasChildren() || $secondarySidebar->hasChildren())}col-md-9 pull-md-right{else}col-xs-12{/if} main-content">
  1362. {if !$primarySidebar->hasChildren() && !$showingLoginPage && !$inShoppingCart && $templatefile != 'homepage' && !$skipMainBodyContainer} {include file="$template/includes/pageheader.tpl" title=$displayTitle desc=$tagline showbreadcrumb=true} {/if}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement