windhamdavid 3 years ago
parent
commit
657db40a58
8 changed files with 290 additions and 18 deletions
  1. 3 2
      footer.php
  2. 19 2
      header.php
  3. 14 1
      js/init.js
  4. 51 0
      page-about.php
  5. 25 0
      page-blog.php
  6. 41 0
      page-home.php
  7. 26 0
      single.php
  8. 111 13
      style.css

+ 3 - 2
footer.php

@@ -3,12 +3,13 @@
 	<div class="container">
 		<div class="row">
 			<div class="col-md-4">
-				</div>
+				<p class="small light">&copy; 2016 &nbsp;|&nbsp; Privacy Policy &nbsp;|&nbsp; Terms of Use &nbsp;|&nbsp; Contact</p>
+			</div>
 			<div class="col-md-4">
 				<p class="dim"><p>
 			</div>
 			<div class="col-md-4">
-				<p class="small dim right">&copy; 2016</p>			
+				<p class="light right"><a href="" target="_blank"><span class="fb" data-toggle="tooltip" data-placement="top" title="Connect with us on Facebook"></span></a></p>			
 			</div>
 		</div>
 	</div>

+ 19 - 2
header.php

@@ -11,10 +11,27 @@
 
 <header id="masthead" class="site-header container-fluid" role="banner">
 	<div class="container site-branding">
-		<a href="<?php echo home_url( '/' ); ?>"><img src="<?php bloginfo('template_directory'); ?>/img/climatecontrol.png" alt=""></a>
+		<a href="<?php echo home_url( '/' ); ?>"><img src="<?php bloginfo('template_directory'); ?>/img/climatecontrol-new.png" width="300" alt="Climate Control Systems of Greenwood"></a>
+		<div class="call-to-action right">
+			<h3 class="work-sans">864-229-1409</h2>
+			<div class="btn-group">
+			  <button type="button" class="btn btn-call dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+				  Service Request 
+				  <span class="caret"></span>
+			  	<span class="sr-only">Toggle Dropdown</span>
+			  </button>
+			  <ul class="dropdown-menu">
+			    <li><a href="service">Service Request</a></li>
+			    <li><a href="estimate">Estimate Request</a></li>
+			    <li><a href="survey">Survey</a></li>
+			    <li><a href="contact">Contact</a></li>
+			  </ul>
+			</div>
+		</div>
+	
 	</div>
 
-	<nav class="container navbar navbar-default" role="navigation">
+	<nav class="container navbar navbar-default navbar-inverse" role="navigation">
         <div class="navbar-header">
           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
             <span class="icon-bar"></span>

+ 14 - 1
js/init.js

@@ -14,4 +14,17 @@ jQuery("document").ready(function($){
 		$(this).toggleClass("active");
 	});
  
-});
+});
+
+$(document).bind('keyup', function(e) {
+     if(e.which == 39){
+         $('.carousel').carousel('next');
+     }
+     else if(e.which == 37){
+         $('.carousel').carousel('prev');
+     }
+ });
+ 
+$(function () {
+	$('[data-toggle="tooltip"]').tooltip()
+})

File diff suppressed because it is too large
+ 51 - 0
page-about.php


+ 25 - 0
page-blog.php

