View file Onda/1.1/classic/blog-singlepost.html

File size: 32.32Kb
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Onda - Hosting / Business HTML Website Template</title>
<meta name="keywords" content="" />
<meta name="description" content="">
<meta name="author" content="">

<!-- Mobile view -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<link rel="stylesheet" type="text/css" href="js/bootstrap/bootstrap.min.css">

<!-- Template's stylesheets -->
<link rel="stylesheet" href="js/megamenu/stylesheets/screen.css">
<link rel="stylesheet" href="css/theme-default.css" type="text/css">
<link rel="stylesheet" href="css/theme-classic.css" type="text/css">
<link rel="stylesheet" href="js/loaders/stylesheets/screen.css">
<link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" type="text/css" href="fonts/Simple-Line-Icons-Webfont/simple-line-icons.css" media="screen" />
<link rel="stylesheet" href="fonts/et-line-font/et-line-font.css">
<link rel="stylesheet" type="text/css" href="js/revolution-slider/css/settings.css">
<link rel="stylesheet" type="text/css" href="js/revolution-slider/css/layers.css">
<link rel="stylesheet" type="text/css" href="js/revolution-slider/css/navigation.css">
<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="js/owl-carousel/owl.theme.css" rel="stylesheet">
<link href="js/tabs/css/responsive-tabs.css" rel="stylesheet" type="text/css" media="all" />
<!-- Template's stylesheets END -->

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<link rel="stylesheet/less" type="text/css" href="less/skin.less">
<!-- Style Customizer's stylesheets END -->

<!-- Skin stylesheet -->

</head>
<body>
<div class="over-loader loader-live">
  <div class="loader">
			<div class="loader-item style4">
				<div class="cube1"></div>
				<div class="cube2"></div>
			</div>
		</div>
</div>
<!--end loading--> 



