jpscontracting/html_site/blogdetail2.html
2017-01-12 08:03:15 -05:00

504 lines
32 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>