View file Slake/main_file/index3.html

File size: 58.76Kb
<!doctype html>
<html lang="en">
   <head>
      <!-- BASIC META-->
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <title>Slake best web hosting templete</title>
      <!-- FAVICON -->
      <link rel="apple-touch-icon" href="asset/img/favicon/apple-touch-icon.png">
      <link rel="icon" href="asset/img/favicon/favicon.ico">
      <!-- WEB FONTS  -->
      <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
      <!-- BOOTSTRAP MIN CSS -->
      <link href="asset/css/bootstrap.min.css" rel="stylesheet">
      <!-- MC Scroll CSS -->
      <link href="asset/css/jquery.mCustomScrollbar.min.css" rel="stylesheet">
      <!-- ALL PLUGINS CSS -->
      <link href="asset/css/elements.css" rel="stylesheet">
      <!-- THEME STYLE CSS -->
      <link href="style.css" rel="stylesheet">
      <!-- RESPONSIVE CSS -->
      <link href="responsive.css" rel="stylesheet">
   </head>
   <body>
      <!--[if lt IE 8]>
      <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
      <![endif]-->
      <!-- preloder. -->
  <div class="preloader-wrapper">
    <div class="preloder">
      <div class="shape shape-1"></div>
      <div class="shape shape-2"></div>
      <div class="shape shape-3"></div>
      <div class="shape shape-4"></div>
    </div>
  </div>
      <!-- HEADER TOP -->

      <div class="full-slider">
         <header class="header-top-area">
            <div class="container">
               <div class="row">
                  <div class="col-xl-7 col-lg-7 col-md-6 col-12">
                     <div class="header-top-left">
                        <ul>
                           <li>
                                <select name="name" id="option">
                                <option value="Eng">Eng</option>
                                <option value="Eng">Bn</option>
                                <option value="Eng">Gn</option>
                                <option value="Eng">Sd</option>
                            </select>
                           </li>
                           <li> <a href="tel:+8801711991383"> <span class="ti-headphone-alt"></span>+8801711991383</a> </li>
                           <li> <a href="mailto:company@gmail.com"> <span class="ti-email"></span>company@mail.com</a> </li>
                        </ul>
                     </div>
                  </div>
                  <div class="col-xl-5 col-lg-5 col-md-6 col-12">
                     <div class="header-top-right">
                        <ul>
                           <li><a href="#"><span class="ti-comments"></span>live chat</a></li>
                           <li><a href="#">register</a></li>
                           <li><a href="#">login </a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </header>
         <!-- NAVIGATION -->
         <div class="navigation-bar stick">
            <div class="container">
               <div class="row">
                  <div class="col-md-2">
                     <div class="logo">
                        <a href="index.html"><img src="asset/img/logo/logo.png" alt="logo"></a>
                     </div>
                  </div>
                  <div class="col-md-10">
                     <div class="navigation">
                        <ul class="list-inline text-right" id="mainmenu">
                           <li class="dropdown current-menu-item current-menu-has-children">
                              <a href="#">Home</a>
                              <ul class="dropdown-nav dropdown-nav-left">
                                 <li><a href="index.html"> Home 1</a></li>
                                 <li><a href="index2.html">Home 2</a></li>
                                 <li><a href="index3.html">Home 3</a></li>
                                 <li><a href="index4.html">Home 4</a></li>
                                 <li><a href="index5.html">Home 5</a></li>
                              </ul>
                           </li>
                           <li class="mega-manu current-menu-has-children dropdown current-menu-item">
                              <a href="#">hosting</a>
                                <ul class="dropdown-nav dropdown-nav-left ds-none">
                                    <li><a href="hosting.html">Shared Hosting</a></li>
                                    <li><a href="cloud.html">Cloud Hosting</a></li>
                                    <li><a href="dedicated-hosting.html">Dedicated Hosting</a></li>
                                    <li><a href="vps-hosting.html">VPS Hosting</a></li>
                                </ul>
                              <div class="maga-manu-wrapper">
                                 <div class="row">
                                    <div class="col-md-9 col-sm-9">
                                       <div class="row">
                                          <div class="col-md-6 col-sm-6">
                                             <div class="mega-single-items margin-bottom">
                                                <a class="hosting-links" href="hosting.html">
                                                   <h2>Shared Hosting</h2>
                                                </a>
                                                <p>Lorem ipsum dolor sit amet, sicing elit, sed do anaglom eiusm.</p>
                                             </div>
                                             <div class="mega-single-items ">
                                                <a class="hosting-links" href="cloud.html">
                                                   <h2>Cloud Hosting</h2>
                                                </a>
                                                <p>Lorem ipsum dolor sit amet, sicing elit, sed do anaglom eiusm.</p>
                                             </div>
                                          </div>
                                          <div class="col-md-6 col-sm-6">
                                             <div class="mega-single-items margin-bottom">
                                                <a class="hosting-links" href="dedicated-hosting.html">
                                                   <h2>Dedicated Hosting</h2>
                                                </a>
                                                <p>Lorem ipsum dolor sit amet, sicing elit, sed do anaglom eiusm.</p>
                                             </div>
                                             <div class="mega-single-items">
                                                <a class="hosting-links" href="vps-hosting.html">
                                                   <h2>VPS Hosting</h2>
                                                </a>
                                                <p>Lorem ipsum dolor sit amet, sicing elit, sed do anaglom eiusm.</p>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-md-3 col-sm-3">
                                    </div>
                                 </div>
                              </div>
                           </li>
                           <li><a href="whmcs.html">WHMCS-bridge</a></li>
                           <li class="dropdown  current-menu-has-children">
                              <a href="#">Pages</a>
                              <ul class="dropdown-nav dropdown-nav-left">
                                 <li><a href="about.html">about us</a></li>
                                 <li><a href="affiliate.html">affiliate</a></li>
                                 <li><a href="testimonial.html">testimonials</a></li>
                                 <li><a href="coming-soon.html">Coming soon</a></li>
                                 <li><a href="faq.html">Faq</a></li>
                                 <li><a href="404.html">404</a></li>
                              </ul>
                           </li>
                           <li class="dropdown current-menu-has-children">
                              <a href="#">Blog</a>
                              <ul class="dropdown-nav dropdown-nav-left">
                                 <li><a href="full-blog.html">Blog  full width</a></li>
                                 <li><a href="blog-details.html">Blog details </a></li>
                                 <li><a href="blog-right.html">Blog right sidebar</a></li>
                                 <li><a href="blog-left.html">Blog  left sidebar</a></li>
                              </ul>
                           </li>
                           <li><a href="contact.html">Contact Us</a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <!-- /MOBILE NAVIGATION -->
         <!-- /NAVIGATION -->
         <!-- HOMEPAGE-1 SLIDER -->
         <section class="slider-1-bg">
            <div class="homepage-slider-1">
               <div class="single-slider-item">
                  <div class="container">
                     <div class="row slider-content-area">
                        <div class="col-xl-7 col-lg-7 col-md-12 col-12">
                           <div class="slider-content-element">
                              <div class="slider-content">
                                 <h2 class=" wow animated fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s">Search your Perfect Domain</h2>
                                 <p class=" wow animated fadeInDown" data-wow-duration="1s" data-wow-delay="0.3s">Search your perfect domain ame tam ngcing elit, per sed do eiusmoad teimpor ised do eiusmod psum dolorre Lorem ipsum only at $7.00 per domain</p>
                              </div>
                              <div class="domain-checkup  wow animated fadeInDown" data-wow-duration="2s" data-wow-delay="0.5s">
                                 <form action="#">
                                    <div class="domain-checkup-left">
                                       <div class="input-field-row">
                                          <input type="text" class="domain-input" placeholder="Enter your domain here">
                                          <select class="nice-select" name="TLD">
                                             <option value="">.com</option>
                                             <option value="">.net</option>
                                             <option value="">.net</option>
                                             <option value="">.net</option>
                                             <option value="">.net</option>
                                          </select>
                                       </div>
                                    </div>
                                    <div class="domain-checkup-right">
                                       <button>  
                                       Search
                                       </button>
                                    </div>
                                 </form>
                              </div>
                              <div class="domain-tld-prices wow animated fadeInDown" data-wow-duration="2s" data-wow-delay="0.7s">
                                 <ul>
                                    <li>.com $9.00</li>
                                    <li>.net $9.50</li>
                                    <li>.org $9.50</li>
                                    <li>.us $6.99</li>
                                    <li>.me $7.50</li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                        <img src="asset/img/slider-img/homepage-img-1.png" alt="slider icon" class="position-img-2 wow animated fadeInRight" data-wow-duration="2s" data-wow-delay="0.3s">
                        <img src="asset/img/slider-img/homepage-img-2.png" alt="slider icon" class="position-img wow animated fadeInDown" data-wow-duration="2s" data-wow-delay="0.5s">
                     </div>
                  </div>
               </div>
            </div>
         </section>
      </div>
      <!--BRANDE AREA -->
      <section class="brand-area">
         <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="brand-inner">
                       <div class="owl-carousel all-brand-carsouel">
                          <div class="brand-single-item">
                            <div class="brand-single-item-cell">
                               <img src="asset/img/brand-logo/brand-icon.png" alt="brand-icon">
                            </div>
                          </div>
                          <div class="brand-single-item">
                            <div class="brand-single-item-cell">
                             <img src="asset/img/brand-logo/brand-icon-2.png" alt="brand-icon">
                          </div>
                          </div>
                          <div class="brand-single-item">
                            <div class="brand-single-item-cell">
                             <img src="asset/img/brand-logo/brand-icon-3.png" alt="brand-icon">
                          </div>
                          </div>
                          <div class="brand-single-item">
                            <div class="brand-single-item-cell">
                             <img src="asset/img/brand-logo/brand-icon-4.png" alt="brand-icon">
                          </div>
                          </div>
                          <div class="brand-single-item">
                            <div class="brand-single-item-cell">
                             <img src="asset/img/brand-logo/brand-icon-5.png" alt="brand-icon">
                          </div>
                          </div>
                          <div class="brand-single-item">
                            <div class="brand-single-item-cell">
                             <img src="asset/img/brand-logo/brand-icon-3.png" alt="brand-icon">
                          </div>
                          </div>
                       </div>
                    </div>
                </div>
            </div>
         </div>
      </section>
      <!--BRANDE AREA  END-->
      <!-- BLOG-1 -->
      <section class="blog-1-area about-blog">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <div class="section-title ">
                     <h2>Why Choose <span>Slake?</span> </h2>
                     <img src="asset/img/section-shape.png" alt="section-shape">
                     <p>Lorem ipsum dolor sittem ametamngcing elit, per sed do eiusmoad teimpor sittem elit inuning ut sed sittem do eiusmod.</p>
                  </div>
               </div>
            </div>
            <div class="row">
                <div class="col-xl-4 col-lg-4 col-md-4 col-12 ">
                    <div class="single-blog-1">
                        <img src="asset/img/service/about-icon-11.png" alt="section-icon">
                        <h2>Free Domain</h2>
                        <p>After you purchase a hosting plan, you need to set up it before you use it to your website.</p>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 col-md-4 col-12 ">
                    <div class="single-blog-1">
                        <img src="asset/img/service/service-icon-4.png" alt="section-icon">
                        <h2>Control Cpanel</h2>
                        <p>After you purchase a hosting plan, you need to set up it before you use it to your website.</p>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 col-md-4 col-12 ">
                    <div class="single-blog-1">
                        <img src="asset/img/service/section-icon-3.png" alt="section-icon">
                        <h2>24/7 Hour Support</h2>
                        <p>After you purchase a hosting plan, you need to set up it before you use it to your website.</p>
                    </div>
                </div>
            </div>
            <!-- BLOG-1  END-->
            <!--PRICING-TABLE -->
            <div class="homepage-2 pricing-table-area">
               <div class="row">
                  <div class="col-md-12">
                     <div class="section-title">
                        <h2><span>Slake</span> Give you Best Price </h2>
                        <img src="asset/img/section-shape.png" alt="section-shape">
                        <p>Lorem ipsum dolor sittem ametamngcing elit, per sed do eiusmoad teimpor sittemelit inuning ut sed sittem do eiusmod.</p>
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12">
                     <nav class="pricing-tab">
                        <span class="monthly_tab_title">
                        Monthly                 </span>
                        <span class="pricing-tab-switcher"></span>
                        <span class="annual_tab_title">
                        Annual                  </span>
                     </nav>
                  </div>
               </div>
               <div class="row">
                  <div class="col-lg-4 col-md-12 col-xs-12">
                     <div class="single-pricing-table">
                        <h2>Personal</h2>
                        <img src="asset/img/pricing-icon/pricing-icon.png" alt="pricing-icon">
                        <div class="pricing-amount">
                           <div class="annual_price">
                              <sup><span class="currency">$</span></sup>
                              <span class="price"> 00 </span>
                              <span class="subscription"> /Annual </span>
                           </div>
                           <div class="monthly_price">
                              <sup><span class="currency">$</span></sup>
                              <span class="price"> 00 </span>
                              <span class="subscription"> /Monthly </span>
                           </div>
                        </div>
                        <div class="pricing-content">
                           <ul>
                              <li>10GB Space</li>
                              <li>1 Free Domain</li>
                              <li>300GB SSD Disk</li>
                              <li>Special Offers</li>
                              <li>Unlimited Support</li>
                           </ul>
                           <a class="pricing-btn blue-btn" href="#">Select Plan</a>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-4 col-md-12 col-xs-12">
                     <div class="single-pricing-table active">
                        <span class="table-highlight">Popular</span>
                        <h2>Business</h2>
                        <img src="asset/img/pricing-icon/pricing-icon-3.png" alt="pricing-icon">
                        <div class="pricing-amount">
                           <div class="annual_price">
                              <sup><span class="currency">$</span></sup>
                              <span class="price"> 81 </span>
                              <span class="subscription"> /Annual </span>
                           </div>
                           <div class="monthly_price">
                              <sup><span class="currency">$</span></sup>
                              <span class="price"> 09 </span>
                              <span class="subscription"> /Monthly </span>
                           </div>
                        </div>
                        <div class="pricing-content">
                           <ul>
                              <li>10GB Space</li>
                              <li>1 Free Domain</li>
                              <li>300GB SSD Disk</li>
                              <li>Special Offers</li>
                              <li>Unlimited Support</li>
                           </ul>
                           <a class="pricing-btn blue-btn" href="#">Select Plan</a>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-4 col-md-12 col-xs-12 ">
                     <div class="single-pricing-table">
                        <h2>Enterprice</h2>
                        <img src="asset/img/pricing-icon/pricing-icon-4.png" alt="pricing-icon">
                        <div class="pricing-amount">
                           <div class="annual_price">
                              <sup><span class="currency">$</span></sup>
                              <span class="price"> 199 </span>
                              <span class="subscription"> /Annual </span>
                           </div>
                           <div class="monthly_price">
                              <sup><span class="currency">$</span></sup>
                              <span class="price"> 99 </span>
                              <span class="subscription"> /Monthly </span>
                           </div>
                        </div>
                        <div class="pricing-content">
                           <ul>
                              <li>10GB Space</li>
                              <li>1 Free Domain</li>
                              <li>300GB SSD Disk</li>
                              <li>Special Offers</li>
                              <li>Unlimited Support</li>
                           </ul>
                           <a class="pricing-btn blue-btn" href="#">Select Plan</a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--PRICING-TABLE END -->
      <!-- BLOG-1 -->
      <section class="homepage-2 blog-2-area">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <div class="section-title ">
                     <h2>Our Best Services</h2>
                     <img src="asset/img/section-shape.png" alt="section-shape">
                     <p>Lorem ipsum dolor sittem ametamngcing elit, per sed do eiusmoad teimpor sittemelit inuning ut sed sittem do eiusmod.</p>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-lg-4 col-md-6 col-12">
                  <div class="single-blog-1">
                     <img src="asset/img/service/service-icon.png" alt="section-icon">
                     <h2>Resellers Hosting</h2>
                     <p>Lorem ipsum dolor sittem ametam ngcing elit, per sed do eiusmoad tepor inunt ut sedig do eiusmod.</p>
                     <a href="#" class="read-more-btn">read more <i class="ti-arrow-right"></i> </a>
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 col-12 ">
                  <div class="single-blog-1">
                     <img src="asset/img/service/service-icon-2.png" alt="section-icon">
                     <h2>Web Hosting</h2>
                     <p>Lorem ipsum dolor sittem ametam ngcing elit, per sed do eiusmoad tepor inunt ut sedig do eiusmod.</p>
                     <a href="#" class="read-more-btn">read more <i class="ti-arrow-right"></i></a>
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 col-12 ">
                  <div class="single-blog-1">
                     <img src="asset/img/service/service-icon-3.png" alt="section-icon">
                     <h2>Cloud Hosting</h2>
                     <p>Lorem ipsum dolor sittem ametam ngcing elit, per sed do eiusmoad tepor inunt ut sedig do eiusmod.</p>
                     <a href="#" class="read-more-btn">read more <i class="ti-arrow-right"></i></a>
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 col-12 ">
                  <div class="single-blog-1">
                     <img src="asset/img/service/service-icon-4.png" alt="section-icon">
                     <h2>Big Data Transfer</h2>
                     <p>Lorem ipsum dolor sittem ametam ngcing elit, per sed do eiusmoad tepor inunt ut sedig do eiusmod.</p>
                     <a href="#" class="read-more-btn">read more <i class="ti-arrow-right"></i></a>
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 col-12 ">
                  <div class="single-blog-1">
                     <img src="asset/img/service/service-icon-5.png" alt="section-icon">
                     <h2>Domain Sale</h2>
                     <p>Lorem ipsum dolor sittem ametam ngcing elit, per sed do eiusmoad tepor inunt ut sedig do eiusmod.</p>
                     <a href="#" class="read-more-btn">read more <i class="ti-arrow-right"></i></a>
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 col-12 ">
                  <div class="single-blog-1">
                     <img src="asset/img/service/service-icon-6.png" alt="section-icon">
                     <h2>Shared Hosting</h2>
                     <p>Lorem ipsum dolor sittem ametam ngcing elit, per sed do eiusmoad tepor inunt ut sedig do eiusmod.</p>
                     <a href="#" class="read-more-btn">read more <i class="ti-arrow-right"></i></a>
                  </div>
               </div>
            </div>
            <div class="data-center-area">
               <div class="row">
                  <div class="col-md-12">
                     <div class="section-title ">
                        <h2>DataCenter Locations</h2>
                        <img src="asset/img/section-shape.png" alt="section-shape">
                        <p>Lorem ipsum dolor sittem ametamngcing elit, per sed do eiusmoad teimpor sittemelit inuning ut sed sittem do eiusmod.</p>
                     </div>
                  </div>
               </div>
               <div class="row">
                 <div class="col-md-4">
                   <div class="data-wedged">
                   <div class="data-single-wedged">
                     <h4>Head Office</h4>
                     <span>New York City</span>
                     <p>28 Green Tower, 1st Street Road, New York City, USA</p>
                     <div class="social-links">
                        <a href="#" target="_blank"><span class="ti-facebook"></span></a>
                        <a href="#" target="_blank"><span class="ti-twitter-alt"></span></a>
                        <a href="#" target="_blank"><span class="ti-pinterest"></span></a>
                        <a href="#" target="_blank"><span class="ti-google"></span></a>
                     </div>
                   </div>
                   <div class="data-single-wedged">
                     <h4>Branch Office</h4>
                     <span>Melbourne Victoria</span>
                     <p>08 Blue Tower, 3st Street Road, Melbourne, Australia</p>
                     <div class="social-links">
                        <a href="#" target="_blank"><span class="ti-facebook"></span></a>
                        <a href="#" target="_blank"><span class="ti-twitter-alt"></span></a>
                        <a href="#" target="_blank"><span class="ti-pinterest"></span></a>
                        <a href="#" target="_blank"><span class="ti-google"></span></a>
                     </div>
                   </div>
                   </div>
                 </div>
                 <div class="col-md-8">
               <div class="data-center-map">
                  <div class="the-map-image">
                     <img src="asset/img/bg/map-bg.png" alt="">
                  </div>
                  <div class="location-single" style="  top: 40px;right: px;bottom: px;left: 360px;">
                     <div class="info-window">
                        <h3>Beijing Office</h3>
                        <ul>
                           <li>
                              <i class="ti-headphone-alt"></i>
                              <a href="#">+0044 545 989 626</a>
                           </li>
                           <li>
                              <i class="ti-email"></i>
                              <a href="#">www.yourwebsite.com</a>
                           </li>
                           <li>
                              <i class="ti-location-pin"></i> 28 Green Tower, 1st Street, New York City, USA
                           </li>
                        </ul>
                     </div>
                     <div class="map-icon wow zoomIn" data-wow-duration=".6s" data-wow-delay="1s" style="visibility: visible; animation-duration: 0.6s; animation-delay: 1s;">
                        <img src="asset/img/icons/map-pointer.png" alt="">
                     </div>
                  </div>
                  <div class="location-single" style="  top: -70px;right: px;bottom: px;left: 120px;">
                     <div class="info-window">
                        <h3>Paris Office</h3>
                        <ul>
                           <li>
                              <i class="ti-headphone-alt"></i>
                              <a href="#">+0044 545 989 626</a>
                           </li>
                           <li>
                              <i class="ti-email"></i>
                              <a href="#">www.yourwebsite.com</a>
                           </li>
                           <li>
                              <i class="ti-location-pin"></i> 28 Green Tower, 1st Street, New York City, USA
                           </li>
                        </ul>
                     </div>
                     <div class="map-icon wow zoomIn" data-wow-duration=".6s" data-wow-delay="1.2s" style="visibility: visible; animation-duration: 0.6s; animation-delay: 1.2s;">
                        <img src="asset/img/icons/map-pointer.png" alt="">
                     </div>
                  </div>
                  <div class="location-single" style="  top: -90px;right: px;bottom: px;left: 470px;">
                     <div class="info-window">
                        <h3>Moscow Office</h3>
                        <ul>
                           <li>
                              <i class="ti-headphone-alt"></i>
                              <a href="#">+0044 545 989 626</a>
                           </li>
                           <li>
                              <i class="ti-email"></i>
                              <a href="#">www.yourwebsite.com</a>
                           </li>
                           <li>
                              <i class="ti-location-pin"></i> 28 Green Tower, 1st Street, New York City, USA
                           </li>
                        </ul>
                     </div>
                     <div class="map-icon wow zoomIn" data-wow-duration=".6s" data-wow-delay="1.4s" style="visibility: visible; animation-duration: 0.6s; animation-delay: 1.4s;">
                        <img src="asset/img/icons/map-pointer.png" alt="">
                     </div>
                  </div>
                  </div>
               </div>
                 </div>
               </div>
            </div>
         </div>
      </section>
      <!-- BLOG-1  END-->
      <!--REGISTER-AREA -->
      <section class="register-area">
         <div class="clouds">
            <img src="asset/img/cloud/cloud-6.png" alt="cloud" class="cloud1">
            <img src="asset/img/cloud/cloud-2.png" alt="cloud" class="cloud3">
            <img src="asset/img/cloud/cloud-3.png" alt="cloud" class="cloud4">
            <img src="asset/img/cloud/cloud-4.png" alt="cloud" class="cloud5">
            <img src="asset/img/cloud/cloud-5.png" alt="cloud" class="cloud2">
            <img src="asset/img/cloud/cloud-6.png" alt="cloud" class="cloud6">
         </div>
         <div class="container">
            <div class="row">
               <div class="col-lg-12 text-center">
                  <div class="register-heading">
                     <span>2500+ People trust Slake</span>
                     <h2>Ready to work with Slake ?<br> Register Todaty.</h2>
                  </div>
                  <div class="register-btn">
                     <a class="pricing-btn blue-btn homepage-one-all-features-btn register-btn" href="#">Get Started Now</a>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--REGISTER-AREA  END-->
     <section class="power-area">
     <div class="power-area-side-shape">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-12 col-xs-12">
                        <div class="power-left">
                            <div class="clouds">
                                <img src="asset/img/cloud/cloud-1-2.png" alt="cloud" class="cloud1">
                                <img src="asset/img/cloud/cloud-2-2.png" alt="cloud" class="cloud3">
                                <img src="asset/img/cloud/cloud-3-2.png" alt="cloud" class="cloud4">
                                <img src="asset/img/cloud/cloud-4-2.png" alt="cloud" class="cloud6">
                            </div>
                            <img src="asset/img/feature/feature-2-2.png" alt="image">
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 col-xs-12 pr-0">
                        <div class="power-right">
                          <h4>#Slake Features</4>
                            <h2>Slake has most powerful <br> hosting service ever. </h2>
                            <p>Every website hosted by Slake Host is given by free fully SSL Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
                            <p>99.98 server  uptime with better cloud hosting adipisicing elit, sed do eiumod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation </p>
      
                            <a class="pricing-btn blue-btn" href="#">Get Started <i class="ti-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="power-area-2">
                    <div class="row">
                        <div class="col-lg-6 col-md-12 col-xs-12 order-md-last order-lg-first pr-0">
                            <div class="power-right">
                            <h4> #Slake Features</4>
                                <h2>Slake has most powerful <br> hosting service ever. </h2>
                                <p>Every website hosted by Slake Host is given by free fully SSL Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
                                 <p>99.98 server  uptime with better cloud hosting adipisicing elit, sed do eiumod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation </p>
                                <a class="pricing-btn blue-btn" href="#">Get Started <i class="ti-arrow-right"></i></a>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12 col-xs-12 order-md-first order-lg-last text-right">
                            <div class="power-left">
                            <div class="clouds">
                                <img src="asset/img/cloud/cloud-1-2.png" alt="cloud" class="cloud1">
                                <img src="asset/img/cloud/cloud-2-2.png" alt="cloud" class="cloud3">
                                <img src="asset/img/cloud/cloud-3-2.png" alt="cloud" class="cloud4">
                                <img src="asset/img/cloud/cloud-4-2.png" alt="cloud" class="cloud6">
                            </div>
                                <img src="asset/img/feature/feature-1-2.png" alt="image">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </section>

    </div>
    </section>
      <!--TESTIMONIAL-AREA -->
      <section class="testimonial-area">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <div class="section-title">
                     <h2>Which People Love <span>Slake</span> </h2>
                     <img src="asset/img/section-shape.png" alt="section-shape">
                     <p>Lorem ipsum dolor sittem ametamngcing elit, per sed do eiusmoad teimpor sittemelit inuning ut sed sittem do eiusmod.</p>
                  </div>
               </div>
            </div>
            <div class="testimonial-carousel">
               <div class="single-item ">
                <div class="item-inner">
                    <img src="asset/img/icons/quote-shape.png" alt="testimonial quote" class="quote-img">
                    <p class="review">Slake is a top leading most popular portfolio site for growing lalented designer orem ipsum dolor sit amet, consectetur dcng aelit, sed do eiusmod tempor incididunt labore design.</p>
                    <div class="author-meta clearfix">
                        <div class="author-left">
                            <img src="asset/img/testimonial/person-1.png" alt="Dawny Jr.">
                            <div class="author-info">
                                <h4>Dawny Jr.</h4>
                                <p>Chief Marketing Office</p>
                            </div>
                        </div>
                        <div class="author-right">
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>                        
                            <i class="fa fa-star"></i>                        
                        </div>
                    </div>
                </div>
               </div>
               <div class="single-item wow ">
                <div class="item-inner">
                    <img src="asset/img/icons/quote-shape.png" alt="testimonial quote" class="quote-img">
                    <p class="review">Slake is a top leading most popular portfolio site for growing lalented designer orem ipsum dolor sit amet, consectetur dcng aelit, sed do eiusmod tempor incididunt labore design.</p>
                    <div class="author-meta clearfix">
                        <div class="author-left">
                            <img src="asset/img/testimonial/person-2.png" alt="Dawny Jr.">
                            <div class="author-info">
                                <h4>Jonathon Best</h4>
                                <p>Support Enginner</p>
                            </div>
                        </div>
                        <div class="author-right">
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>                        
                            <i class="fa fa-star"></i>                        
                        </div>
                    </div>
                </div>
               </div>
               <div class="single-item">
                <div class="item-inner">
                    <img src="asset/img/icons/quote-shape.png" alt="testimonial quote" class="quote-img">
                    <p class="review">Slake is a top leading most popular portfolio site for growing lalented designer orem ipsum dolor sit amet, consectetur dcng aelit, sed do eiusmod tempor incididunt labore design.</p>
                    <div class="author-meta clearfix">
                        <div class="author-left">
                            <img src="asset/img/testimonial/person-1.png" alt="Dawny Jr.">
                            <div class="author-info">
                                <h4>Dawny Jr.</h4>
                                <p>Chief Marketing Office</p>
                            </div>
                        </div>
                        <div class="author-right">
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>                        
                            <i class="fa fa-star"></i>                        
                        </div>
                    </div>
                </div>
               </div>
               <div class="single-item ">
                <div class="item-inner">
                    <img src="asset/img/icons/quote-shape.png" alt="testimonial quote" class="quote-img">
                    <p class="review">Slake is a top leading most popular portfolio site for growing lalented designer orem ipsum dolor sit amet, consectetur dcng aelit, sed do eiusmod tempor incididunt labore design.</p>
                    <div class="author-meta clearfix">
                        <div class="author-left">
                            <img src="asset/img/testimonial/person-2.png" alt="Dawny Jr.">
                            <div class="author-info">
                                <h4>Jonathon Best</h4>
                                <p>Support Enginner</p>
                            </div>
                        </div>
                        <div class="author-right">
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>                        
                            <i class="fa fa-star"></i>                        
                        </div>
                    </div>
                </div>
               </div>
               <div class="single-item ">
                <div class="item-inner">
                    <img src="asset/img/icons/quote-shape.png" alt="testimonial quote" class="quote-img">
                    <p class="review">Slake is a top leading most popular portfolio site for growing lalented designer orem ipsum dolor sit amet, consectetur dcng aelit, sed do eiusmod tempor incididunt labore design.</p>
                    <div class="author-meta clearfix">
                        <div class="author-left">
                            <img src="asset/img/testimonial/person-1.png" alt="Dawny Jr.">
                            <div class="author-info">
                                <h4>Dawny Jr.</h4>
                                <p>Chief Marketing Office</p>
                            </div>
                        </div>
                        <div class="author-right">
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>                        
                            <i class="fa fa-star"></i>                        
                        </div>
                    </div>
                </div>
               </div>
               <div class="single-item ">
                <div class="item-inner">
                    <img src="asset/img/icons/quote-shape.png" alt="testimonial quote" class="quote-img">
                    <p class="review">Slake is a top leading most popular portfolio site for growing lalented designer orem ipsum dolor sit amet, consectetur dcng aelit, sed do eiusmod tempor incididunt labore design.</p>
                    <div class="author-meta clearfix">
                        <div class="author-left">
                            <img src="asset/img/testimonial/person-2.png" alt="Dawny Jr.">
                            <div class="author-info">
                                <h4>Jonathon Best</h4>
                                <p>Support Enginner</p>
                            </div>
                        </div>
                        <div class="author-right">
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>                        
                            <i class="fa fa-star"></i>                        
                        </div>
                    </div>
                </div>
               </div>
            </div>
            <div class="slider-btns">
               <button class="testi-nav-left"><span class="ti-angle-left"></span></button>
               <button class="testi-nav-right"><span class="ti-angle-right"></span></button>
            </div>
         </div>
      </section>
      <!--TESTIMONIAL-AREA  END-->
      <!--CTA AREA -->
      <section class="blog-section-area">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <div class="section-title">
                     <h2>Popular Blog Post</h2>
                     <img src="asset/img/section-shape.png" alt="section-shape">
                     <p>Lorem ipsum dolor sittem ametamngcing elit, per sed do eiusmoad teimpor sittemelit inuning ut sed sittem do eiusmod.</p>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-lg-4 col-md-12 col-12">
                  <div class="single-blog">
                     <a href="#" class="blog-intro">Technology</a>
                     <div class="single-blog-image">
                        <a href="#">
                        <img src="asset/img/blog/home-page-blog-1.png" alt="blog-img">
                        </a>
                     </div>
                     <div class="blog-box-content">
                        <ul class="post-meta">
                           <li>
                              <span class="meta-wrap author-meta">
                              By:
                              <a href="#">
                              Jhony Deep </a>
                              </span>
                           </li>
                           <li>
                              <span class="meta-wrap">
                              <a href="#"> Sep. 02, 2019 </a>
                              </span>
                           </li>
                        </ul>
                        <a href="#">
                           <h3>Best Shared Hosting Provider in the World</h3>
                        </a>
                        <div class="post-permalink">
                           <a href="#">Read more<i class="ti-arrow-right"></i></a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-4 col-md-12 col-12">
                  <div class="single-blog">
                     <a href="#" class="blog-intro">Technology, HOSTING</a>
                     <div class="single-blog-image">
                        <a href="#">
                        <img src="asset/img/blog/home-page-blog-2.png" alt="blog-img">
                        </a>
                     </div>
                     <div class="blog-box-content">
                        <ul class="post-meta">
                           <li>
                              <span class="meta-wrap author-meta">
                              By:
                              <a href="#">
                              Jhony Deep </a>
                              </span>
                           </li>
                           <li>
                              <span class="meta-wrap">
                              <a href="#"> Sep. 02, 2019 </a>
                              </span>
                           </li>
                        </ul>
                        <a href="#">
                           <h3>Best Shared Hosting Provider in the World</h3>
                        </a>
                        <div class="post-permalink">
                           <a href="#">Read more<i class="ti-arrow-right"></i></a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-4 col-md-12 col-12">
                  <div class="single-blog">
                     <a href="#" class="blog-intro">Technology</a>
                     <div class="single-blog-image">
                        <a href="#">
                        <img src="asset/img/blog/home-page-blog-3.png" alt="blog-img">
                        </a>
                     </div>
                     <div class="blog-box-content">
                        <ul class="post-meta">
                           <li>
                              <span class="meta-wrap author-meta">
                              By:
                              <a href="#">
                              Jhony Deep </a>
                              </span>
                           </li>
                           <li>
                              <span class="meta-wrap">
                              <a href="#"> Sep. 02, 2019 </a>
                              </span>
                           </li>
                        </ul>
                        <a href="#">
                           <h3>Best Shared Hosting Provider in the World</h3>
                        </a>
                        <div class="post-permalink">
                           <a href="#">Read more<i class="ti-arrow-right"></i></a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!--CTA AREA  END-->
      <!--FOOTER AREA -->
      <section class="footer-area">
         <div class="container">
            <div class="solution-area">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-10 offset-lg-2 col-md-12 offset-md-0 col-sm-12 offset-sm-0">
                        <div class="row">
                           <div class="col-lg-8 col-md-12 col-sm-12">
                              <div class="solution-heading">
                                 <h2>Complete Hosting Solutions Only <span> $2.49/mo</span></h2>
                              </div>
                           </div>
                           <div class="col-lg-4 col-md-12 col-sm-12">
                              <a href="#" class="solution-btn">Get Started <span class="ti-arrow-right"></span></a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="subscription-area">
               <div class="row">
                  <div class="col-md-12">
                     <div class="subscription-wrapper">
                        <form action="http://hackinout.us15.list-manage.com/subscribe/post-json?u=e44c1f194bec93e238615469e&amp;id=fa63cb4ac7&c=?" method="get" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate">
                           <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Subscribe Newsletter (Enter Email Address)" required>
                           <div style="position: absolute; left: -5000px;" aria-hidden="true">
                              <input type="text" name="b_e44c1f194bec93e238615469e_f6f826e769" tabindex="-1" value="">
                           </div>
                           <input type="submit" value="subscribe" name="subscribe" id="mc-embedded-subscribe" class="mc-button">
                           <div id="subscribe-result">
                           </div>
                        </form>
                     </div>
                  </div>
               </div>
            </div>
            <div class="footer-main ">
               <div class="row">
                  <div class="col-lg-3 col-md-12 col-12">
                     <div class="footer-single-item">
                        <div class="logo">
                           <a href="index.html"><img src="asset/img/logo/footer-logo.png" alt="logo"></a>
                        </div>
                        <p>We are Slake 10 years of experience on this field with most talanted  peoples and leaders.</p>
                        <p class="contact-info"><span>Phone:</span><a href="tel:+8801711991383">+0044 545 989 626</a></p>
                        <p class="contact-info"><span>Email:</span><a href="mailto:hasan.nazmulmmc@gamil.com">www.yourwebsite.com</a> </p>
                        <p class="contact-info"><span>Address:</span><a href="#">28 Green Tower, Street<br>New York City, USA</a></p>
                     </div>
                  </div>
                  <div class="col-lg-3 col-md-12 col-12 ">
                     <div class="single-footer margin-left">
                        <h2>Quick Links</h2>
                        <div class="footer-links">
                           <ul>
                              <li><a href="index.html">Support</a></li>
                              <li><a href="about.html">Affiliate</a></li>
                              <li><a href="whmcs.html">Search Domain</a></li>
                              <li><a href="domain.html">My Account</a></li>
                              <li><a href="#">Support Center</a></li>
                              <li><a href="#">Privacy Policy</a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-3 col-md-12 col-12 ">
                     <div class="single-footer">
                        <h2>Services</h2>
                        <div class="footer-links">
                           <ul>
                              <li><a href="hosting.html">Web Hosting</a></li>
                              <li><a href="#">Reseller Hosting</a></li>
                              <li><a href="vps-hosting.html">VPS Hosting</a></li>
                              <li><a href="hosting.html">Web Hosting</a></li>
                              <li><a href="#">VPS Hosting</a></li>
                              <li><a href="vps-hosting.html">Dedicated Server</a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-3 col-md-12 col-12">
                     <div class="single-footer ml">
                        <h2>Recent Post</h2>
                        <div class="bpws-wrapper footer-sideber">
                           <div class="footer-single-sideber">
                              <a href="#"><span>20 Oct. 2019</span></a>
                              <a href="#">Best Shared Hosting Provider in the World</a>
                           </div>
                           <div class="footer-single-sideber">
                              <a href="#"><span>20 Oct. 2019</span></a>
                              <a href="#">Best 10 effective Portfolio site for freelancer</a>
                           </div>
                           <div class="footer-single-sideber">
                              <a href="#"><span>20 Oct. 2019</span></a>
                              <a href="#">Best Shared Hosting Provider in the World</a>
                           </div>
                           <div class="footer-single-sideber">
                              <a href="#"><span>20 Oct. 2019</span></a>
                              <a href="#">Best Shared Hosting Provider in the World</a>
                           </div>
                           <div class="footer-single-sideber">
                              <a href="#"><span>20 Oct. 2019</span></a>
                              <a href="#">Best Shared Hosting Provider in the World</a>
                           </div>
                           <div class="footer-single-sideber">
                              <a href="#"><span>20 Oct. 2019</span></a>
                              <a href="#">Best Shared Hosting Provider in the World</a>
                           </div>
                           <div class="footer-single-sideber">
                              <a href="#"><span>20 Oct. 2019</span></a>
                              <a href="#">Best Shared Hosting Provider in the World</a>
                           </div>
                           <div class="footer-single-sideber">
                              <a href="#"><span>20 Oct. 2019</span></a>
                              <a href="#">Best Shared Hosting Provider in the World</a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="early-offer">
               <div class="row">
                  <div class="col-md-6 col-sm-6 col-xs-12 ">
                     <div class="offer-left">
                        <p> <span>Early Bird Offers</span> for new domain registration valid for a limited time only the terms and conditions may apply <a href="#">Clice Here</a> </p>
                     </div>
                  </div>
                  <div class="col-md-6 col-sm-6 col-xs-12 ">
                     <div class="payment-getway text-right">
                        <img src="asset/img/bg/footer-bottom.png" alt="payment-icon">
                     </div>
                  </div>
               </div>
            </div>
            <!--FOOTER-BOTTOM-AREA -->
            <div class="foter-botom">
               <div class="row">
                  <div class="col-md-6 col-sm-6 col-xs-12 ">
                     <p> &copy; 2019<a href="http://marveltheme.com/">Slake</a>all right reserved.</p>
                  </div>
                  <div class="col-md-6 col-sm-6 col-xs-12 text-right ">
                     <div class="social-links">
                        <a href="#" target="_blank"><span class="ti-facebook"></span></a>
                        <a href="#" target="_blank"><span class="ti-twitter-alt"></span></a>
                        <a href="#" target="_blank"><span class="ti-pinterest"></span></a>
                        <a href="#" target="_blank"><span class="ti-google"></span></a>
                     </div>
                  </div>
               </div>
            </div>
            <!--FOOTER-BOTTOM-AREA -->
         </div>
      </section>
      <!--FOOTER AREA  END-->
      <script src="asset/js/jquery.min.js"></script>
      <script src="asset/js/bootstrap.min.js"></script>
      <script src="asset/js/jquery.mCustomScrollbar.concat.min.js"></script>
      <script src="asset/js/plugins.js"></script>
      <script src="asset/js/main.js"></script>
      <script src="asset/js/ajax-mail.js"></script>
      <script src="asset/js/ajax-subscribe.js"></script>
   </body>
</html>