View file Slake/main_file/index.html

File size: 82.38Kb
<!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 id="homepage-3">
      <!--[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">WordPress Hosting Plan</h2>
                                 <div class="plan-list">
                                   <ul>
                                     <li>Up to <span>50%</span>  Off Domain and Hosting</li>
                                     <li>Starting from $ <span class="d-red"> 2.50/Month</span></li>
                                     <li><span>Free</span>  SSL Certificate</li>
                                     <li>Money Back Gurantee</li>
                                   </ul>
                                 </div>
                                  <div class="homepage-3-links">
                                    <ul>
                                      <li><a href="#" class="download-btn" data-animation="fadeInUp" data-delay="1.5s">Get Start Now</a></li>
                                    </ul>
                                  </div>

                                 
                              </div>
                           </div>
                        </div>
                      <div class="col-xl-5 col-lg-5 col-md-12 col-12">
                        <div class="banner-outer">
                          <div class="banner-outer-full">
                            <img src="asset/img/slider-img/homepage-img-3.png" alt="slider icon" class="position-img-3 wow animated fadeInRight" data-wow-duration="2s" data-wow-delay="0.3s">
                          </div>
                              <div class="banner-out-1">
                                  <img src="asset/img/slider-img/banner-out-1.png" alt="Image">
                              </div>
                              <div class="banner-out-2">
                                  <img src="asset/img/slider-img/banner-out-2.png" alt="Image">
                              </div>
                              <div class="banner-out-3">
                                  <img src="asset/img/slider-img/banner-out-3.png" alt="Image">
                              </div>
                              <div class="banner-out-4">
                                  <img src="asset/img/slider-img/banner-out-4.png" alt="Image">
                              </div>
                            </div>
                          </div>
                     </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">
            <!-- 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 -->

    <section class="domain-area homepage-2 ">
         <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>
      <h2 class="domain-heading-2">Find your perfect domain</h2>
        <div class="container domain-inner">
            <div class="row domain-checkup">
                <form id="digita-contact-form" action="asset/php/contact-mail.php" method="POST">
                    <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="option">
                                <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>
                            <img src="asset/img/icons/search-icon.png" alt="Search icon">
                            Search
                        </button>
                    </div>
                </form>
            </div>
            <div class="row">
                <div class="domain-tld-prices">
                    <ul>
                        <li>.com $9.00</li>
                        <li>.net $9.50</li>
                        <li>.org $9.50</li>
                        <li>.us $6.99</li>
                        <li>.biz $9.99</li>
                        <li>.me $7.50</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
      <!-- BLOG-1 -->
      
    <section class="tab-area homepage-5 padd-b">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-title">
                        <h2> <span>Slake’s</span>Popular Services</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-md-12">
                    <div class="tabs animated-slide-2  ">
                        <ul class="tab-links">
                            <li class="active"><a href="#tab1">Data Transfer </a></li>
                            <li class=""><a href="#tab2"> Shared Hosting</a></li>
                            <li class=""><a href="#tab3">Cloud Hosting</a></li>
                            <li class=""><a href="#tab4">Domain</a></li>
                        </ul>
                        <div class="tab-content">
                            <div id="tab1" class="tab active">
                                <div class="blog-slider">
                                    <div class="blog-slider__wrp swiper-wrapper">
                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet. </div>
                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>

                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a>
                                            </div>
                                        </div>
                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5-2.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet. </div>
                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>

                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a>
                                            </div>
                                        </div>
                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet.</div>

                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>
                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a> </div>
                                        </div>

                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5-2.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet.</div>
                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>
                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="blog-slider__pagination"></div>
                                </div>
                            </div>
                            <div id="tab2" class="tab">
                                <div class="blog-slider">
                                    <div class="blog-slider__wrp swiper-wrapper">
                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet. </div>
                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>

                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a>
                                            </div>
                                        </div>
                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5-2.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet. </div>
                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>

                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a>
                                            </div>
                                        </div>
                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet.</div>

                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>
                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a> </div>
                                        </div>

                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5-2.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet.</div>
                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>
                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="blog-slider__pagination"></div>
                                </div>
                            </div>
                            <div id="tab3" class="tab">
                                <div class="blog-slider">
                                    <div class="blog-slider__wrp swiper-wrapper">
                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet. </div>
                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>

                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a>
                                            </div>
                                        </div>
                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5-2.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet. </div>
                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>

                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a>
                                            </div>
                                        </div>
                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet.</div>

                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>
                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a> </div>
                                        </div>

                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5-2.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet.</div>
                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>
                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="blog-slider__pagination"></div>
                                </div>
                            </div>
                            <div id="tab4" class="tab">
                                <div class="blog-slider">
                                    <div class="blog-slider__wrp swiper-wrapper">
                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet. </div>
                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>

                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a>
                                            </div>
                                        </div>
                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5-2.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet. </div>
                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>

                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a>
                                            </div>
                                        </div>
                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet.</div>

                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>
                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a> </div>
                                        </div>

                                        <div class="blog-slider__item swiper-slide">
                                            <div class="blog-slider__img">
                                                <div class="blog-slider__img-cell">
                                                    <img src="asset/img/slider-img/tab-img-5-2.png" alt="tab-icons">
                                                </div>
                                            </div>
                                            <div class="blog-slider__content">
                                                <div class="blog-slider__title">Easy and most user friendly
                                                    <br>Control Pannel for all of our Customer. </div>
                                                <div class="blog-slider__text">Every website hosted by Slake Host is given by free fully SSL certificate and Protect your website visitors with one click Illustration. Lorem ipsum dolor sit amet, ectetur adipisicing elit ipsum dolor sit amet.</div>
                                                <div class="tab-content-list">
                                                    <ul>
                                                        <li>After you purchase a hosting plan</li>
                                                        <li>Next to the hosting account you want to use, click Manage</li>
                                                        <li>Select or enter the domain name you want to use.</li>
                                                    </ul>
                                                </div>
                                                <a href="#" class="blog-slider__button">Read More <span class="ti-arrow-right"></a>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="blog-slider__pagination"></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, 2018 </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, 2018 </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, 2018 </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; 2018<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/swiper.js"></script>
      <script src="asset/js/plugins.js"></script>
      <script src="asset/js/ajax-mail.js"></script>
      <script src="asset/js/ajax-subscribe.js"></script>
      <script src="asset/js/main.js"></script>

 <!-- Initialize Swiper -->
    <script>
        var swiper = new Swiper('.blog-slider', {
            spaceBetween: 30,
            effect: 'fade',
            loop: true,
            mousewheel: {
                invert: false,
            },
            // autoHeight: true,
            pagination: {
                el: '.blog-slider__pagination',
                clickable: true,
            }
        });

        $('.tab-links li').on('click', function () {
            var swiper = new Swiper('.blog-slider', {
                spaceBetween: 30,
                effect: 'fade',
                loop: true,
                mousewheel: {
                    invert: false,
                },
                // autoHeight: true,
                pagination: {
                    el: '.blog-slider__pagination',
                    clickable: true,
                }
            });

        });
    </script>



   </body>
</html>