jpscontracting/blogbox.html
Alexander Hosking fcbdc4d438 First commit
2016-03-13 00:12:08 -05:00

570 lines
35 KiB
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">
<title>Blog Box</title>
<!-- Css (necessary Css) -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/bootstrap-theme.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link href="assets/css/color.css" rel="stylesheet">
<link href="assets/css/flexslider.css" rel="stylesheet">
<link href="assets/css/iconmoon.css" rel="stylesheet">
<link href="assets/css/language-selector-remove-able-css.css" rel="stylesheet">
<link href="assets/css/owl.carousel.css" rel="stylesheet">
<link href="assets/css/widget.css" rel="stylesheet">
<!-- <link href="assets/css/rtl.css" rel="stylesheet"> -->
<!-- HTML5 shim and Respond.js for 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/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="wrapper">
<!-- Header -->
<header id="main-header">
<div class="px-top-bar">
<div class="container">
<div class="left-side">
<nav class="top-nav">
<ul>
<li><a href="about.html">About us</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</nav>
</div>
<div class="right-side">
<div class="social-media">
<ul>
<li><a href="#"><i class="icon-facebook7"></i></a></li>
<li><a href="#"><i class="icon-twitter6"></i></a></li>
<li><a href="#"><i class="icon-googleplus7"></i></a></li>
<li><a href="#"><i class="icon-dribbble6"></i></a></li>
<li><a href="#"><i class="icon-linkedin2"></i></a></li>
</ul>
</div>
<div class="lang_sel_list_horizontal" id="lang_sel_list">
<ul>
<li>
<a class="lang_sel_sel icl-en" href="#">
<img title="English" alt="english" src="assets/images/ico-eng.png" class="iclflag">&nbsp;English
</a>
<ul>
<li class="icl-fr">
<a href="#">
<img title="French" alt="french" src="assets/images/ico-fra.png" class="iclflag">&nbsp;French
</a>
</li>
<li class="icl-spa">
<a href="#">
<img title="Spanish" alt="spanish" src="assets/images/ico-spa.png" class="iclflag">&nbsp;Spanish
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="px-main-nav">
<div class="container">
<div class="px-logo-area">
<div class="left-side">
<div class="logo"><a href="#"><img src="assets/images/logo.png" alt=""></a></div>
</div>
<div class="right-side">
<div class="px-head-info">
<ul>
<li><span>Openeing Hours</span>Mon - Sat 8.00 - 18.00</li>
<li><span>Call Us</span>(0044) 123 456 789</li>
<li><span>Email Us</span><a href="#">info@example.com</a></li>
</ul>
</div>
</div>
</div>
<div class="px-nav-area">
<nav class="navigation">
<a class="cs-click-menu" href="#"><i class="icon-list8"></i></a>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li>
<a href="#">Pages</a>
<ul class="sub-dropdown">
<li><a href="services.html">Services</a></li>
<li><a href="contactus2.html">Contact Us 2</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="404.html">404</a></li>
<li><a href="underconstruction.html">Under construction</a></li>
<li><a href="result.html">Result</a></li>
</ul>
</li>
<li><a href="price-packages.html">Pricing</a></li>
<li>
<a href="#">Portfolio</a>
<ul class="sub-dropdown">
<li><a href="portfolio-list.html">Portfolio List</a></li>
<li><a href="portfolio-columns2.html">Portfolio columns2</a></li>
<li><a href="portfolio-columns3.html">Portfolio columns3</a></li>
<li><a href="portfolio-columns4.html">Portfolio columns4</a></li>
<li><a href="portfolio-modren.html">Portfolio modren</a></li>
<li>
<a href="#">Portfolio Detail</a>
<ul>
<li><a href="portfolio-detail.html">Portfolio Detail</a></li>
<li><a href="portfolio-detail2.html">Portfolio Detail 2</a></li>
<li><a href="portfolio-detail3.html">Portfolio Detail 3</a></li>
<li><a href="portfolio-detail4.html">Portfolio Detail 4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Blog</a>
<ul class="sub-dropdown">
<li><a href="bloglarge.html">Blog Large</a></li>
<li><a href="blogbox.html">Blog Box</a></li>
<li><a href="blogdetail.html">Blog Detail 1</a></li>
<li><a href="blogdetail1.html">Blog Detail 2</a></li>
<li><a href="blogdetail2.html">Blog Detail 3</a></li>
</ul>
</li>
<li><a href="#">Team</a>
<ul class="sub-dropdown">
<li><a href="team-grid.html">Team Grid</a></li>
<li><a href="team-list.html">Team List</a>
<li><a href="team-detail.html">Team Detail</a></li>
</ul>
</li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
</nav>
<a href="contactus2.html" class="btn-quote">Get Quick Quote</a>
</div>
</div>
</div>
<div style="background:url(assets/extra-images/bg-title1.jpg) no-repeat; background-size:cover; height:328px; padding: 51px 0 0;" class="breadcrumb-sec align-center bg-img">
<div class="container">
<div class="px-frame">
<div class="px-text">
<div class="px-text-holder">
<h1>Latest Blogs</h1>
<span>One jeepers stood owing and narrow while among that orca thanks.</span>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header -->
<!-- Main Content -->
<main id="main-content">
<div class="main-section">
<section class="page-section">
<div class="container">
<div class="row">
<div class="page-content">
<div class="element-size-100">
<div class="px-blog px-blog-large-box col-md-12">
<article>
<div class="px-date">
<time datetime="2011-01-12">08<span>FEB</span></time>
</div>
<div class="px-blog-inner">
<div class="px-title">
<ul class="px-post-options">
<li class="px-admin-post">by <a href="#">John Doe</a></li>
<li>
<a href="#">Wood</a>
,
<a href="#">Painting</a>
</li>
</ul>
<h3><a href="blogdetail.html">The smooched breezily rebound mockingly</a></h3>
<figure><img src="assets/extra-images/post-img2.png" alt="blog"></figure>
</div>
<div class="px-media">
<figure> <a href="#"><img src="assets/extra-images/blogs-02.jpg" alt="blog"></a>
<figcaption><a href="#"><i class="icon-plus-circle"></i></a></figcaption>
</figure>
</div>
<div class="px-bloginfo-sec">
<p class="px-textborder">Overpaid grasshopper dear the and against some frugal outrageous felicitously maturely fallaciously coughed unstintingly far but hooted vigorous oversold the cogent to much ran less oh hardy some hit inside and one away gosh industrious wow much angelfish thus far besides.</p>
<div class="px-social-comment">
<ul>
<li class="px-likes"><a href="#"><i class="icon-heart11"></i>1100 Likes</a></li>
<li class="px-share-post"><a href="#">Share</a>
<div class="social-media">
<ul>
<li><a href="#"><i data-original="facebook" class="icon-facebook7"></i></a></li>
<li><a href="#"><i data-original="twitter" class="icon-twitter6"></i></a></li>
<li><a href="#"><i data-original="googleplus" class="icon-googleplus7"></i></a></li>
<li><a href="#"><i data-original="dribble" class="icon-dribbble6"></i></a></li>
<li><a href="#"><i data-original="linkedin" class="icon-linkedin2"></i></a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</article>
<article>
<div class="px-date">
<time datetime="2011-01-12">12<span>FEB</span></time>
</div>
<div class="px-blog-inner">
<div class="px-title">
<ul class="px-post-options">
<li class="px-admin-post">by <a href="#">Admin</a></li>
<li>
<a href="#">Wood</a>
,
<a href="#">Painting</a>
</li>
</ul>
<h3><a href="blogdetail.html">Crud depending reined and wretched sheared ouch</a></h3>
<figure><img src="assets/extra-images/post-img-3.jpg" alt="blog"></figure>
</div>
<div class="px-bloginfo-sec">
<p class="px-textborder">Prior in save rancorously woodchuck much before hare until hypocritical far yet ducked fruitlessly and some congratulated along much and because so this python far thankfully monkey this abominably other compact tearful above some koala wickedly ouch lubber rooster hen one.</p>
<div class="px-social-comment">
<ul>
<li class="px-likes"><a href="#"><i class="icon-heart11"></i>897 Likes</a></li>
<li class="px-share-post"><a href="#">Share</a>
<div class="social-media">
<ul>
<li><a href="#"><i data-original="facebook" class="icon-facebook7"></i></a></li>
<li><a href="#"><i data-original="twitter" class="icon-twitter6"></i></a></li>
<li><a href="#"><i data-original="googleplus" class="icon-googleplus7"></i></a></li>
<li><a href="#"><i data-original="dribble" class="icon-dribbble6"></i></a></li>
<li><a href="#"><i data-original="linkedin" class="icon-linkedin2"></i></a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</article>
<article>
<div class="px-date">
<time datetime="2011-01-12">06<span>FEB</span></time>
</div>
<div class="px-blog-inner">
<div class="px-title">
<ul class="px-post-options">
<li class="px-admin-post">by <a href="#">James Miller</a></li>
<li>
<a href="#">Wood</a>
,
<a href="#">Painting</a>
</li>
</ul>
<h3><a href="blogdetail.html">If it's wood, we can make it for your betterment.</a></h3>
<figure><img src="assets/extra-images/post-img1.png" alt="blog"></figure>
</div>
<div class="px-media">
<figure> <a href="#"><img src="assets/extra-images/blogs-01.jpg" alt="blog"></a>
<figcaption><a href="#"><i class="icon-plus-circle"></i></a></figcaption>
</figure>
</div>
<div class="px-bloginfo-sec">
<p class="px-textborder">Built less dissolutely that one ardent without fumbling some nauseatingly that ouch tireless crud stringent tarantula broadcast sank far jeez the in reined dear flailed and dealt reflective including and some sudden globefish less unstintingly deer asinine penguin.</p>
<div class="px-social-comment">
<ul>
<li class="px-likes"><a href="#"><i class="icon-heart11"></i>200 Likes</a></li>
<li class="px-share-post"><a href="#">Share</a>
<div class="social-media">
<ul>
<li><a href="#"><i data-original="facebook" class="icon-facebook7"></i></a></li>
<li><a href="#"><i data-original="twitter" class="icon-twitter6"></i></a></li>
<li><a href="#"><i data-original="googleplus" class="icon-googleplus7"></i></a></li>
<li><a href="#"><i data-original="dribble" class="icon-dribbble6"></i></a></li>
<li><a href="#"><i data-original="linkedin" class="icon-linkedin2"></i></a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
</article>
</div>
<div class="col-md-12">
<nav class="px-pagination" style="padding-left:58px;">
<ul>
<li class="pgprev"><a href="?page_id_all=1">Prev</a></li>
<li><a class="active">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">...</a></li>
<li><a href="#">112</a></li>
<li class="pgnext"><a href="?page_id_all=2">Next</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<aside class="page-sidebar">
<div class="widget element-size-100 widget_text">
<div class="textwidget">
<p>
<img alt="" src="assets/extra-images/img-1.png">
</p>
</div>
</div>
<div class="widget element-size-100 recentblog-post">
<div class="widget-section-title"><h5>Recent Blogs</h5></div>
<ul>
<li>
<figure><a href="#"><img src="assets/extra-images/blog-recentimg1.png"></a></figure>
<div class="text">
<h6><a href="#">Goodness lemur save much alas crud dear</a></h6>
<ul class="px-post-options">
<li><time datetime="2011-01-12">june 23, 2015</time></li>
<li class="px-admin-post">by <a href="#">James Miller</a></li>
</ul>
</div>
</li>
<li>
<figure><a href="#"><img src="assets/extra-images/gallery-img1.jpg"></a></figure>
<div class="text">
<h6><a href="#">flinched more mammoth this pompously</a></h6>
<ul class="px-post-options">
<li><time datetime="2011-01-12">june 23, 2015</time></li>
<li class="px-admin-post">by <a href="#">James Miller</a></li>
</ul>
</div>
</li>
<li>
<figure><a href="#"><img src="assets/extra-images/gallery-img2.jpg"></a></figure>
<div class="text">
<h6><a href="#">However much enormous merrily jeez </a></h6>
<ul class="px-post-options">
<li><time datetime="2011-01-12">june 23, 2015</time></li>
<li class="px-admin-post">by <a href="#">James Miller</a></li>
</ul>
</div>
</li>
<li>
<figure><a href="#"><img src="assets/extra-images/gallery-img3.jpg"></a></figure>
<div class="text">
<h6><a href="#">Python ouch mellifluously some</a></h6>
<ul class="px-post-options">
<li><time datetime="2011-01-12">june 23, 2015</time></li>
<li class="px-admin-post">by <a href="#">James Miller</a></li>
</ul>
</div>
</li>
</ul>
</div>
<div class="widget element-size-100 widget_categories">
<div class="widget-section-title">
<h5>Blog Cetagories</h5>
</div>
<ul>
<li class="cat-item cat-item-6"><a href="#">Classes & Workshops</a></li>
<li class="cat-item cat-item-7"><a href="#">Conferences</a></li>
<li class="cat-item cat-item-8"><a href="#">Fundraisers</a></li>
<li class="cat-item cat-item-9"><a href="#">Meetings & Networking</a></li>
<li class="cat-item cat-item-1"><a href="#">Political Events</a></li>
<li class="cat-item cat-item-7"><a href="#">Social Events</a></li>
<li class="cat-item cat-item-8"><a href="#">Tankless Water Heater</a></li>
<li class="cat-item cat-item-9"><a href="#">Plumbing Inspections</a></li>
<li class="cat-item cat-item-1"><a href="#">Garbage Disposal Repair</a></li>
</ul>
</div>
<div class="widget element-size-100 widget-flickr widget-gallery">
<div class="widget-section-title"><h5>Flickr Gallery</h5></div>
<ul class="gallery-list">
<li><a href="#"><img src="assets/extra-images/gallery-img1.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/extra-images/gallery-img2.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/extra-images/gallery-img3.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/extra-images/gallery-img4.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/extra-images/gallery-img5.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/extra-images/gallery-img1.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/extra-images/gallery-img5.jpg" alt=""></a></li>
<li><a href="#"><img src="assets/extra-images/gallery-img1.jpg" alt=""></a></li>
</ul>
</div>
<div class="widget element-size-100 twitter_widget">
<div class="widget-section-title"><h5>Latest Tweets</h5></div>
<article>
<p>I make pixels look pretty, code things and I'm one of the <a href="#">@draftim </a></p>
<div class="text">
<a href="#">@plumber-wp</a>&nbsp;<span>4 days ago</span>
</div>
</article>
<article>
<p>SeatGeek, Shazam, American Express, Media Temple, Google, Disqus and many more are advertising jobs for designers: <a href="#">https://dribbble.com/jobs</a></p>
<div class="text">
<a href="#">@plumber-wp</a>&nbsp;<span>4 days ago</span>
</div>
</article>
<article>
<p>Many a Meetup happening next week-Amman, Charleston,<a href="#"> #Washington</a>, DC, Philly, Nashville, Pawtucket. Go, go, go!</p>
<div class="text">
<a href="#">@plumber-wp</a>&nbsp;<span>4 days ago</span>
</div>
</article>
</div>
</aside>
</div>
</div>
</section>
</div>
</main>
<!-- Main Content -->
<div class="clear"></div>
<footer id="footer-sec">
<div class="container">
<div class="px-footer-block">
<div class="left-side">
<div class="logo"><a href="#"><img src="assets/images/footer-logo.png" alt=""></a></div>
</div>
<div class="right-side">
<div class="twitter_widget">
<ul class="slides">
<li>
<p>RT <a href="#">@abduzeedo:</a>Ori and the Blind Forest Game Concepts <a href="#">http://t.co/3IWkWzqVgu </a> and we have some prolem with <a href="#">http://t.co/wlIknBrJw4</a></p>
<ul class="infotext">
<li><a href="#">@woodcraft</a></li>
<li>Posted 14 Hours Ago</li>
</ul>
</li>
<li>
<p>RT <a href="#">@abduzeedo:</a>Ori and the Blind Forest Game Concepts <a href="#">http://t.co/3IWkWzqVgu </a> and we have some prolem with <a href="#">http://t.co/wlIknBrJw4</a></p>
<ul class="infotext">
<li><a href="#">@woodcraft</a></li>
<li>Posted 14 Hours Ago</li>
</ul>
</li>
<li>
<p>RT <a href="#">@abduzeedo:</a>Ori and the Blind Forest Game Concepts <a href="#">http://t.co/3IWkWzqVgu </a> and we have some prolem with <a href="#">http://t.co/wlIknBrJw4</a></p>
<ul class="infotext">
<li><a href="#">@woodcraft</a></li>
<li>Posted 14 Hours Ago</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="px-widget-block row">
<div class="col-md-3">
<aside class="widget px-widget-contact">
<div class="widget-section-title">
<h5>Contact Us</h5>
</div>
<ul>
<li>123 456 789 10</li>
<li><a href="#">info@woodland.com</a></li>
</ul>
<p>Wood Enterprise Centre level 0, A1 the works 00 Parer Place via Teams Avenue Kelvin Grove, ABC, 1234</p>
<a href="#" class="btn-map">View Map</a>
</aside>
</div>
<div class="col-md-6">
<aside class="widget widget_pages">
<div class="widget-section-title">
<h5>Our Expertise</h5>
</div>
<ul>
<li><a href="#">Furniture</a> </li>
<li><a href="#">Renovation &amp; Repairs</a> </li>
<li><a href="#">Renovation &amp; Repairs</a> </li>
<li><a href="#">Partition Walls</a></li>
<li><a href="#">Refurbishment</a></li>
<li><a href="#">Refurbishment</a></li>
<li><a href="#">Windows</a></li>
<li><a href="#">Storage</a></li>
<li><a href="#">Storage</a></li>
<li><a href="#">Garden Furniture</a></li>
<li><a href="#">Doors</a></li>
<li><a href="#">Doors</a></li>
<li><a href="#">Overview of Services</a></li>
<li><a href="#">Flooring</a></li>
<li><a href="#">Flooring</a></li>
<li><a href="#">Kitchen Remodling</a></li>
<li><a href="#">Skirting &amp; Architraves</a></li>
<li><a href="#">Skirting &amp; Architraves</a></li>
<li><a href="#">Bathroom Remodeling</a></li>
<li><a href="#">Kitchens</a></li>
<li><a href="#">Kitchens</a></li>
<li><a href="#">Additions</a></li>
<li><a href="#">Bathroom Furniture</a></li>
<li><a href="#">Bathroom Furniture</a></li>
<li><a href="#">Media Rooms</a></li>
<li><a href="#">Finishing Touches</a></li>
</ul>
</aside>
</div>
<div class="col-md-3">
<aside class="widget widget-form">
<div class="widget-section-title">
<h5>Need Estimate?</h5>
</div>
<form action="#">
<fieldset>
<input type="text" placeholder="Name" required="required">
<input type="email" placeholder="Email" required="required">
<textarea placeholder="Message" required="required"></textarea>
<input type="submit" value="Send Message">
</fieldset>
</form>
</aside>
</div>
</div>
</div>
<!-- CopyRight -->
<section id="copyright">
<div class="container">
<div class="social-media">
<ul>
<li><a href="#"><i data-original="facebook" class="icon-facebook7"></i><span>Facebook</span></a></li>
<li><a href="#"><i data-original="twitter" class="icon-twitter6"></i><span>Twitter</span></a></li>
<li><a href="#"><i data-original="googleplus" class="icon-googleplus7"></i><span>Google Plus</span></a></li>
<li><a href="#"><i data-original="dribble" class="icon-dribbble6"></i><span>Dribble</span></a></li>
<li><a href="#"><i data-original="linkedin" class="icon-linkedin2"></i><span>Linked in</span></a></li>
</ul>
</div>
<p>©2014 <a href="#">WP Woodcraft</a> All rights reserved. Design by <a href="#">Pix FIll</a></p>
</div>
</section>
<!-- CopyRight -->
</footer>
<!-- Footer -->
</div>
<!-- jQuery (necessary for JavaScript plugins) -->
<script src="assets/scripts/jquery.js"></script>
<script src="assets/scripts/bootstrap.min.js"></script>
<script src="assets/scripts/modernizr.js"></script>
<script src="assets/scripts/jquery.flexslider-min.js"></script>
<script src="assets/scripts/owl.carousel.min.js"></script>
<script src="assets/scripts/sticky_header.js"></script>
<script src="assets/scripts/jquery.nicescroll.min.js"></script>
<script src="assets/scripts/functions.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.twitter_widget').flexslider({
animation: "slide"
});
});
</script>
</body>
</html>