<main>
   <div class="thumb bg-light border-bottom pt-5 pb-5">
      <div class="container">
         <div class="row align-items-center">
            <div class="col-xl-6 col-md-12 d-flex flex-column align-items-start align-self-start">
               <span class="h1 text-uppercase mt-2 mb-3">High quality website hosting. Get a free trial now.</span>
               <p class="mt-2">Our cPanel hosting is the best on the market in our opinion. That's because we are always monitoring the server 24 hours a day in order to detect problems and crashes. Your website will never go down with us!</p>
               <p>We're so confident we're the best that we're offering you a 7-day free trial. Register now.</p>
               <p>To do so, simply enter your email address and choose a password on the side.</p>
               <div class="btn-group mt-4">
                  <a href="{$WEB_ROOT}/cpanel-hosting.php" class="btn btn-lg btn-primary rounded-1 m-1">See packages</a>
                  <a href="{$WEB_ROOT}/contact.php" class="btn btn-lg btn-outline-primary rounded-1 m-1">Contact Us</a>
               </div>
            </div>
            <div class="col-xl-6 col-md-12 d-flex justify-content-xl-end align-items-center mt-5 mt-xl-0 mb-5 mb-xl-0">
               <div class="form-box bg-white border rounded-4">
                  <h1 class="h5 text-center">Create an account</h1>
                  <p class="text-center">Create a new Inexus Account</p>
                  <form action="#" class="auth row gy-4 p-3">
                     <div class="col-md-12 mt-3">
                        <label for="email">Email</label>
                        <div class="input-group mt-2">
                           <div class="input-group-prepend">
                              <span class="input-group-text bg-light p-2 ps-3 pe-3"><i class="bi bi-envelope"></i></span>
                           </div>
                           <input type="email" id="email" name="email" class="form-control" placeholder="adrian@example.com">
                        </div>
                     </div>
                     <div class="col-md-12">
                        <div class="row">
                           <div class="col-sm-3 d-flex align-items-center justify-content-start"><label for="password">Password</label></div>
                        </div>
                        <div class="input-group mt-2">
                           <div class="input-group-prepend">
                              <span class="input-group-text bg-light p-2 ps-3 pe-3"><i class="bi bi-file-lock"></i></span>
                           </div>
                           <input type="password" id="password" name="password" class="form-control" placeholder="Enter your password">
                        </div>
                     </div>
                     <div class="col-md-12">
                        <button type="submit" class="btn btn-outline-skyblue hover-skyblue w-100 rounded-1 p-2">Create a account</button>
                     </div>
                     <div class="col-md-12">
                        <div class="t-separator mt-4">
                           <span class="t-separator-line"></span>
                           <span class="t-separator-text">Or sign up with</span>
                        </div>
                        <div class="social-login btn-group d-flex flex-wrap align-items-center justify-content-center mt-3">
                           <a href="#" class="btn btn-outline-primary text-primary rounded m-1"><i class="bi bi-facebook me-2"></i><span>Facebook</span></a>
                           <a href="#" class="btn btn-outline-danger text-danger rounded m-1"><i class="bi bi-facebook me-2"></i><span>Google</span></a>
                           <a href="#" class="btn btn-outline-info text-info rounded m-1"><i class="bi bi-facebook me-2"></i><span>Twitter</span></a>
                        </div>
                     </div>
                  </form>
               </div>
            </div>
         </div>
      </div>
   </div>
   <section class="pt-5 pb-5">
      <div class="container domain pt-4 pb-4">
         <h2 class="h2 lead-title">Domain Register</h2>
         <p class="lead-text">Enter the domain name of your choice and choose any extension name in the next step</p>
         <form action="#" method="post">
            <div class="input-group mb-3">
               <input type="text" name="query" class="form-control p-3" placeholder="Enter a domain name" aria-label="domain registration field">
               <div class="input-group-append">
                  <button type="submit" class="btn btn-primary h-100">Check</button>
               </div>
            </div>
         </form>
         <div class="tlds mt-4 mb-4">
            <div class="tld hvr-float">
               <div class="content-img"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/com.svg" width="100" height="100" alt="com domain icon"></div>
               <cite class="font-light text-start">$27,88 / year</cite>
            </div>
            <div class="tld hvr-float">
               <div class="content-img"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/net.svg" width="100" height="100" alt="net domain icon"></div>
               <cite class="font-light text-start">$27,88 / year</cite>
            </div>
            <div class="tld hvr-float">
               <div class="content-img"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/online.svg" width="100" height="100" alt="online domain icon"></div>
               <cite class="font-light text-start">$27,88 / year</cite>
            </div>
            <div class="tld hvr-float">
               <div class="content-img"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/live.svg" width="100" height="100" alt="live domain icon"></div>
               <cite class="font-light text-start">$27,88 / year</cite>
            </div>
            <div class="tld hvr-float">
               <div class="content-img"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/link.svg" width="100" height="100" alt="link domain icon"></div>
               <cite class="font-light text-start">$27,88 / year</cite>
            </div>
            <div class="tld hvr-float">
               <div class="content-img"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/shop.svg" width="100" height="100" alt="shop domain icon"></div>
               <cite class="font-light text-start">$27,88 / year</cite>
            </div>
         </div>
      </div>
   </section>
   <section class="pt-1 pb-5">
      <div class="container text-center">
         <h3 class="h2 lead-title mb-4">4 Tips To Find The Ideal Domain Name</h3>
         <div class="row gy-1 box text-start justify-content-center align-items-center">
            <div class="col-xl-3 col-lg-5">
               <div class="d-flex flex-column rounded p-3 text-center justify-content-center align-items-center hover-bg-icon-white">
                  <span class="h5 mt-2">Shorter is always better</span>
                  <span>Abbreviation can help keep a domain name simple and memorable, but abbreviation too much can have the opposite effect.</span>
               </div>
            </div>
            <div class="col-xl-3 col-lg-5">
               <div class="d-flex flex-column rounded p-3 text-center justify-content-center align-items-center hover-bg-icon-white">
                  <span class="h5 mt-2">Make it business</span>
                  <span>Your domain name will be your brand. Some names speak for themselves. When you hear the name, you know what the site is about or what it offers.</span>
               </div>
            </div>
            <div class="col-xl-3 col-lg-5">
               <div class="d-flex flex-column rounded p-3 text-center justify-content-center align-items-center hover-bg-icon-white">
                  <span class="h5 mt-2">Beware of trends</span>
                  <span>Anything that deals with something modern will, like the trend, disappear. Stick with a classic name that will span generations.</span>
               </div>
            </div>
            <div class="col-xl-3 col-lg-5">
               <div class="d-flex flex-column rounded p-3 text-center justify-content-center align-items-center hover-bg-icon-white">
                  <span class="h5 mt-2">Company category</span>
                  <span>Your domain name is the face of your business - in the form of a URL. Therefore, you must make sure that it really sounds like a brand or service.</span>
               </div>
            </div>
         </div>
      </div>
   </section>
   <section class="bg-light pt-5 pb-5 border-top border-bottom">
      <div class="container pt-4 pb-4 text-center">
         <h4 class="h2 lead-title">Why choose Inexus?</h4>
         <p class="lead-text">Below we list some advantages of choosing Inexus for your business</p>
         <div class="row gy-4 box text-start justify-content-center align-items-center">
            <div class="col-xl-4 col-lg-5">
               <div class="d-flex flex-column rounded p-3 text-center justify-content-center align-items-center border bg-white">
                  <i class="bi bi-headset lg squared"></i>
                  <span class="h5 mt-2">24/7/365 Support</span>
                  <span>All of our agents are trained and love to help people like you, whether it's resetting your password or creating your entire online experience.</span>
               </div>
            </div>
            <div class="col-xl-4 col-lg-5">
               <div class="d-flex flex-column rounded p-3 text-center justify-content-center align-items-center border bg-white">
                  <i class="bi bi-rocket lg squared"></i>
                  <span class="h5 mt-2">Optimized Servers</span>
                  <span>We've designed all of our services to perform optimally for website hosting, reseller hosting, VPS servers, dedicated servers, cloud computing, and more.</span>
               </div>
            </div>
            <div class="col-xl-4 col-lg-5">
               <div class="d-flex flex-column rounded p-3 text-center justify-content-center align-items-center border bg-white">
                  <i class="bi bi-hourglass lg squared"></i>
                  <span class="h5 mt-2">1 Click Installer</span>
                  <span>Get Softaculous and easily install in 1 click 400+ apps including WordPress, Joomla, WHMCS, Various forum systems, website builders and many more apps.</span>
               </div>
            </div>
            <div class="col-xl-4 col-lg-5">
               <div class="d-flex flex-column rounded p-3 text-center justify-content-center align-items-center border bg-white">
                  <i class="bi bi-device-ssd lg squared"></i>
                  <span class="h5 mt-2">Fast Resale</span>
                  <span>Your website will always load super fast thanks to our SSD drives, RAID array with CacheCade and a robust distribution network. All of our hosting services use SSD technology.</span>
               </div>
            </div>
            <div class="col-xl-4 col-lg-5">
               <div class="d-flex flex-column rounded p-3 text-center justify-content-center align-items-center border bg-white">
                  <i class="bi bi-truck lg squared"></i>
                  <span class="h5 mt-2">Free Migration</span>
                  <span>We transfer your files, database data and emails, FTP accounts, domain and subdomain settings and much more for free from the old hosting account to the new one at Inexus.</span>
               </div>
            </div>
            <div class="col-xl-4 col-lg-5">
               <div class="d-flex flex-column rounded p-3 text-center justify-content-center align-items-center border bg-white">
                  <i class="bi bi-envelope-open lg squared"></i>
                  <span class="h5 mt-2">Free email accounts</span>
                  <span>You will have unlimited email accounts linked to your domain name or subdomain registered with us for free. Just get any shared or private hosting plan.</span>
               </div>
            </div>
         </div>
      </div>
   </section>
   <section aria-label="Inexus Features" class="border-bottom">
      <div class="container text-center pt-5">
         <div class="side-by-side text-start mt-0 mt-lg-5">
            <div class="row justify-content-between">
               <div class="col-xl-5 col-lg-5 col-md-12 flex-column justify-content-start">
                  <span class="h2">Instant Activation</span>
                  <p class="mt-2">Once the payment for your service has been identified by the chosen payment method. Our control panel will activate your service right away.</p>
                  <div class="row mt-2">
                     <div class="col-md-6 d-flex flex-column rounded mt-3">
                        <i class="bi bi-alarm squared bg-yellow-light text-yellow mb-3"></i>
                        <span class="h5">Instant Activation</span>
                        <span>Service is active instantly after payment confirmation.</span>
                     </div>
                     <div class="col-md-6 d-flex flex-column rounded mt-3">
                        <i class="bi bi-x-octagon squared bg-purple-light text-purple mb-3"></i>
                        <span class="h5">Easy Cancellation</span>
                        <span>Cancel your service instantly whenever you want.</span>
                     </div>
                  </div>
               </div>
               <div class="col-xl-5 col-lg-5 col-md-12 flex-column justify-content-start align-items-center">
                  <div class="side-by-side-img position-relative bg-red-light rounded p-5">
                     <div class="content-img"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/clock-02.svg" alt="clock"></div>
                     <div class="content-img xs shadow-sm position-absolute bottom right d-none d-xl-block border-light"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/clock-01.svg" width="100" height="100" alt="Clock"></div>
                  </div>
               </div>
            </div>
            <div class="row justify-content-between">
               <div class="col-xl-5 col-lg-5 col-md-12 flex-column justify-content-start">
                  <span class="h2">Easy Dashboard</span>
                  <p class="mt-2">Our modern and attractive control panel was developed by our team to facilitate the maintenance and configuration of your hosting.</p>
                  <div class="row mt-2">
                     <div class="col-md-6 d-flex flex-column rounded mt-3">
                        <i class="bi bi-border-all squared bg-blue-light text-blue mb-3"></i>
                        <span class="h5">All in one</span>
                        <span>Email accounts, file manager, FTP, server manager and more.</span>
                     </div>
                     <div class="col-md-6 d-flex flex-column rounded mt-3">
                        <i class="bi bi-shield-lock squared bg-yellow-light text-yellow mb-3"></i>
                        <span class="h5">Two-step Verification</span>
                        <span>Your account is secure with the two-step verification.</span>
                     </div>
                  </div>
               </div>
               <div class="col-xl-5 col-lg-5 col-md-12 flex-column justify-content-start align-items-center">
                  <div class="side-by-side-img position-relative bg-blue-light rounded p-5">
                     <div class="content-img"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/chart-02.svg" width="100" height="100" alt="Chart"></div>
                     <div class="content-img xs shadow-sm position-absolute bottom right d-none d-xl-block border-light"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/chart-01.svg" width="100" height="100" alt="Chart"></div>
                  </div>
               </div>
            </div>
            <div class="row justify-content-between">
               <div class="col-xl-5 col-lg-5 col-md-12 flex-column justify-content-start">
                  <span class="h2">24/7 support</span>
                  <p class="mt-2">Professionals ready to assist you 24 and 7 days a week. If you have a doubt or problem. Contact us and we'll respond within 15 minutes.</p>
                  <div class="row mt-2">
                     <div class="col-md-6 d-flex flex-column rounded mt-3">
                        <i class="bi bi-chat-dots squared bg-blue-light text-blue mb-3"></i>
                        <span class="h5">Chat Online</span>
                        <span>We are available 24/7 via online chat.</span>
                     </div>
                     <div class="col-md-6 d-flex flex-column rounded mt-3">
                        <i class="bi bi-ticket squared bg-green-light text-green mb-3"></i>
                        <span class="h5">System Ticket</span>
                        <span>Contact us by opening a ticket from the dashboard.</span>
                     </div>
                  </div>
               </div>
               <div class="col-xl-5 col-lg-5 col-md-12 flex-column justify-content-start align-items-center">
                  <div class="side-by-side-img position-relative bg-blue-light rounded p-5">
                     <div class="content-img"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/support-02.svg" width="100" height="100" alt="Support"></div>
                     <div class="content-img xs shadow-sm position-absolute bottom right d-none d-xl-block border-light"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/support-01.svg" width="100" height="100" alt="Support"></div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <section class="pt-5 pb-5">
      <div class="container text-center pt-3 pb-3">
         <h5 class="h2 mb-4 mb-lg-5">Our customers trust us</h5>
         <div class="side-by-side side-by-side-choose text-start pb-1">
            <div class="row g-4 side-by-side-parent justify-content-between" aria-hidden="false">
               <div class="col-xl-6 col-md-12">
                  <div class="side-by-side-item d-flex flex-column justify-content-start p-xxl-0" data-ss-title="Adrian.Yu" data-ss-subtitle="Developer/Design" data-ss-img="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/profile/08m.jpg" data-ss-rates="5">
                     <div class="content-img icon md mb-4"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/quotes-left.svg" width="100" height="100" alt="Quotes Left"></div>
                     <span class="h3">The best active author on the market TemplateMonster #1</span>
                     <p class="mt-3">crowbarcode is the best active author on the TemplateMonster market. That's because the templates are made with clean code and optimized for SEO. I increased my sales after installing the crowbarcode template.</p>
                  </div>
               </div>
               <div class="col-xl-5 col-md-12 bg-dots bg-img-md-none d-flex flex-column justify-content-center justify-content-xl-end align-items-end">
                  <div class="side-by-side-img position-relative bg-red-light overflow-hidden rounded">
                     <div class="content-img sm top-5"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/t-2.jpg" width="1380" height="920" alt="T"></div>
                     <button class="watch-video-play d-flex align-items-center w-100 position-absolute bottom-0 ms-3 mb-3" data-video-embed="https://www.youtube.com/embed/Aty3TV4Yn4I">
                     <i class="bi bi-play-circle h1 mb-0 text-white"></i>
                     <span class="ms-2 text-white">Watch Video</span>
                     </button>
                  </div>
               </div>
            </div>
            <div class="row g-4 side-by-side-parent justify-content-between d-none" aria-hidden="true">
               <div class="col-xl-6 col-md-12">
                  <div class="side-by-side-item d-flex flex-column justify-content-start p-xxl-0" data-ss-title="Alex.Yu" data-ss-subtitle="SEO/Marketing" data-ss-img="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/profile/07w.jpg" data-ss-rates="4.5">
                     <div class="content-img icon md mb-4"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/quotes-left.svg" width="100" height="100" alt="Quotes Left"></div>
                     <span class="h3">The best active author on the market TemplateMonster #2</span>
                     <p class="mt-3">crowbarcode is the best active author on the TemplateMonster market. That's because the templates are made with clean code and optimized for SEO. I increased my sales after installing the crowbarcode template.</p>
                  </div>
               </div>
               <div class="col-xl-5 col-md-12 bg-dots bg-img-md-none d-flex flex-column justify-content-center justify-content-xl-end align-items-end p-md-0">
                  <div class="side-by-side-img position-relative bg-red-light overflow-hidden rounded">
                     <div class="content-img sm top-5"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/t-7.jpg" width="1380" height="920" alt="T7"></div>
                     <button class="watch-video-play d-flex align-items-center w-100 position-absolute bottom-0 ms-3 mb-3" data-video-embed="https://www.youtube.com/embed/Aty3TV4Yn4I">
                     <i class="bi bi-play-circle h1 mb-0 text-white"></i>
                     <span class="ms-2 text-white">Watch Video</span>
                     </button>
                  </div>
               </div>
            </div>
            <div class="row g-4 side-by-side-parent justify-content-between d-none" aria-hidden="true">
               <div class="col-xl-6 col-md-12">
                  <div class="side-by-side-item d-flex flex-column justify-content-start p-xxl-0" data-ss-title="Gordon.Yu" data-ss-subtitle="SEO/Marketing" data-ss-img="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/profile/14m.jpg" data-ss-rates="3">
                     <div class="content-img icon md mb-4"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/quotes-left.svg" width="100" height="100" alt="Quotes Left"></div>
                     <span class="h3">The best active author on the market TemplateMonster #3</span>
                     <p class="mt-3">crowbarcode is the best active author on the TemplateMonster market. That's because the templates are made with clean code and optimized for SEO. I increased my sales after installing the crowbarcode template.</p>
                  </div>
               </div>
               <div class="col-xl-5 col-md-12 bg-dots bg-img-md-none d-flex flex-column justify-content-center justify-content-xl-end align-items-end p-md-0">
                  <div class="side-by-side-img position-relative bg-red-light overflow-hidden rounded">
                     <div class="content-img sm top-5"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/t-9.jpg" width="1380" height="920" alt="T9"></div>
                     <button class="watch-video-play d-flex align-items-center w-100 position-absolute bottom-0 ms-3 mb-3" data-video-embed="https://www.youtube.com/embed/Aty3TV4Yn4I">
                     <i class="bi bi-play-circle h1 mb-0 text-white"></i>
                     <span class="ms-2 text-white">Watch Video</span>
                     </button>
                  </div>
               </div>
            </div>
            <div class="row g-4 side-by-side-parent justify-content-between d-none" aria-hidden="true">
               <div class="col-xl-6 col-md-12">
                  <div class="side-by-side-item d-flex flex-column justify-content-start p-xxl-0" data-ss-title="Kleiner.Yu" data-ss-subtitle="Developer/Design" data-ss-img="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/profile/27m.jpg" data-ss-rates="4">
                     <div class="content-img icon md mb-4"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/quotes-left.svg" width="100" height="100" alt="Quotes Left"></div>
                     <span class="h3">The best active author on the market TemplateMonster #4</span>
                     <p class="mt-3">crowbarcode is the best active author on the TemplateMonster market. That's because the templates are made with clean code and optimized for SEO. I increased my sales after installing the crowbarcode template.</p>
                  </div>
               </div>
               <div class="col-xl-5 col-md-12 bg-dots bg-img-md-none d-flex flex-column justify-content-center justify-content-xl-end align-items-end p-md-0">
                  <div class="side-by-side-img position-relative bg-red-light overflow-hidden rounded">
                     <div class="content-img sm top-5"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/t-8.jpg" width="626" height="417" alt="T8"></div>
                     <button class="watch-video-play d-flex align-items-center w-100 position-absolute bottom-0 ms-3 mb-3" data-video-embed="https://www.youtube.com/embed/Aty3TV4Yn4I">
                     <i class="bi bi-play-circle h1 mb-0 text-white"></i>
                     <span class="ms-2 text-white">Watch Video</span>
                     </button>
                  </div>
               </div>
            </div>
            <div class="row g-4 side-by-side-parent justify-content-between d-none" aria-hidden="true">
               <div class="col-xl-6 col-md-12">
                  <div class="side-by-side-item d-flex flex-column justify-content-start p-xxl-0" data-ss-title="Janaina.Yu" data-ss-subtitle="Developer/Design" data-ss-img="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/profile/09w.jpg" data-ss-rates="5">
                     <div class="content-img icon md mb-4"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/quotes-left.svg" width="100" height="100" alt="Quotes Left"></div>
                     <span class="h3">The best active author on the market TemplateMonster #5</span>
                     <p class="mt-3">crowbarcode is the best active author on the TemplateMonster market. That's because the templates are made with clean code and optimized for SEO. I increased my sales after installing the crowbarcode template.</p>
                  </div>
               </div>
               <div class="col-xl-5 col-md-12 bg-dots bg-img-md-none d-flex flex-column justify-content-center justify-content-xl-end align-items-end p-md-0">
                  <div class="side-by-side-img position-relative bg-red-light overflow-hidden rounded">
                     <div class="content-img sm top-5"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/t-6.jpg" width="1380" height="920" alt="T6"></div>
                     <button class="watch-video-play d-flex align-items-center w-100 position-absolute bottom-0 ms-3 mb-3" data-video-embed="https://www.youtube.com/embed/Aty3TV4Yn4I">
                     <i class="bi bi-play-circle h1 mb-0 text-white"></i>
                     <span class="ms-2 text-white">Watch Video</span>
                     </button>
                  </div>
               </div>
            </div>
            <div class="row g-4 side-by-side-parent justify-content-between d-none" aria-hidden="true">
               <div class="col-xl-6 col-md-12">
                  <div class="side-by-side-item d-flex flex-column justify-content-start p-xxl-0" data-ss-title="Elisa.Yu" data-ss-subtitle="Developer/Design" data-ss-img="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/profile/17w.jpg" data-ss-rates="0">
                     <div class="content-img icon md mb-4"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/quotes-left.svg" width="100" height="100" alt="Quotes Left"></div>
                     <span class="h3">The best active author on the market TemplateMonster #5</span>
                     <p class="mt-3">crowbarcode is the best active author on the TemplateMonster market. That's because the templates are made with clean code and optimized for SEO. I increased my sales after installing the crowbarcode template.</p>
                  </div>
               </div>
               <div class="col-xl-5 col-md-12 bg-dots bg-img-md-none d-flex flex-column justify-content-center justify-content-xl-end align-items-end p-md-0">
                  <div class="side-by-side-img position-relative bg-red-light overflow-hidden rounded">
                     <div class="content-img sm top-5"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/t-5.jpg" width="1380" height="920" alt="T5"></div>
                     <button class="watch-video-play d-flex align-items-center w-100 position-absolute bottom-0 ms-3 mb-3" data-video-embed="https://www.youtube.com/embed/Aty3TV4Yn4I">
                     <i class="bi bi-play-circle h1 mb-0 text-white"></i>
                     <span class="ms-2 text-white">Watch Video</span>
                     </button>
                  </div>
               </div>
            </div>
            <div class="row g-4 side-by-side-parent justify-content-between d-none" aria-hidden="true">
               <div class="col-xl-6 col-md-12">
                  <div class="side-by-side-item d-flex flex-column justify-content-start p-xxl-0" data-ss-title="Oliver.Yu" data-ss-subtitle="SEO/Marketing" data-ss-img="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/profile/31m.jpg" data-ss-rates="0.5">
                     <div class="content-img icon md mb-4"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/quotes-left.svg" width="100" height="100" alt="Quotes Left"></div>
                     <span class="h3">The best active author on the market TemplateMonster #5</span>
                     <p class="mt-3">crowbarcode is the best active author on the TemplateMonster market. That's because the templates are made with clean code and optimized for SEO. I increased my sales after installing the crowbarcode template.</p>
                  </div>
               </div>
               <div class="col-xl-5 col-md-12 bg-dots bg-img-md-none d-flex flex-column justify-content-center justify-content-xl-end align-items-end p-md-0">
                  <div class="side-by-side-img position-relative bg-red-light overflow-hidden rounded">
                     <div class="content-img sm top-5"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/t-10.jpg" width="1380" height="920" alt="T10"></div>
                     <button class="watch-video-play d-flex align-items-center w-100 position-absolute bottom-0 ms-3 mb-3" data-video-embed="https://www.youtube.com/embed/Aty3TV4Yn4I">
                     <i class="bi bi-play-circle h1 mb-0 text-white"></i>
                     <span class="ms-2 text-white">Watch Video</span>
                     </button>
                  </div>
               </div>
            </div>
            <div class="row g-4 side-by-side-parent justify-content-between d-none" aria-hidden="true">
               <div class="col-xl-6 col-md-12">
                  <div class="side-by-side-item d-flex flex-column justify-content-start p-xxl-0" data-ss-title="Adrian.Yu" data-ss-subtitle="Developer/Design" data-ss-img="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/profile/11m.jpg" data-ss-rates="2">
                     <div class="content-img icon md mb-4"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/quotes-left.svg" width="100" height="100" alt="Quotes Left"></div>
                     <span class="h3">The best active author on the market TemplateMonster #10</span>
                     <p class="mt-3">crowbarcode is the best active author on the TemplateMonster market. That's because the templates are made with clean code and optimized for SEO. I increased my sales after installing the crowbarcode template.</p>
                  </div>
               </div>
               <div class="col-xl-5 col-md-12 bg-dots bg-img-md-none d-flex flex-column justify-content-center justify-content-xl-end align-items-end p-md-0">
                  <div class="side-by-side-img position-relative bg-red-light overflow-hidden rounded">
                     <div class="content-img sm top-5"><img src="{$WEB_ROOT}/templates/{$template}/{$template}/assets/img/design/t-1.jpg" width="626" height="417" alt="t1"></div>
                     <button class="watch-video-play d-flex align-items-center w-100 position-absolute bottom-0 ms-3 mb-3" data-video-embed="https://www.youtube.com/embed/Aty3TV4Yn4I">
                     <i class="bi bi-play-circle h1 mb-0 text-white"></i>
                     <span class="ms-2 text-white">Watch Video</span>
                     </button>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   <section class="bg-dark bg-square-circle border-top border-bottom mb-4">
      <div class="container pt-3 pb-3 text-center">
         <span class="h5 lead-desc mb-3 d-block text-yellow">Talk to an expert</span>
         <h6 class="h2 lead-title">Contact Us</h6>
         <p class="mb-4">If you are in doubt or confused about which service is best for you or your business. Get in touch now with one of our experts on the subject and draw your conclusions. Our measured response time is less than 15 minutes.</p>
         <div class="btn-group">
            <a href="{$WEB_ROOT}/contact.php" class="btn btn-primary rounded m-1">Contact Us</a>
            <a href="{$WEB_ROOT}/submitticket.php" class="btn btn-outline-primary rounded m-1">Open Ticket</a>
         </div>
      </div>
   </section>
   <section aria-label="Common questions" class="pt-5">
      <div class="container">
         <div class="row g-4">
            <div class="col-md-6">
               <div class="text-left me-5">
                  <span class="h2">Common questions</span>
                  <p class="mt-4">To help you make an informed decision, we've compiled a list of our frequently asked questions related to the services listed on this page.</p>
                  <p>If you cannot find the answer to your question or would like more information on the matter, you can visit our complete knowledge base or contact us at any time and we will be happy to assist you.</p>
                  <div class="btn-groups">
                     <a href="#" class="btn btn-primary mt-1 mb-1">Knowledge base</a>
                     <a href="{$WEB_ROOT}/contact.php" class="btn btn-outline-transparent mt-1 mb-1">Contact Us</a>
                  </div>
               </div>
            </div>
            <div class="col-md-6">
               <div class="text-left">
                  <span class="h3">Do you have any doubts?</span>
                  <p class="mt-3">See if your question has already been answered in the list below</p>
                  <div class="accordion accordion-flush" id="accordionQuestion">
                     <div class="accordion-item border mt-1 mb-1">
                        <h2 class="accordion-header" id="flush-headingOne">
                           <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">What is hosting?</button>
                        </h2>
                        <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionQuestion">
                           <div class="accordion-body">Let's break it down. The basics: you want a website. You have great content ideas, a vision board that describes the mood of your site, and even a wish list for the additional features you want for your site. But how exactly do you get your website online? That's where hosting comes in. Your website needs a hosting provider to put it on the web and make it publicly available for viewing. Web hosts are companies that provide the server space needed to store your website. As web traffic tries to access your website, the necessary data is transmitted from the server to your visitors' device. Web hosting providers, however, differ in the variety of plan types and options they offer. So having a quality web host is crucial.</div>
                        </div>
                     </div>
                     <div class="accordion-item border mt-1 mb-1">
                        <h2 class="accordion-header" id="flush-headingTwo">
                           <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">What is domain name ?</button>
                        </h2>
                        <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionQuestion">
                           <div class="accordion-body">A domain name is an identification string that defines a domain of administrative autonomy, authority, or control within the Internet. Domain names are used ​​ in various network contexts and for application-specific naming and addressing purposes. In general, a domain name identifies a network domain or represents an Internet Protocol (IP) resource, such as a personal computer used to access the Internet, a server computer that hosts a website or the website itself, or any other communicated service through the Internet. In 2017, 330.6 million domain names were registered.</div>
                        </div>
                     </div>
                     <div class="accordion-item border mt-1 mb-1">
                        <h2 class="accordion-header" id="flush-headingThree">
                           <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">What is a VPS server and why should I choose it?</button>
                        </h2>
                        <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionQuestion">
                           <div class="accordion-body">A virtual private server (VPS) is a virtual machine sold as a service by an Internet hosting service. Virtual Dedicated Server (VDS) also works in a virtualized environment, but some CPU cores are dedicated to it, which is not the case with VPS. A virtual private server runs its own copy of an operating system (OS), and clients can have superuser-level access to that operating system instance, so they can install almost any software running on that OS. For many purposes it is functionally equivalent to a dedicated physical server and, being software defined, it can be created and configured much more easily. A virtual server costs much less than an equivalent physical server. However, because virtual servers share the underlying physical hardware with other VPSes, performance can be lower.</div>
                        </div>
                     </div>
                     <div class="accordion-item border mt-1 mb-1">
                        <h2 class="accordion-header" id="flush-headingFour">
                           <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFour" aria-expanded="false" aria-controls="flush-collapseFour">What is Dedicated Server ?</button>
                        </h2>
                        <div id="flush-collapseFour" class="accordion-collapse collapse" aria-labelledby="flush-headingFour" data-bs-parent="#accordionQuestion">
                           <div class="accordion-body">A virtual private server (VPS) is a virtual machine sold as a service by an Internet hosting service. Virtual Dedicated Server (VDS) also works in a virtualized environment, but some CPU cores are dedicated to it, which is not the case with VPS. A virtual private server runs its own copy of an operating system (OS), and clients can have superuser-level access to that operating system instance, so they can install almost any software running on that OS. For many purposes it is functionally equivalent to a dedicated physical server and, being software defined, it can be created and configured much more easily. A virtual server costs much less than an equivalent physical server. However, because virtual servers share the underlying physical hardware with other VPSes, performance can be lower.</div>
                        </div>
                     </div>
                     <div class="accordion-item border mt-1 mb-1">
                        <h2 class="accordion-header" id="flush-headingFive">
                           <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFive" aria-expanded="false" aria-controls="flush-collapseFive">How long does it take to release the order?</button>
                        </h2>
                        <div id="flush-collapseFive" class="accordion-collapse collapse" aria-labelledby="flush-headingFive" data-bs-parent="#accordionQuestion">
                           <div class="accordion-body">Our hosting services have immediate release as soon as the payment is cleared and confirmed by our system. Service access information is automatically sent to the registered email.</div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
   {include file="$template/$template/includes/partners.tpl"}
</main>