File: //home/webuyanywebsite.co.uk/public_html/index2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Infusion WP Theme</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/queries.css">
<!-- Fonts -->
<link href='http://fonts.googleapis.com/css?family=Sintony:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header class="clearfix">
<div class="logo col-md-3"><h2 class="logo-text">We Buy Any Website</h2></div>
<nav class="clearfix">
<ul class="clearfix">
<li><a href="#" class="active">design folio</a></li>
<li><a href="#">services</a></li>
<li><a href="#">our business</a></li>
<li><a href="#">how we help</a></li>
<li><a href="#">take the tour</a></li>
<li><a href="#" class="last">contact</a></li>
</ul>
</nav>
<div class="pullcontainer">
<a href="#" id="pull"><i class="fa fa-bars fa-2x"></i></a>
</div>
</header>
<div class="banner">
<ul>
<li style="background-image: url('img/01.jpg');">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="hero-title">
CUTTING EDGE WP BUSINESS THEME
</div>
<p class="hero-content">Gutful of bottlo no dramas he's got a massive hooroo.</p>
<a href="#" class="hero-btn">BUY IT NOW</a>
</div>
</div>
</div>
</li>
<li style="background-image: url('img/02.jpg');">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="hero-title">
VERY PHOTO, SUCH WAVES, WOW.
</div>
<p class="hero-content">A very artsy photo with waves crashing over rocks. So /emosh.</p>
<a href="#" class="hero-btn">BEER ME!</a>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="container">
<div class="arrow"></div>
</div>
<div class="container carousel">
<div class="row">
<div class="col-md-3">
<div class="ca-hover">
<div class="carousel-img"> <a href="/traffic-sites.php"><img src="img/c01.jpg" alt="Carousel Img"></a>
</div>
<div class="carousel-avatar av1">
</div>
<div class="carousel-content">
<h3><a href="/traffic-sites.php">Lorem ipsum dolor sit amet consectetur</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed molestie massa.</p>
</div>
<div class="overlay"></div>
</div>
</div>
<div class="col-md-3">
<div class="ca-hover">
<div class="carousel-img"> <a href="/traffic-sites.php"><img src="img/c02.jpg" alt="Carousel Img"></a>
</div>
<div class="carousel-avatar av2">
</div>
<div class="carousel-content">
<h3>Lorem ipsum dolor sit amet consectetur</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed molestie massa.</p>
</div>
<div class="overlay"></div>
</div>
</div>
<div class="col-md-3">
<div class="ca-hover">
<div class="carousel-img"> <a href="/traffic-sites.php"><img src="img/c03.jpg" alt="Carousel Img"></a>
</div>
<div class="carousel-avatar av3">
</div>
<div class="carousel-content">
<h3>Lorem ipsum dolor sit amet consectetur</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed molestie massa.</p>
</div>
<div class="overlay"></div>
</div>
</div>
<div class="col-md-3">
<div class="ca-hover">
<div class="carousel-img">
<img src="img/c04.jpg" alt="Carousel Img">
</div>
<div class="carousel-avatar av4">
</div>
<div class="carousel-content">
<h3>Lorem ipsum dolor sit amet consectetur</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed molestie massa.</p>
</div>
<div class="overlay"></div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="controls">
<ul>
<li><span class="pagination active"></span></li>
<li><span class="pagination"></span></li>
<li><span class="pagination"></span></li>
</ul>
</div>
</div>
</div>
<div class="text-inter">
<div class="container">
<div class="row">
<div class="col-md-6">
<h3>Lorem ipsum dolor sit amet consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed molestie massa. Nullam condimentum mauris et rhoncus sagittis. Sed eu metus in diam tincidunt egestas non at odio. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
<div class="divider"></div>
<a href="#" class="button solid-color">BUTTON</a>
<a href="#" class="button extra-color">BUTTON</a>
</div>
<div class="col-md-6">
<h3>Lorem ipsum dolor sit amet consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed molestie massa. Nullam condimentum mauris et rhoncus sagittis. Sed eu metus in diam tincidunt egestas non at odio.</p>
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean vitae lectus erat. Duis consequat laoreet velit. Mauris convallis, sapien sit amet scelerisque accumsan, felis urna aliquet nunc, viverra mollis odio tellus a nisl. Nulla lobortis lectus non rutrum viverra. Sed et molestie libero. Sed ut ultrices dui.</p>
</div>
</div>
</div>
</div>
<div class="h2-wrap">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="standard-block">LATEST ARTICLES</h2>
</div>
</div>
</div>
</div>
<div class="container-fluid container-articles">
<div class="row articles">
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/01.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/02.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/03.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/04.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/05.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/06.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
</div>
<div class="row articles">
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/07.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/08.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/09.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/10.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/11.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/12.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
</div>
</div>
<div class="laptop-slider">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1 laptop-placeholder">
<div class="slideshow">
<figure class="show"><img alt="" src="img/slider/slide-01.png" /></figure>
<figure><img alt="" src="img/slider/slide-02.png" /></figure>
<figure><img alt="" src="img/slider/slide-01.png" /></figure>
<figure><img alt="" src="img/slider/slide-02.png" /></figure>
<span class="prev"><i class="fa fa-angle-left fa-4x"></i></span>
<span class="next"><i class="fa fa-angle-right fa-4x"></i></span>
</div>
</div>
<div>
</div>
</div>
</div>
</div>
<div class="quote-container">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="col-md-10 col-md-offset-1">
<div class="quote-slideshow">
<figure class="show"><h2>Nam mi enim, auctor non ultricies a, fringilla eu risus. Praesent vitae lorem et elit tincidunt accumsan suscipit eu libero. </h2>
<figcaption>
Nam mi enim, auctor non ultricies.
</figcaption>
</figure>
<figure><h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed molestie massa.</h2>
<figcaption>
Nam mi enim, auctor.
</figcaption>
</figure>
</div>
</div>
<span class="quote-prev circle"><i class="fa fa-angle-left fa-2x"></i></span>
<span class="quote-next circle"><i class="fa fa-angle-right fa-2x"></i></span>
</div>
</div>
</div>
</div>
<div class="shadow"></div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-2">
<h2>We Buy Any Website
</h2></div>
<div class="col-md-5">
<p>Nam mi enim, auctor non ultricies a, fringilla eu risus. Praesent vitae lorem et elit tincidunt accumsan suscipit eu libero. Maecenas diam est, venenatis vitae dui in, vestibulum mollis arcu. Donec eu nibh tincidunt, dapibus sem eu, aliquam dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum consectetur commodo eros, vitae laoreet lectus aliq</p>
</div>
<div class="col-md-3">
<p>aliquam dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum consectetur commodo eros, vitae laoreet lectus aliq</p>
</div>
<div class="col-md-2">
<ul class="footer-links">
<li><a href="#">List One</a></li>
<li><a href="#">Page Two</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/scripts.js"></script>
<script src="js/unslider.min.js"></script>
</body>
</html>