<div class="wrapper-boxed">
  <div class="site-wrapper">
    <div class="col-md-12 nopadding">
      <div class="header-section style1 pin-style">
        <div class="container">
          <div class="mod-menu">
            <div class="row">
              <div class="col-sm-2"> <a href="index.html" title="" class="logo style-2 mar-4"> <img src="images/logo/cl-logo2.png" alt=""> </a> </div>
              <div class="col-sm-10">
                <div class="main-nav">
                  <ul class="nav navbar-nav top-nav">
                    <li class="search-parent"> <a href="javascript:void(0)" title=""><i aria-hidden="true" class="fa fa-search"></i></a>
                      <div class="search-box ">
                        <div class="content">
                          <div class="form-control">
                            <input type="text" placeholder="Type to search" />
                            <a href="#" class="search-btn mar-1"><i aria-hidden="true" class="fa fa-search"></i></a> </div>
                          <a href="#" class="close-btn mar-1">x</a> </div>
                      </div>
                    </li>
                    <li class="cart-parent"> <a href="javascript:void(0)" title=""> <i aria-hidden="true" class="fa fa-shopping-cart"></i> <span class="number mar2"> 4 </span> </a>
                      <div class="cart-box">
                        <div class="content">
                          <div class="row">
                            <div class="col-xs-8"> 2 item(s) </div>
                            <div class="col-xs-4 text-right"> <span>$99</span> </div>
                          </div>
                          <ul>
                            <li> <img src="http://placehold.it/80x80" alt=""> Jean & Teashirt <span>$30</span> <a href="#" title="" class="close-btn">x</a> </li>
                            <li> <img src="http://placehold.it/80x80" alt=""> Jean & Teashirt <span>$30</span> <a href="#" title="" class="close-btn">x</a> </li>
                          </ul>
                          <div class="row">
                            <div class="col-xs-6"> <a href="#" title="View Cart" class="btn btn-block btn-warning">View Cart</a> </div>
                            <div class="col-xs-6"> <a href="#" title="Check out" class="btn btn-block btn-primary">Check out</a> </div>
                          </div>
                        </div>
                      </div>
                    </li>
                    <li class="visible-xs menu-icon"> <a href="javascript:void(0)" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu" aria-expanded="false"> <i aria-hidden="true" class="fa fa-bars"></i> </a> </li>
                  </ul>
                  <div id="menu" class="collapse">
                    <ul class="nav navbar-nav">
                      <li class="right"> <a href="index.html">Home</a> <span class="arrow"></span>
                        <ul class="dm-align-2">
                          <li> <a href="index-1.html">Home Style 1</a> </li>
                           <li> <a href="index-2.html">Home Style 2</a> </li>
                            <li> <a href="index-3.html">Home Style 3</a> </li>
                            <li> <a href="index-4.html">Home Style 4</a> </li>
                            <li> <a href="index-5.html">Home Style 5</a> </li>
                            <li> <a href="index.html">Home Default</a> </li>

                        </ul>
                      </li>
                      <li> <a href="#">Layouts</a> <span class="arrow"></span>
                        <ul class="dm-align-2">
                          <li class="active"> <a href="https://codelayers.net/templates/onda/classic/index.html">Layout Classic</a> </li>
                          <li> <a href="https://codelayers.net/templates/onda/creative/index.html">Layout Creative</a> </li>
                          <li> <a href="https://codelayers.net/templates/onda/onepage/index.html">Layout Onepage</a> </li>
                          
                        </ul>
                      </li>
                      <li> <a href="slider-kenburns.html">Pages</a> <span class="arrow"></span>
                        <ul class="dm-align-2">
                          <li> <a href="#">About <span class="sub-arrow dark pull-right"><i class="fa fa-angle-right" aria-hidden="true"></i></span> </a> <span class="arrow"></span>
                            <ul>
                              <li> <a href="page-about1.html">About Style 1</a> </li>
                              <li> <a href="page-about2.html">About Style 2</a> </li>
                              <li> <a href="page-about3.html">About Style 3</a> </li>
                              <li> <a href="page-about4.html">About Style 4</a> </li>
                              <li> <a href="page-about5.html">About Me</a> </li>
                            </ul>
                          </li>
                          <li> <a href="#">Services <span class="sub-arrow dark pull-right"><i class="fa fa-angle-right" aria-hidden="true"></i></span> </a> <span class="arrow"></span>
                            <ul>
                              <li> <a href="page-services1.html">Services Style 1</a> </li>
                              <li> <a href="page-services2.html">Services Style 2</a> </li>
                              <li> <a href="page-services3.html">Services Style 3</a> </li>
                              <li> <a href="page-services4.html">Services Style 4</a> </li>
                            </ul>
                          </li>
                          <li> <a href="#">Team <span class="sub-arrow dark pull-right"><i class="fa fa-angle-right" aria-hidden="true"></i></span> </a> <span class="arrow"></span>
                            <ul>
                              <li> <a href="page-team-classic.html">Team Classic</a> </li>
                              <li> <a href="page-team-parallax.html">Team Parallax</a> </li>
                            </ul>
                          </li>
                          <li> <a href="#">Contact<span class="sub-arrow dark pull-right"><i class="fa fa-angle-right" aria-hidden="true"></i></span> </a> <span class="arrow"></span>
                            <ul>
                              <li> <a href="page-contact.html">Contact Classic</a> </li>
                              <li> <a href="page-contact-map.html">Full Width Map</a> </li>
                              <li> <a href="page-contact-parallax.html">Contact Parallax</a> </li>
                            </ul>
                          </li>
                          <li> <a href="page-website-builder.html">Website Builder </a> </li>
                          <li> <a href="page-affiliates.html">Affiliates</a> </li>
                          <li> <a href="page-who-is.html">Search Who is</a> </li>
                          
                          <li> <a href="page-full-width.html">Full Width Page</a> </li>
                          <li> <a href="page-left-sidebar.html">Left Sidebar</a> </li>
                          <li> <a href="page-right-sidebar.html">Right Sidebar</a> </li>
                        </ul>
                      </li>
                      <li> <a href="page-domain-search.html">Domains</a> <span class="arrow"></span>
                        <ul class="dm-align-2">
                          <li> <a href="page-domain-search.html">Domain Search</a> </li>
                          <li> <a href="page-domain-transfer.html">Domain Transfer</a> </li>
                        </ul>
                      </li>
                      <li> <a href="slider-kenburns.html">Hosting</a> <span class="arrow"></span>
                        <ul class="dm-align-2">
                          <li> <a href="page-web-hosting.html">Web Hosting</a> </li>
                          <li> <a href="page-dedicated-hosting.html">Dedicated Hosting</a> </li>
                          <li> <a href="page-shared-hosting.html">Shared Hosting</a> </li>
                          <li> <a href="page-vps-hosting.html">VPS Hosting</a> </li>
                          <li> <a href="page-reseller-hosting.html">Reseller Hosting</a> </li>
                        </ul>
                      </li>
                      <li class="shortcodes"></li>
                      <li class="right active"> <a href="#">Blog</a> <span class="arrow"></span>
                        <ul class="dm-align-2">
                          <li> <a href="blog-full-width.html">Full Width</a> </li>
                           <li> <a href="blog-3-columns.html">3 Columns</a> </li>
                            <li class="active"> <a href="blog-singlepost.html">Single Post</a> </li>

                        </ul>
                      </li>
                      <li class="right"> <a href="index-shop.html">Shop</a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--end menu--> 
      
    </div>
    <!--end menu-->
    
    <div class="clearfix"></div>

