File size: 17.21Kb
<!doctype html>
<html>
<head>
<!-- Meta Data -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>News Full Width — Super Host</title>
<!-- Dependency Styles -->
<link rel="stylesheet" href="dependencies/bootstrap/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="dependencies/font-awesome/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="dependencies/swiper/css/swiper.css" type="text/css">
<link rel="stylesheet" href="dependencies/wow/css/animate.css" type="text/css">
<link rel="stylesheet" href="dependencies/slimmenu/css/slimmenu.min.css" type="text/css">
<link rel="stylesheet" href="dependencies/revslider/css/settings.css" type="text/css">
<link rel="stylesheet" href="dependencies/rangeslider.js/css/rangeslider.css" type="text/css">
<!-- Site Stylesheet -->
<link rel="stylesheet" href="assets/css/app.css" type="text/css">
<!-- Google Web Fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800" rel="stylesheet">
</head>
<body id="home-version-1" class="home-version-1" data-style="default">
<div id="loader">
<div class='loader loader--glisteningWindow'></div>
</div>
<div class="search">
<button id="btn-search-close" class=" btn--search-close" aria-label="Close search form"><i class="fa fa-times" aria-hidden="true"></i></button>
<form class="search__form" action="">
<input class="search__input" name="search" type="search" placeholder="Search" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
<span class="search__info">Hit enter to search or ESC to close</span>
</form>
</div>
<div id="site">
<!--=========================-->
<!--= Navbar =-->
<!--=========================-->
<header id="header">
<div class="top-menu">
<div class="container">
<div class="row">
<div class="col-md-7 col-sm-7">
<ul class="top-contact">
<li><i class="fa fa-envelope"></i>contact@infinitystate.co</li>
<li><i class="fa fa-phone"></i>+1 235 222 777</li>
<li><i class="fa fa-comments-o"></i><a href="#">Live Chat</a></li>
</ul>
</div>
<!-- /.col-md-7 -->
<div class="col-sm-5 col-sm-5">
<ul class="dt-social-link">
<li><a href=""><i class="fa fa-facebook"></i></a></li>
<li><a href=""><i class="fa fa-twitter"></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-pinterest-p"></i></a></li>
<li><a href=""><i class="fa fa-youtube"></i></a></li>
</ul>
<div class="login">
<a href="login.html">Login</a>
<a href="sign-up.html">Sign Up</a>
</div>
</div>
</div>
<!-- /.row -->
</div>
</div>
<!-- /.top-menu -->
<nav class="navbar">
<div class="container">
<div class="navbar-header">
<a class="logo" href="index.html"><img src="assets/img/logo.png" alt="logo"></a>
<a class="logo-fixed" href="index.html"><img src="assets/img/logo-fixed.png" alt="logo"></a>
</div>
<div id="navbar" class="navbar-right">
<ul class="slimmenu" id="navigation">
<li class="active">
<a href="index.html">Home</a>
<ul class="child-menu">
<li><a href="index.html">Home 1</a></li>
<li><a href="index-two.html">Home 2</a></li>
<li><a href="index-three.html">Home 3</a></li>
<li><a href="index-four.html">Home 4</a></li>
</ul>
</li>
<li>
<a href="#about">Hosting</a>
<ul class="child-menu">
<li><a href="web-hosting.html">Web Hosting</a></li>
<li><a href="vps-hosting.html">Vps Hosting</a></li>
<li><a href="dedicated-hosting.html">Dedicated Hosting</a></li>
<li><a href="shared-hosting.html">Shared Hosting</a></li>
</ul>
</li>
<li>
<a href="#contact">Domain</a>
<ul class="child-menu">
<li><a href="domain-search.html">Domain Search</a></li>
<li><a href="domain-transfer.html">Domain Transfer</a></li>
</ul>
</li>
<li><a href="our-team.html">Team</a></li>
<li>
<a href="#contact">News</a>
<ul class="child-menu">
<li><a href="news-full-width.html">News Full Width</a></li>
<li><a href="news-grid.html">News Grid</a></li>
<li><a href="news-general-one.html">News General One</a></li>
<li><a href="news-general-two.html">News General Two</a></li>
<li><a href="news-single.html">News Single</a></li>
</ul>
</li>
<li>
<a href="#contact">Page</a>
<ul class="child-menu">
<li><a href="support.html">Support</a></li>
<li><a href="data-center.html">Data Center</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="testimonial.html">Testimonial</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
<li id="btn-search" class="header-search btn btn--search"><i class="fa fa-search"></i></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!-- /.container -->
</nav>
</header>
<!-- /#header -->
<!--==========================-->
<!--= banner =-->
<!--==========================-->
<section id="page-banner" data-bg-image="media/background/10.jpg" data-parallax="image">
<div class="container">
<div class="page-heading">
<h1>News Full Width</h1>
<div class="page-link">
<a href="#">Home</a>
<a href="#">Page</a>
<a href="#">News Full Width</a>
</div>
</div>
<!-- /.page-heading -->
</div>
<!-- /.container -->
</section>
<!-- /#page-banner -->
<!--=====================================-->
<!--= News Full Width =-->
<!--=====================================-->
<section id="news-full-width">
<div class="container">
<div class="news-full">
<div class="news-thumb">
<a href="#"><img src="media/blog/9.jpg" alt="Blog Thumb"></a>
</div>
<div class="news-content">
<ul class="post-meta">
<li>
<h6>24</h6>
<span>April, 2017</span>
</li>
<li>
<h6>06</h6>
<span>Comments</span>
</li>
</ul>
<h2 class="news-title"><a href="#0">Change Management During Your Cloud Migration</a></h2>
<p>
Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt. Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Nulla porttitor accumsan
tincidunt. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur aliquet quam id dui posuere blandit. Donec rutrum congue leo eget malesuada.
</p>
<a href="#" class="dt-btn">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
<!-- /.news-full -->
<div class="news-full">
<div class="news-thumb">
<a href="#"><img src="media/blog/10.jpg" alt="Blog Thumb"></a>
</div>
<div class="news-content">
<ul class="post-meta">
<li>
<h6>24</h6>
<span>April, 2017</span>
</li>
<li>
<h6>06</h6>
<span>Comments</span>
</li>
</ul>
<h2 class="news-title"><a href="#0">Change Management During Your Cloud Migration</a></h2>
<p>
Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt. Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Nulla porttitor accumsan
tincidunt. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur aliquet quam id dui posuere blandit. Donec rutrum congue leo eget malesuada.
</p>
<a href="#" class="dt-btn">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
<!-- /.news-full -->
<div class="news-full">
<div class="news-thumb">
<a href="#"><img src="media/blog/11.jpg" alt="Blog Thumb"></a>
</div>
<div class="news-content">
<ul class="post-meta">
<li>
<h6>24</h6>
<span>April, 2017</span>
</li>
<li>
<h6>06</h6>
<span>Comments</span>
</li>
</ul>
<h2 class="news-title"><a href="#0">Change Management During Your Cloud Migration</a></h2>
<p>
Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt. Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Nulla porttitor accumsan
tincidunt. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur aliquet quam id dui posuere blandit. Donec rutrum congue leo eget malesuada.
</p>
<a href="#" class="dt-btn">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
<!-- /.news-full -->
<div class="news-full">
<div class="news-thumb">
<a href="#"><img src="media/blog/12.jpg" alt="Blog Thumb"></a>
</div>
<div class="news-content">
<ul class="post-meta">
<li>
<h6>24</h6>
<span>April, 2017</span>
</li>
<li>
<h6>06</h6>
<span>Comments</span>
</li>
</ul>
<h2 class="news-title"><a href="#0">Change Management During Your Cloud Migration</a></h2>
<p>
Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt. Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Nulla porttitor accumsan
tincidunt. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur aliquet quam id dui posuere blandit. Donec rutrum congue leo eget malesuada.
</p>
<a href="#" class="dt-btn">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
<!-- /.news-full -->
<div class="page-navigation">
<ul class="page-nav">
<li><a href="#">1</a></li>
<li class="active"><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">Next <i class="fa fa-long-arrow-right"></i></a></li>
</ul>
</div>
<!-- /.page-navigation -->
</div>
<!-- /.container -->
</section>
<!-- /#news-full-width -->
<!--==========================-->
<!--= Footer =-->
<!--==========================-->
<section id="footer" data-parallax="image" data-bg-image="media/footer/1.jpg">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="footer-contact">
<img src="assets/img/logo.png" alt="logo">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</p>
<div class="contact-info clearfix">
<div class="info">
<p>Phone:</p>
<span>+12 445 353 111</span>
</div>
<div class="info">
<p>Email:</p>
<span>info@example.com</span>
</div>
</div>
<div class="address">
<p><strong>Address:</strong></p>
<span>129/3 Baten kha mor,<br>Bangladesh 6300</span>
</div>
</div>
<!-- /.footer-contact -->
</div>
<!-- /.col-md-4 -->
<div class="col-md-3">
<div class="footer-service">
<h3 class="footer-title">Hosting Services</h3>
<ul class="footer-link">
<li><a href="#"><i class="fa fa-angle-double-right"></i> Cloud Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Domain Names</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Reseller Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Web Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Dedicated Servers</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Windows Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> cPanel Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Virtual Datacenter</a></li>
</ul>
</div>
</div>
<!-- /.col-md-3 -->
<div class="col-md-3">
<div class="footer-service">
<h3 class="footer-title">Hosting Services</h3>
<ul class="footer-link">
<li><a href="#"><i class="fa fa-angle-double-right"></i> Cloud Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Domain Names</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Reseller Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Web Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Dedicated Servers</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Windows Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> cPanel Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Virtual Datacenter</a></li>
</ul>
</div>
</div>
<!-- /.col-md-3 -->
<div class="col-md-2">
<div class="footer-service">
<h3 class="footer-title">Hosting Services</h3>
<ul class="footer-link">
<li><a href="#"><i class="fa fa-angle-double-right"></i> Cloud Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Domain Names</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Reseller Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Web Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Dedicated Servers</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Windows Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> cPanel Hosting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Virtual Datacenter</a></li>
</ul>
</div>
</div>
<!-- /.col-md-3 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-md-6">
<ul class="footer-social-link">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
</ul>
</div>
<!-- /.col-md-6 -->
<div class="col-md-6">
<p class="copyright-text text-right">© Copyright 2016 - Super Host by <a href="#">Decent Themes</a></p>
</div>
<!-- /.col-md-6 -->
</div>
</div>
<!-- /.container -->
</div>
<!-- /.copyright -->
</section>
<!-- /#footer -->
</div>
<!-- /#site -->
<!-- Dependency Scripts -->
<script src="dependencies/jquery/jquery.min.js"></script>
<script src="dependencies/bootstrap/js/bootstrap.min.js"></script>
<script src="dependencies/swiper/js/swiper.jquery.min.js"></script>
<script src="dependencies/swiperRunner/js/swiperRunner.min.js"></script>
<script src="dependencies/countUp.js/countUp.min.js"></script>
<script src="dependencies/jquery.appear.bas2k/jquery.appear.js"></script>
<script src="dependencies/slimmenu/js/jquery.slimmenu.min.js"></script>
<script src="dependencies/wow/wow.min.js"></script>
<script src="dependencies/gmap3/js/gmap3.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAssaWBjq7xp_L88KSNA6X7wVA-HxF9rtM"></script>
<script src="dependencies/revslider/js/jquery.themepunch.revolution.min.js"></script>
<script src="dependencies/revslider/js/jquery.themepunch.tools.min.js"></script>
<script src="dependencies/jquery.ripples/jquery.ripples-min.js"></script>
<script src="dependencies/revslider/js/extensions/revolution.extension.actions.min.js"></script>
<script src="dependencies/revslider/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="dependencies/revslider/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="dependencies/revslider/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="dependencies/revslider/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="dependencies/rangeslider.js/rangeslider.min.js"></script>
<script src="dependencies/jquery.countdown/jquery.countdown.js"></script>
<script src="assets/js/parallax.hover.js"></script>
<!-- Site Scripts -->
<script src="assets/js/smooth-scroll.js"></script>
<script src="assets/js/sidy.js"></script>
<script src="assets/js/app.js"></script>
</body>
</html>