@@ -0,0 +1,25 @@
+<?php get_header(); ?>
+
+	<div class="container">
+		<div id="content" role="main">
+			<main id="main" class="site-main" role="main">
+			<?php query_posts('showposts=10'); ?>
+			<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
+			<article id="content" class="single" role="main">
+				<div itemscope="" itemtype="http://schema.org/BlogPosting" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+					<div class="entry-content">
+						<div class="date">
+							<time class="updated" datetime="<?php the_time('c');?>" itemprop="datePublished"><?php the_date('n/j/Y'); ?></time>		
+						</div>
+						<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( '%s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
+						<?php the_content(); ?>
+						<div class="clear">&nbsp;</div>
+					</div>
+				</div>
+			</article>
+			<?php endwhile; ?>
+			</main>
+		</div>
+	</div>
+	
+<?php get_footer(); ?>

+ 41 - 0
page-home.php

@@ -0,0 +1,41 @@
+<?php 
+/*
+Template Name: Home
+*/
+
+get_header(); ?>
+
+<div class="container-full leader">
+	<div id="carousel-example-generic" class="carousel slide carousel-fade" data-ride="carousel">
+		<ol class="carousel-indicators">
+			<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+			<li data-target="#carousel-example-generic" data-slide-to="1"></li>
+		</ol>
+
+		<div class="carousel-inner" role="listbox">
+			<div class="item active">
+				<div class="container">
+					<img class='img-responsive col-xs-12' src="<?php bloginfo('template_directory'); ?>/img/slide1.png" alt="">
+					<div class="carousel-caption"></div>
+				</div>
+			</div>
+			<div class="item">
+				<div class="container">
+					<img class='img-responsive col-xs-12' src="<?php bloginfo('template_directory'); ?>/img/slide2.png" alt="">
+					<div class="carousel-caption"></div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+
+<div id="main-container" class="container">
+	<div id="primary" class="content-area">
+		<main id="main" class="site-main" role="main">
+
+			<?php while ( have_posts() ) : the_post(); the_content(); endwhile;?>
+
+		</main>
+	</div>
+</div>
+<?php get_footer(); ?>

+ 26 - 0
single.php

@@ -0,0 +1,26 @@
+<?php get_header(); ?>
+
+	<div class="container">
+		<article id="content" class="single" role="main">
+			<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
+			<div itemscope="" itemtype="http://schema.org/BlogPosting" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+				<div class="entry-content">
+					<div class="date">
+						<time class="updated" datetime="<?php the_time('c');?>" itemprop="datePublished"><?php the_time('n/j/Y'); ?></time>
+					</div>			
+						<?php $img_url = wp_get_attachment_image_src(get_post_thumbnail_id(),'thumbnail'); ?>
+						<img itemprop="image" src="<?php echo $img_url[0];?>" alt="thumbnail" style="display:none"/>
+					<h2 itemprop="name headline" class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
+					<?php the_content(); ?>
+					<div class="clear">&nbsp;</div>
+					<div id="nav-below" class="navigation">
+						<div class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">' . _x( '&larr;', 'Previous post link', 'daw' ) . '</span> %title' ); ?></div>
+						<div class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">' . _x( '&rarr;', 'Next post link', 'daw' ) . '</span>' ); ?></div>
+					</div>
+				</div>
+			</div>
+			<?php endwhile; ?>
+		</article>
+	</div>
+	
+<?php get_footer(); ?>

+ 111 - 13
style.css

@@ -17,18 +17,38 @@ _s | * GPL License
 
 */
 
-.site-branding {
+@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,800,300);
 
+.site-branding {
 	margin: 0px auto;
 }
+.site-branding img {
+	
+}
+.call-to-action {
+	margin: 0px 0;
+}
+.work-sans {
+	color: #EC4A21;
+ 	font-size:20px;
+ 	font-family: 'Work Sans', sans-serif;
+ 	font-weight: 800;
+}
+.btn-call {
+	background: #EC4A21;
+	color: #333;
+ 	font-size:16px;
+ 	font-family: 'Work Sans', sans-serif;
+ 	font-weight: 800 !important;
+}
 .recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}
 
 header {
-	background: #7386ac;
+	background: #333;
 }
 
 footer {
-	background: #7386ac;
+	background: #333;
 	padding: 20px 0;
 	min-height:200px;
 }
