First major iteration of the homepage
This commit is contained in:
Alexander Hosking
parent
fcbdc4d438
commit
4a32beebf1
53
index.html
53
index.html
@ -82,19 +82,18 @@
|
||||
<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 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>Opening 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>
|
||||
<!-- <li><span>Opening Hours</span>Mon - Sat 8.00 - 18.00</li> !-->
|
||||
<li><span>Call Us</span>416-258-2422</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-nav-area">
|
||||
<!-- <div class="px-nav-area">
|
||||
<nav class="navigation">
|
||||
<a class="cs-click-menu" href="#"><i class="icon-list8"></i></a>
|
||||
<ul>
|
||||
@ -168,7 +167,7 @@
|
||||
</h1>
|
||||
<a class="px-btn" href="#">Get Quick Qoute</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="assets/extra-images/banner1.jpg"/>
|
||||
@ -178,7 +177,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div> !-->
|
||||
</header>
|
||||
<!-- Header -->
|
||||
<!-- Main Content -->
|
||||
@ -191,12 +190,12 @@
|
||||
<div class="element-size-100">
|
||||
<div class="col-md-12">
|
||||
<div class="px-gallery-heading">
|
||||
<h1>20 years of <span>Craftsmanship</span></h1>
|
||||
<strong class="px-textborder">Craftmanship, Carpenter's Woodworks is capable of building anything that's wood, from kitchen cabinets and dining room sets to office furniture and complex hand carved doors.</strong>
|
||||
<h1>Professional Contracting <span>Done Right</span></h1>
|
||||
<strong class="px-textborder">JPs Contracting is capable of building anything from decks and fences to full custom houses.</strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="element-size-50">
|
||||
<!-- <div class="element-size-50">
|
||||
<div class="lightbox col-md-12">
|
||||
<div class="px-section-title">
|
||||
<h4>If it's wood, we can make it.</h4>
|
||||
@ -214,8 +213,8 @@
|
||||
<a href="#" class="px-btn">Get Quick Qoute</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="element-size-50">
|
||||
</div> !-->
|
||||
<!-- <div class="element-size-50">
|
||||
<div class="col-md-12">
|
||||
<div class="px-section-title">
|
||||
<h4>Our Work by Category</h4>
|
||||
@ -274,7 +273,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>!-->
|
||||
</section>
|
||||
<section class="page-section" style="background:url(assets/extra-images/bg-services.png) no-repeat; background-size:cover; padding:64px 0 10px;">
|
||||
<div class="container">
|
||||
@ -287,7 +286,7 @@
|
||||
<div style="text-align: center;" class="px-fancy-heading">
|
||||
<div class="px-content-inner">
|
||||
<h2>Our Services</h2>
|
||||
<p style="color:#333;">One jeepers stood owing and narrow while among that orca thanks.</p>
|
||||
<p style="color:#333;">Some of our specialties.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-carousel">
|
||||
@ -661,7 +660,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="page-section" style="padding:30px 0;">
|
||||
<!-- <section class="page-section" style="padding:30px 0;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="element-size-50">
|
||||
@ -767,8 +766,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="page-section">
|
||||
</section>!-->
|
||||
<!-- <section class="page-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="element-size-100">
|
||||
@ -795,7 +794,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>!-->
|
||||
</div>
|
||||
</main>
|
||||
<!-- Main Content -->
|
||||
@ -805,10 +804,10 @@
|
||||
<!-- <div class="row"> -->
|
||||
<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 class="logo"><a href="#"><img src="assets/images/footer-logo.png" alt=""></a></div> !-->
|
||||
</div>
|
||||
<div class="right-side">
|
||||
<div class="twitter_widget">
|
||||
<!-- <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>
|
||||
@ -833,7 +832,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>!-->
|
||||
</div>
|
||||
<div class="px-widget-block row">
|
||||
<div class="col-md-3">
|
||||
@ -849,7 +848,7 @@
|
||||
<a href="#" class="btn-map">View Map</a>
|
||||
</aside>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<!-- <div class="col-md-6">
|
||||
<aside class="widget widget_pages">
|
||||
<div class="widget-section-title">
|
||||
<h5>Our Expertise</h5>
|
||||
@ -899,14 +898,14 @@
|
||||
</form>
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
</div> !-->
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
<!-- CopyRight -->
|
||||
<section id="copyright">
|
||||
<div class="container">
|
||||
<!-- <div class="row"> -->
|
||||
<div class="social-media">
|
||||
<!-- <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>
|
||||
@ -914,8 +913,8 @@
|
||||
<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="#">PixFill</a></p>
|
||||
</div>!-->
|
||||
<p>©2016 <a href="ahoskingit.com">AHosking IT</a> All rights reserved.</p>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</section>
|
||||
@ -985,4 +984,4 @@
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user