pages

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>

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>

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()
+})

page-about.php

@@ -0,0 +1,51 @@
+<?php 
+/*
+Template Name: About
+*/
+
+get_header(); ?>
+
+<div id="main-container" class="container">
+	<div class="row">
+		<div class="col-sm-8">
+			<h4>About Us</h4>
+			<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><br />
+			<h4>Our Team</h4>
+		</div>
+		<div class="col-sm-4">
+			<h4>Associations</h4>
+			<a href="<?php echo home_url( '/' ); ?>"><img src="<?php bloginfo('template_directory'); ?>/img/trane-comfort.png" width="300" alt="Trane Comfort Specialist"></a>
+			<h5>Trane Comfort Specialist</h5>
+			<p>The Trane Comfort Specialist designation means a dealer has met Trane's stringent standards and is committed to being the best in every aspect of his or her business: installation, service, employee training and customer satisfaction.</p>
+			<a target="_blank" href="http://www.bbb.org/upstatesc/business-reviews/heating-and-air-conditioning/climate-control-systems-of-greenwood-inc-in-greenwood-sc-15002405/"><img src="<?php bloginfo('template_directory'); ?>/img/bbb_accredited.png" alt="BBB Business Review"></a>
+			<h5>Better Business Bureau A+ Rating</h5>
+			<p>A BBB Accredited Business since 10/27/2006</p><br />
+			<a target="_blank" href="http://www.greenwoodscchamber.org/list/member/climate-control-systems-of-greenwood-inc-777"><img src="<?php bloginfo('template_directory'); ?>/img/Greenwood-Chamber.png" alt="Greenwood Chamber of Commerce" width="200"></a>
+			<h5>Greenwood Chamber of Commerce</h5>
+			<p>Climate Control Systems of Greenwood is a member of the Greenwood Chamber of Commerce</p>
+		</div>
+	</div>
+	<div class="row">
+		<div class="col-sm-8">
+			<h4>Testimonials</h4>
+			<p><em>“The guys just left a few minutes ago and my husband said they were absolutely great! He commented on their professionalism and attention to detail. Great Crew! There were several options in Greenwood for purchasing a Trane but I am really glad that we opted to go with you guys. If today is any indication, we will not be disappointed with the service! We will definitely recommend Climate Control!”</em></p>
+			<p><em>“Thank you so much for the great service.  The team sent out to our home was very efficient and professional.  Ivan, Mark and the rest of the team were great to work with.”</em></p>
+			<p><em>“A very professional and knowledgeable company.”</em></p>
+			<p><em>“Climate Control Systems installed my heat and A/C unit.  The unit they installed has given good service and they have always given good prompt service when called.”</em></p>
+			<p><em>“We have always been pleased with Climate Control.  They were quick to follow up problem calls with their professional, friendly and courteous staff.”</em></p>
+			<p><em>“The young man that came to my home for a seasonal check was very polite – he answered all my questions and offered advice on a part that could present problems in hot weather. He gave the price of the part – he was very kind to an 80-plus year old customer.”</em></p>
+			<p><em>“My experience with Climate Control has been positive from the first to the most recent contact.”</em></p>
+			<p><em>“Thank you so much.  It makes me feel good to know you do business in such a reputable way.”</em></p>
+			<p><em>“Climate Control is always top notch! They are always able to fix any problem quickly and with great attention to detail!”</em></p>
+			<p><em>“Too often we are quick to criticize and slow to praise.  Since we have been with Climate Control, we have been completely satisfied with the service and we thank you and your staff. There are times when someone is due extra special recognition. Monday night with the temperature in the teens and with terrible wind, Ivan Yandell came to put a new defrost panel on our heating unit. We are truly grateful for his kindness and concern for these old people. We thought you should know this.”</em></p>
+		</div>
+		<div class="col-sm-4">
+
+		</div>
+	</div>	
+</div>
+<?php get_footer(); ?>

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(); ?>

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(); ?>

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(); ?>

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;
 	}
 }