<div class="header-inner-tmargin">
        <section class="section-side-image clearfix">
      <div class="img-holder col-md-12 col-sm-12 col-xs-12">
        <div class="background-imgholder" style="background:url(http://placehold.it/1500x1000);"><img class="nodisplay-image" src="http://placehold.it/1500x1000" alt=""/> </div>
      </div>
      
<div class="container-fluid" >
        <div class="row">       
        <div class="col-md-12 col-sm-12 col-xs-12 clearfix nopadding">
        <div class="header-inner header-medium">        
       <div class="overlay bg-opacity-4">       
       <div class="text text-center">
    <h1 class="text-white less-mar-1 title">Blog Single Post</h1>
    <h6 class="uppercase text-white sub-title">Get unlimited features</h6>
    </div>
       </div>       
        </div></div>        
        </div>
      </div>
    </section>
    <div class=" clearfix"></div>
    <!--end section-->
    </div>
    <div class="clearfix"></div>
    <!--end header inner-->
    

 
<section class="sec-padding">
    <div class="container">
      <div class="row">
      
      
      
       <div class="col-md-8">
       
	<div class="col-md-12 nopadding">
  <div class="ce-blog-holder-1">
  <div class="blog-img">
 <div class="overlay bg-opacity-1">
 <div class="post-date-box"> 25 <span>Sep, 2019</span> </div>
 </div>
 <img src="http://placehold.it/1000x1000" alt="" class="img-responsive"/>
  </div>
  <div class="clearfix"></div>
  <br/><br/>
   <h4 class="uppercase title"><a href="#">Aliquam Rhoncus amet Maecenas sed nisl</a></h4>
                  <div class="blog-post-info"><span><i class="fa fa-user"></i> By Benjamin</span> <span><i class="fa fa-folder"></i> Business/Hosting</span> </div>
                  <br/>
                  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse et justo. Praesent mattis commodo augue. Aliquam ornare hendrerit augue. Cras tellus. In pulvinar lectus a est. Curabitur eget orci Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse et justo. Praesent mattis commodo augue Aliquam ornare hendrerit augue Cras tellus In pulvinar lectus a est Curabitur eget orci Cras laoreet ligula. Etiam sit amet dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae Nullam tellus diam volutpat laoreet vel bibendum in nibh Donec elit lectus pharetra quis vulputate in lobortis at mi Donec libero. . </p>