@@ -36,39 +56,61 @@ footer {
 .right {
 	float:right;
 }
+.light {
+	color: #cecece;
+}
+
+.navbar {
+	font-size:16px;
+	font-family: 'Work Sans', sans-serif;
+	font-weight: 800;
+}
 
 .navbar-toggle .icon-bar:nth-of-type(2) {
 	  top: 1px;
 }
-
 .navbar-toggle .icon-bar:nth-of-type(3) {
   	top: 2px;
 }
-
 .navbar-toggle .icon-bar {
 	  position: relative;
 	  transition: all 500ms ease-in-out;
 }
-
 .navbar-toggle.active .icon-bar:nth-of-type(1) {
 	  top: 6px;
 	  transform: rotate(45deg);
 }
-
 .navbar-toggle.active .icon-bar:nth-of-type(2) {
 	  background-color: transparent;
 }
-
 .navbar-toggle.active .icon-bar:nth-of-type(3) {
 	  top: -6px;
 	  transform: rotate(-45deg);
 }
 
 
-.site-branding img {
-	
+footer {
+	margin: 60px 0 0;
 }
 
+span.fb  {
+	float: right;
+	width: 32px;
+	height: 32px;
+	margin-left: 5px;
+	padding: 3px 4px 2px 5px;
+	background-image: url(img/fb.png) ;
+	background-position: 0 32px;
+	position: relative;
+	-webkit-transition: all ease 0.3s;
+	-moz-transition: all ease 0.3s;
+	-o-transition: all ease 0.3s;
+	-ms-transition: all ease 0.3s;
+	transition: all ease 0.3s;
+	}
+	span.fb:hover {
+		background-position: 0 0px;
+	}
 
 /* ========= Contact Form 7 =========== */
 
@@ -102,6 +144,62 @@ div.wpcf7 .screen-reader-response {
 			padding: 0;
 		}
 
+
+
+
+		.carousel-fade .carousel-inner .item {
+		  opacity: 0;
+		  transition-property: opacity;
+		}
+
+		.carousel-fade .carousel-inner .active {
+		  opacity: 1;
+		}
+
+		.carousel-fade .carousel-inner .active.left,
+		.carousel-fade .carousel-inner .active.right {
+		  left: 0;
+		  opacity: 0;
+		  z-index: 1;
+		}
+
+		.carousel-fade .carousel-inner .next.left,
+		.carousel-fade .carousel-inner .prev.right {
+		  opacity: 1;
+		}
+
+		.carousel-fade .carousel-control {
+		  z-index: 2;
+		}
+
+		/*
+		  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
+		  Need to override the 3.3 new styles for modern browsers & apply opacity
+		*/
+		@media all and (transform-3d), (-webkit-transform-3d) {
+		    .carousel-fade .carousel-inner > .item.next,
+		    .carousel-fade .carousel-inner > .item.active.right {
+		      opacity: 0;
+		      -webkit-transform: translate3d(0, 0, 0);
+		              transform: translate3d(0, 0, 0);
+		    }
+		    .carousel-fade .carousel-inner > .item.prev,
+		    .carousel-fade .carousel-inner > .item.active.left {
+		      opacity: 0;
+		      -webkit-transform: translate3d(0, 0, 0);
+		              transform: translate3d(0, 0, 0);
+		    }
+		    .carousel-fade .carousel-inner > .item.next.left,
+		    .carousel-fade .carousel-inner > .item.prev.right,
+		    .carousel-fade .carousel-inner > .item.active {
+		      opacity: 1;
+		      -webkit-transform: translate3d(0, 0, 0);
+		              transform: translate3d(0, 0, 0);
+		    }
+		}
+
+
+
 /* ========= Breakpoints =========== */
 				
  
@@ -118,20 +216,20 @@ div.wpcf7 .screen-reader-response {
 /* Small Devices, Tablets */
 @media only screen and (max-width : 768px) {
 	.site-branding img {
-	 width: 400px;
+	 width: 300px;
 	}
 }
 
 /* Extra Small Devices, Phones */ 
 @media only screen and (max-width : 480px) {
 	.site-branding img {
-	 width: 300px;
+	 width: 200px;
 	}
 }
 
 /* Custom, iPhone Retina */ 
 @media only screen and (max-width : 320px) {
 	.site-branding img {
-	 width: 300px;
+	 width: 200px;
 	}
 }