jpscontracting/html_site/blogdetail2.html

504 lines
32 KiB
HTML
Raw Permalink Normal View History

<!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 Detail 2</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"> -->
<link href="assets/css/responsive.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>
</header>
<!-- Header -->
<!-- Main Content -->
<main id="main-content">
<div class="main-section">
<div class="page-section">
<div class="container">
<div class="row">
<div class="px-blog-editor px-detailfull px-center">
<div class="element-size-100">
<div class="px-title">
<h1>If it's wood, can make it<br> for your betterment.</h1>
<ul class="px-post-options">
<li><i class="icon-calendar-o"></i><time datetime="2011-01-12">February 06, 2015</time></li>
<li class="px-admin-post"><i class="icon-user9"></i>by&nbsp;<a href="#">James Wardoskie</a></li>
<li><i class="icon-list8"></i>
<a href="#">Woo</a>
,
<a href="#">Painting</a>
</li>
</ul>
</div>
<figure class="px-detail-post"> <a href="#"><img src="assets/extra-images/bloglarge-img1.jpg"></a> </figure>
<div class="px-post-panel">
<div class="px-editor-text px-blog-editor">
<p class="px-textborder">The Elegant Seagulls are excited to welcome Myles Kedrwoski to the flock. Myles brings a depth of design knowledge and will be joining us from Minneapolis, making him the first Minnesotan gull on staff. We think youre going to like him, after all, everyone loves a Minnesotan. We cant wait for you to see the talent he brings to the team. Enjoy below a few words from Myles himself.</p>
<p>“One third Spartan, one third man child, one third web designer. Theres a strong chance I was born with sword and shield in hand. I also firmly believe I would survive the zombie apocalypse. More importantly though, I believe that web design is becoming too complacent and molds are being made that we as designers need to break. I believe the handsome gentlemen at Elegant Seagulls are doing just that. Breaking molds. Im grateful to be a part of the family and to bring my cards to the table.”</p>
<blockquote class="px-blockquote">
<span>With its isolating qualities wool naturally regulates the body temperature nice and warm when its chilly and cooling.</span>
</blockquote>
<p>was published and sold in a local book store. It was a hand drawn image of an alien blowing up earth paired with a caption that said “take me to your reader”. Interesting Fact: My introduction to design was in 5th grade. I won a bookmark contest where my design was published and sold in a local book store. It was a hand drawn image of an alien blowing up earth paired with a caption that said “take me to your reader”.</p>
</div>
<div class="px-social-share">
<div class="px-tags">
<ul>
<li><i class="icon-tag7"></i>
<a href="#">Music</a>
<a href="#">Music</a>
<a href="#">Craft</a>
<a href="#">Expert</a>
</li>
</ul>
</div>
<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>
<div class="px-about-author">
<figure><img src="assets/extra-images/author-img1.png"></figure>
<div class="px-text">
<h6>James Warson</h6>
<p class="px-textborder">The Elegant Seagulls are excited to welcome Myles Kedrwoski to the flock. Myles brings a depth of design knowledge and will be joining us from Minneapolis, making him the first Minnesotan gull on staff.</p>
<a href="#" class="px-post-admin"><i class="icon-caret-right"></i>View Admin Posts</a>
</div>
</div>
<div class="px-post-pagination">
<article class="px-prev">
<a href="#"><i class="icon-arrow-right6"></i></a>
<div class="px-text">
<h6><a href="#">Best of If it's wood, we can for you make it.</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>
</article>
<article class="px-next">
<a href="#"><i class="icon-arrow-left6"></i></a>
<div class="px-text">
<h6><a href="#">Best of If it's wood, we can for you make it.</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>
</article>
</div>
</div>
<div id="px-comments">
<div class="px-section-title"><h5>Readers Comments</h5></div>
<!-- Ul Start -->
<ul>
<li id="li-comment-1">
<div class="thumblist" id="comment-1">
<ul>
<li>
<div class="px-top-sec">
<figure><a href="#"><img alt="#"src="assets/extra-images/author-img2.png"></a></figure>
<div class="px-text-box">
<p class="px-textborder">I do entrepreneurial art projects that are meaningful, relevent, and push me creatively like @INBARFilm. More: http://www.nelsonroberto.com/</p>
</div>
</div>
<div class="px-bottom">
<h6>Alex Phil</h6>
<time datetime="2011-01-12">September 23, 2015, 08:59 pm</time>
<a href="#" class="comment-reply"><i class="icon-arrow-right5"></i>Reply</a>
</div>
</li>
</ul>
</div>
</li>
<!-- #comment-## -->
<li id="li-comment-52" class="px-comments-inner">
<div class="thumblist" id="comment-1">
<ul>
<li>
<div class="px-top-sec">
<figure><a href="#"><img alt="#"src="assets/extra-images/author-img3.jpg"></a></figure>
<div class="px-text-box">
<p class="px-textborder">I do entrepreneurial art projects that are meaningful, relevent, and push me creatively like @INBARFilm. More: http://www.nelsonroberto.com/</p>
</div>
</div>
<div class="px-bottom">
<h6>Murphy Rose</h6>
<time datetime="2011-01-12">September 23, 2015, 08:59 pm</time>
<a href="#" class="comment-reply"><i class="icon-arrow-right5"></i>Reply</a>
</div>
</li>
</ul>
</div>
<ul class="children">
<li id="li-comment-50">
<div class="thumblist" id="comment-1">
<ul>
<li>
<div class="px-top-sec">
<figure><a href="#"><img alt="#"src="assets/extra-images/post-img2.png"></a></figure>
<div class="px-text-box">
<p class="px-textborder">I do entrepreneurial art projects that are meaningful, relevent, and push me creatively like @INBARFilm. More: http://www.nelsonroberto.com/</p>
<h6>Bruce Warson</h6>
<time datetime="2011-01-12">September 23, 2015, 08:59 pm</time>
</div>
</div>
</li>
</ul>
</div>
</li>
<ul class="children">
<li id="li-comment-51">
<div class="thumblist" id="comment-1">
<ul>
<li>
<div class="px-top-sec">
<figure><a href="#"><img alt="#"src="assets/extra-images/post-img-3.jpg"></a></figure>
<div class="px-text-box">
<p class="px-textborder">I do entrepreneurial art projects that are meaningful, relevent, and push me creatively.</p>
<h6>John Terry</h6>
<time datetime="2011-01-12">September 23, 2015, 08:59 pm</time>
</div>
</div>
</li>
</ul>
</div>
</li>
</ul>
<!-- .children -->
</ul>
</li>
<!-- #comment-## -->
</ul>
</div>
<div id="Form" class="px-classic-form">
<div class="px-section-title"><h5>Leave us a Comment</h5></div>
<div id="px-respond" class="comment-respond">
<form id="commentform" class="comment-form contact-form">
<p class="comment-form-author">
<label>Name</label>
<input type="text" required="required" onfocus="if(this.value == 'Enter Your Name') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Enter Your Name'; }" placeholder="Enter Your Name">
</p>
<p class="comment-form-email">
<label>Email</label>
<input type="text" required="required" class="cs-classic" onfocus="if(this.value == 'Enter Valid Email Address ') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Enter Valid Email Address '; }" placeholder="Enter Valid Email Address ">
</p>
<p class="comment-form-Subject">
<label>Phone</label>
<input type="text" required="required" onfocus="if(this.value == 'Phone Number') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Phone Number'; }" placeholder="Phone Number">
</p>
<p class="comment-form-comment">
<label>Message</label>
<textarea type="text" placeholder="Message">Message</textarea>
</p>
<p class="form-submit">
<label></label>
<input class="form-style px-bgcolor" type="submit" name="submit" value="Get Quick Qoute">
</p>
</form>
</div>
</div>
</div>
</div>
<!-- Element-size-100 -->
</div>
</div>
</div>
</div>
</main>
<!--// Main Content //-->
<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>