<br/>
                <h5>Share This Article</h5>
                <ul class="footer-social-icons">
                  <li><a target="_blank" class="twitter" href="https://twitter.com/codelayers"><i class="fa fa-twitter"></i></a></li>
                  <li><a target="_blank" href="https://www.facebook.com/codelayers"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                  <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                  <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                </ul>
                  
      
       <div class="clearfix"></div>
            <br/>
            <h4>3 Comments</h4>
            <div class="text-box border white padding-4">
              <div class="imgbox-medium left round overflow-hidden"><img src="http://placehold.it/350x350" alt="" class="img-responsive"/></div>
              <div class="text-box-right more-padding-1">
                <h5 class="less-mar-1">Charlotte</h5>
                <div class="blog-post-info"><span>June 16 2019 at 10:06 AM</span></div>
                <br/>
                <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue  amet consectetuer adipiscing. </p>
                <br/>
                <a class="btn btn-border less-bor primary btn-small" href="#"><i class="fa fa-reply" aria-hidden="true"></i> &nbsp;Reply</a> </div>
            </div>
            <!--end comment box-->
            
            <div class="col-divider-margin-2"></div>
            <div class="text-box border white padding-4">
              <div class="imgbox-medium left round overflow-hidden"><img src="http://placehold.it/350x350" alt="" class="img-responsive"/></div>
              <div class="text-box-right more-padding-1">
                <h5 class="less-mar-1">John William</h5>
                <div class="blog-post-info"><span>June 16 2019 at 10:06 AM</span></div>
                <br/>
                <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue  amet consectetuer adipiscing. </p>
                <br/>
                <a class="btn btn-border less-bor primary btn-small" href="#"><i class="fa fa-reply" aria-hidden="true"></i> &nbsp;Reply</a> </div>
            </div>
            <!--end comment box-->
            
            <div class="col-divider-margin-2"></div>
            <div class="col-md-11 pull-right">
              <div class="text-box border white padding-4">
                <div class="imgbox-medium left round overflow-hidden"><img src="http://placehold.it/350x350" alt="" class="img-responsive"/></div>
                <div class="text-box-right more-padding-1">
                  <h5 class="less-mar-1">John William</h5>
                  <div class="blog-post-info"><span>June 16 2019 at 10:06 AM</span></div>
                  <br/>
                  <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo Praesent mattis commodo augue  amet consectetuer adipiscing. </p>
                  <br/>
                  <a class="btn btn-border less-bor primary btn-small" href="#"><i class="fa fa-reply" aria-hidden="true"></i> &nbsp;Reply</a> </div>
              </div>
              <!--end comment box--> 
            </div>
            <!--end less width comment box-->
            
            
            <div class="clearfix"></div>
            <br/>
            <br/>
            <a class="btn btn-prim btn-large btn-xround uppercase" href="#">Load More Comments</a>
            <div class="clearfix"></div>
            <br/>
            <br/>
            <h4>Post a Comment</h4>
            <input class="bg-cinput" type="text" placeholder="Enter Name" value="">
            <input class="bg-cinput" type="text" placeholder="Email Address" value="">
            <input class="bg-cinput" type="text" placeholder="Phone" value="">
            <textarea class="bg-ctexteria" placeholder="Your Comment"></textarea>
            <div class="clearfix"></div>
            <br/>
            <a class="btn btn-prim btn-large btn-xround uppercase" href="#"><i class="fa fa-paper-plane" aria-hidden="true"></i> &nbsp;Post Comments</a> 
            
                        
  </div>
  </div>
  <!--end item-->
  
  
     
       </div>
       <!--end left col-->
        
        
        <div class="col-md-4 col-sm-12 col-xs-12 section-white">
              <div class="pages-sidebar-item">
                <h5 class="uppercase pages-sidebar-item-title">Categories</h5>
                <ul class="pages-sidebar-links">
                  <li><a href="#">Business</a></li>
                  <li><a href="#">Education</a></li>
                  <li><a class="active" href="#">Travel</a></li>
                  <li><a href="#">Creative</a></li>
                  <li><a href="#">Wedding</a></li>
                  <li><a href="#">Restaurant</a></li>
                </ul>
              </div>
              <!--end item holder-->
              
              <div class="pages-sidebar-item">
                <h5 class="uppercase pages-sidebar-item-title">Latest Posts</h5>
                <div class="col-md-12 col-sm-12 col-xs-12 nopadding">
                  <div class="imgbox-small left"> <img src="http://placehold.it/250x250" alt="" class="img-responsive"/></div>
                  <div class="text-box-right">
                    <h6 class="uppercase nopadding dosis"><a href="#" class="text-hover-gyellow">Nullam turpis Cras dapibusscing</a></h6>
                    <div class="blog-post-info padding-top-1"> <span> By Benjamin</span> <span> 15 Comments</span> </div>
                  </div>
                </div>
                <!--end post-->
                
                <div class="divider-line solid light margin"></div>
                <div class="col-md-12 col-sm-12 col-xs-12 nopadding">
                  <div class="imgbox-small left"> <img src="http://placehold.it/250x250" alt="" class="img-responsive"/></div>
                  <div class="text-box-right">
                    <h6 class="uppercase nopadding dosis"><a href="#" class="text-hover-gyellow">Nullam turpis Cras dapibusscing</a></h6>
                    <div class="blog-post-info padding-top-1"> <span> By Benjamin</span> <span> 15 Comments</span> </div>
                  </div>
                </div>
                <!--end post-->
                
                <div class="divider-line solid light margin"></div>
                <div class="col-md-12 col-sm-12 col-xs-12 nopadding">
                  <div class="imgbox-small left"> <img src="http://placehold.it/250x250" alt="" class="img-responsive"/></div>
                  <div class="text-box-right">
                    <h6 class="uppercase nopadding dosis"><a href="#" class="text-hover-gyellow">Nullam turpis Cras dapibusscing</a></h6>
                    <div class="blog-post-info padding-top-1"> <span> By Benjamin</span> <span> 15 Comments</span> </div>
                  </div>
                </div>
                <!--end post--> 
              </div>
              <!--end item holder-->
              
              <div class="pages-sidebar-item">
                <h5 class="uppercase pages-sidebar-item-title">Tags</h5>
                <ul class="pages-tags">
                  <li><a href="#">Animation</a></li>
                  <li><a href="#">Art</a></li>
                  <li><a href="#">UI Design</a></li>
                  <li><a href="#">Photography</a></li>
                  <li><a class="active" href="#">Design</a></li>
                  <li><a href="#">Art</a></li>
                  <li><a href="#">Responsive</a></li>
                  <li><a href="#">Develop</a></li>
                </ul>
              </div>
              <!--end item holder-->
              
              <div class="pages-sidebar-item">
                <h5 class="uppercase pages-sidebar-item-title">Newsletter</h5>
                <input type="text" name="name" class="pages-newsletter" value="Enter your e-mail" maxlength="100" />
              </div>
              <!--end item holder-->
              
              <div class="pages-sidebar-item">
                <h5 class="uppercase pages-sidebar-item-title">Featured Works</h5>
                <ul class="sidebar-works">
                  <li><a href="#"><img src="http://placehold.it/600x600" alt=""/></a></li>
                  <li><a href="#"><img src="http://placehold.it/600x600" alt=""/></a></li>
                  <li><a href="#"><img src="http://placehold.it/600x600" alt=""/></a></li>
                  <li><a href="#"><img src="http://placehold.it/600x600" alt=""/></a></li>
                  <li><a href="#"><img src="http://placehold.it/600x600" alt=""/></a></li>
                  <li class="last"><a href="#"><img src="http://placehold.it/600x600" alt=""/></a></li>
                </ul>
              </div>
              <!--end item holder--> 
              
            </div>
            <!--end right col-->
            
        
      </div>
    </div>
  </section>
  <!--end item -->
  <div class="clearfix"></div>
  
    <section class="section-primary sec-less-padding">
      <div class="container">
        <div class="row">
          <div class="col-md-9">
            <h3 class="text-white">Over 4 million customers trust our services and servers</h3>
          </div>
          <div class="col-md-3">
            <div class="margin-top2"></div>
            <a class="btn btn-border white btn-xround pull-right" href="#">Sign Up Now !</a> </div>
        </div>
      </div>
    </section>
    <div class="clearfix"></div>
    <!--end section-->
    
    
<section class="section-dark sec-padding">
    <div class="container ">
      <div class="row"> <br/>
        <div class="col-md-3 col-sm-12 col-xs-12 clearfix margin-bottom">
          <h4 class="less-mar3 font-weight-4 text-white">About Us</h4>
          <div class="clearfix"></div>
          <div class="footer-title-bottomstrip white"></div>
          <ul class="footer-quick-links-4">
            <li><a href="#"> Placerat bibendum</a></li>
            <li><a href="#"> Ullamcorper odio nec turpis</a></li>
            <li><a href="#"> Aliquam porttitor vestibulum ipsum</a></li>
            <li><a href="#"> Lobortis enim nec nisi</a></li>
            <li><a href="#"> Placerat bibendum</a></li>
            <li><a href="#"> Ullamcorper odio nec turpis</a></li>
            <li><a href="#"> Aliquam porttitor vestibulum ipsum</a></li>
            <li><a href="#"> Lobortis enim nec nisi</a></li>
          </ul>
          <div class="clearfix"></div>
          <br/>
          <ul class="ce-sc-icons">
            <li><a target="_blank" class="twitter" href="https://twitter.com/codelayers"><i class="fa fa-twitter"></i></a></li>
            <li><a target="_blank" href="https://www.facebook.com/codelayers"><i class="fa fa-facebook"></i></a></li>
            <li><a class="active" href="#"><i class="fa fa-google-plus"></i></a></li>
            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
          </ul>
        </div>
        <!--end item-->
        
        <div class="col-md-3 col-sm-12 col-xs-12 clearfix margin-bottom">
          <h4 class="less-mar3 font-weight-4 text-white">Products & Services</h4>
          <div class="clearfix"></div>
          <div class="footer-title-bottomstrip white"></div>
          <ul class="footer-quick-links-4">
            <li><a href="#"> Placerat bibendum</a></li>
            <li><a href="#"> Ullamcorper odio nec turpis</a></li>
            <li><a href="#"> Aliquam porttitor vestibulum ipsum</a></li>
            <li><a href="#"> Lobortis enim nec nisi</a></li>
            <li><a href="#"> Placerat bibendum</a></li>
            <li><a href="#"> Ullamcorper odio nec turpis</a></li>
            <li><a href="#"> Placerat bibendum</a></li>
            <li><a href="#"> Aliquam porttitor vestibulum ipsum</a></li>
            <li><a href="#"> Lobortis enim nec nisi</a></li>
            <li><a href="#"> Placerat bibendum</a></li>
          </ul>
        </div>
        <!--end item-->
        
        <div class="col-md-3 col-sm-12 col-xs-12 bmargin clearfix margin-bottom">
          <div class="item-holder">
            <h4 class="less-mar3 font-weight-4 text-white">Recent Posts</h4>
            <div class="footer-title-bottomstrip white"></div>
            <div class="clearfix"></div>
            <div class="fo-posts">
              <div class="image-left"><img src="http://placehold.it/80x80" alt=""/></div>
              <div class="text-box-right">
                <h6 class="less-mar3 nopadding"><a href="#" class="text-white">Shared Hosting </a></h6>
                <p>Lorem ipsum dolor sit</p>
                <div class="post-info"> <span>By John Doe</span><span> June 19</span> </div>
              </div>
            </div>
            <div class="col-divider-margin-1"></div>
            <div class=" divider-line solid dark opacity-2 "></div>
            <div class="col-divider-margin-2"></div>
            <div class="fo-posts">
              <div class="image-left"><img src="http://placehold.it/80x80" alt=""/></div>
              <div class="text-box-right">
                <h6 class="less-mar3 nopadding"><a href="#" class="text-white">Domain Transfer </a></h6>
                <p>Lorem ipsum dolor sit</p>
                <div class="post-info"> <span>By John Doe</span><span> June 19</span> </div>
              </div>
            </div>
            <div class="col-divider-margin-1"></div>
            <div class=" divider-line solid dark opacity-2 "></div>
            <div class="col-divider-margin-2"></div>
            <div class="fo-posts">
              <div class="image-left"><img src="http://placehold.it/80x80" alt=""/></div>
              <div class="text-box-right">
                <h6 class="less-mar3 nopadding"><a href="#" class="text-white">VPS Hosting</a></h6>
                <p>Lorem ipsum dolor sit</p>
                <div class="post-info"> <span>By John Doe</span><span> June 19</span> </div>
              </div>
            </div>
          </div>
        </div>
        <!--end item-->
        
        <div class="col-md-3 col-sm-12 col-xs-12 clearfix margin-bottom">
          <h4 class="less-mar3 font-weight-4 text-white">Need Help?</h4>
          <div class="clearfix"></div>
          <div class="footer-title-bottomstrip white"></div>
          <ul class="footer-quick-links-4">
            <li><a href="#"> Placerat bibendum</a></li>
            <li><a href="#"> Ullamcorper odio nec turpis</a></li>
            <li><a href="#"> Aliquam porttitor vestibulum ipsum</a></li>
            <li><a href="#"> Lobortis enim nec nisi</a></li>
            <li><a href="#"> Placerat bibendum</a></li>
            <li><a href="#"> Ullamcorper odio nec turpis</a></li>
            <li><a href="#"> Placerat bibendum</a></li>
            <li><a href="#"> Aliquam porttitor vestibulum ipsum</a></li>
            <li><a href="#"> Lobortis enim nec nisi</a></li>
            <li><a href="#"> Placerat bibendum</a></li>
          </ul>
        </div>
        <!--end item-->
        
        <div class="clearfix"></div>
        <div class="col-divider-margin-4"></div>
        <div class="divider-line solid white opacity-2"></div>
        <div class="col-divider-margin-4"></div>
        <div class="col-md-3 margin-bottom"> <img src="images/logo/w-logo.png" alt=""/> </div>
        <!--end item-->
        
        <div class="col-md-9">
          <input class="ce-newsletter-1" type="search" placeholder="Email Address">
          <input name="search" value="Submit" class="ce-newsletter-submit-1" type="submit">
        </div>
        <!--end item--> 
        
      </div>
    </div>
  </section>
  <div class="clearfix"></div>
  <!--end section-->
  
  <section class="sec-moreless-padding">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-sm-12 col-xs-12 bmargin">
          <ul class="footer-payment-logo-list">
            <li>
              <h6>We Accept:</h6>
            </li>
            <li><img src="http://placehold.it/50x40" alt=""/></li>
            <li><img src="http://placehold.it/50x40" alt=""/></li>
            <li><img src="http://placehold.it/50x40" alt=""/></li>
            <li><img src="http://placehold.it/50x40" alt=""/></li>
            <li><img src="http://placehold.it/50x40" alt=""/></li>
          </ul>
        </div>
        <!--end item-->
        
        <div class="col-md-4 col-sm-12 col-xs-12 bmargin">
          <ul class="footer-payment-logo-list">
            <li>
              <h6>Awards:</h6>
            </li>
            <li><img src="http://placehold.it/60x45" alt=""/></li>
            <li><img src="http://placehold.it/60x45" alt=""/></li>
            <li><img src="http://placehold.it/60x45" alt=""/></li>
          </ul>
        </div>
        <!--end item-->
        
        <div class="col-md-2 col-sm-12 col-xs-12 bottom-margin"> <a class="btn btn-green" href="#"><i class="fa fa-comments"></i> Live Chat</a> </div>
        <!--end item--> 
      </div>
    </div>
  </section>
  <div class="clearfix"></div>
  <!-- end section -->
  
  <div class="clearfix"></div>
  <div class="divider-line solid light"></div>
  <section>
    <div class="divider-line solid light opacity-1"></div>
    <div class="container">
      <div class="row">
        <div class="col-md-12 text-center sec-moreless-padding"> <span>Copyright © 2019 <a href="https://1.envato.market/onda-html-by-codelayers">Onda</a> By <a href="https://1.envato.market/codelayers">Codelayers</a> | All rights reserved.</span></div>
      </div>
    </div>
  </section>
  <div class="clearfix"></div>
  <!--end section-->   
    
    <a href="#" class="scrollup"></a><!-- end scroll to top of the page--> 
    
  </div>
  <!--end site wrapper--> 
</div>
<!--end wrapper boxed--> 

<!-- Scripts --> 
<script src="js/jquery/jquery.js"></script> 
<script src="js/bootstrap/bootstrap.min.js"></script> 
 
<script src="js/less/less.min.js" data-env="development"></script> 
<!-- Scripts END --> 

<!-- Template scripts --> 
<script src="js/megamenu/js/main.js"></script> 
<script src="js/owl-carousel/owl.carousel.js"></script> 
<script src="js/owl-carousel/custom.js"></script> 

  
<script>
    $(window).load(function(){
      setTimeout(function(){

        $('.loader-live').fadeOut();
      },1000);
    })

  </script>
  <script src="js/owl-carousel/owl.carousel.js"></script> 
<script src="js/owl-carousel/custom.js"></script> 
  <script src="js/tabs/js/responsive-tabs.min.js" type="text/javascript"></script>
  <script src="js/parallax/jquery.parallax-1.1.3.js"></script> 
<script src="js/functions/functions.js"></script>

</body>
</html>