More styling, testimonial sliding using jQuery.

diff --git a/css/app.css b/css/app.css
index d911795..b10122f 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -13801,13 +13801,13 @@ article h2 {
   padding: 20px;
   text-align: center; }
 
-#homepage_market_experts > h1 {
-  font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
-  font-weight: normal; }
-
 #homepage_market_experts > div {
   padding: 15px; }
 
+.home_section_title {
+  font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
+  font-weight: normal; }
+
 .homepage_box {
   height: 215px;
   border: 1px black solid;
@@ -13918,6 +13918,7 @@ article h2 {
   background-position: center; }
 
 
+
 #homepage_problem_solvers {
   text-align: center; }
 

diff --git a/footer.php b/footer.php
index 5a9c94b..444dc62 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -30,6 +30,44 @@
     <?php do_action('foundationPress_layout_end'); ?>
     </div>
 </div>
+<script>
+//    jQuery(document).ready( function() {
+//        if (jQuery("#testimonial1").is(":visible")) {
+//            alert("Hello 1");
+//        } else if (jQuery("#testimonial2").is(":visible")) {
+//            alert("Hello 2");
+//        } else if (jQuery)
+//    });
+        
+        jQuery(document).ready( function() {
+            jQuery("#testimonial2").hide();
+            jQuery("#testimonial3").hide();
+        jQuery(".homepage_testimonials_rarrow").click(function() {
+            if (jQuery("#testimonial1").is(":visible")) {
+                jQuery("#testimonial1").fadeOut(function() {
+                jQuery("#testimonial2").fadeIn()});
+            } else if (jQuery("#testimonial2").is(":visible")) {
+                jQuery("#testimonial2").fadeOut(function() {
+                jQuery("#testimonial3").fadeIn()});
+            } else if (jQuery("#testimonial3").is(":visible")) {
+                jQuery("#testimonial3").fadeOut(function() {
+                jQuery("#testimonial1").fadeIn()});
+            }
+        });
+        jQuery(".homepage_testimonials_larrow").click(function() {
+            if (jQuery("#testimonial1").is(":visible")) {
+                jQuery("#testimonial1").fadeOut(function() {
+                jQuery("#testimonial3").fadeIn()});
+            } else if (jQuery("#testimonial2").is(":visible")) {
+                jQuery("#testimonial2").fadeOut(function() {
+                jQuery("#testimonial1").fadeIn()});
+            } else if (jQuery("#testimonial3").is(":visible")) {
+                jQuery("#testimonial3").fadeOut(function() {
+                jQuery("#testimonial2").fadeIn()});
+            }
+        });
+    });
+</script>
 <?php wp_footer(); ?>
 <?php do_action('foundationPress_before_closing_body'); ?>
 </body>

diff --git a/page-5.php b/page-5.php
index af4520c..95500cf 100644 (file)
--- a/page-5.php
+++ b/page-5.php
@@ -21,14 +21,14 @@ get_header(); ?>
                 <?php do_action('foundationPress_page_before_entry_content'); ?>
                 <div class="entry-content">
                     <div id='homepage_market_experts' class="row">
-                        <h1>Market Experts</h1>
+                        <h1 class="home_section_title">Market Experts</h1>
                         <div class="small-12 medium-8 medium-centered large-4 large-uncentered columns">
                             <div class='homepage_box'>
                                 <div class="homepage_box_title">
                                     Travel & Tourism
                                 </div>
                                 <div class="homepage_box_desc">
-                                    Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla Blablabla.
+                                    Nestium numquam, conest, to comnis est, illes venitibus milit um! 
                                 </div>
                                 <div class="homepage_box_arrow">
                                     <div></div>
@@ -64,44 +64,58 @@ get_header(); ?>
                         </div>
                     </div> <!--Market Experts -->
                     <div id="homepage_portfolio" class="row"> 
-                        <h1>Portfolio of Results</h1>
-                        <p>Since 1995, Gaslight Media blab labl ablabalbla abla bal bal bla blabla!</p>
+                        <h1 class="home_section_title">Portfolio of Results</h1>
+                        <p>
+                            Nestium numquam, conest, to comnis est, illes venitibus milit um! 
+                        </p>
                         <div id="homepage_galley_1" class="gallery">
                             
                         </div>
                     </div> <!-- Portfolio -->
                     <div id="homepage_testimonials" class="row">
-                        <a href="#">
+<!--                        <a href="#">-->
                             <div class="small-2 medium-1 columns homepage_testimonials_larrow">
                                 <div class="homepage_testimonials_over">
                                 </div>    
                             </div>
-                        </a>
+<!--                        </a>-->
                         <div class="small-8 medium-10 columns homepage_testimonials_text">
-                            <a href="#">
-                                    <p>
-                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
-                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim 
-                                        ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut 
-                                        aliquip ex ea commodo consequat. Duis aute irure dolor in 
-                                        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 
-                                        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in 
-                                        culpa qui officia deserunt mollit anim id est.
-                                    </p>
-                                </a>
+<!--                            <a href="#">-->
+                                <p id="testimonial1">
+                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
+                                    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim 
+                                    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut 
+                                    aliquip ex ea commodo consequat. Duis aute irure dolor in 
+                                    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 
+                                    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in 
+                                    culpa qui officia deserunt mollit anim id est.
+                                </p>
+                                <p id="testimonial2">
+                                    A testimonial resplendent in fabulosity.
+                                </p>
+                                <p id="testimonial3">
+                                    Net or valta vailë lingwë, ná hos sáma luhta. Tuo tundo tellaurë ré. 
+                                    É nulda atalantëa arantyalmë írë, huo ai vírë heri valinor, an ela 
+                                    pahta mornië métima. Pica astar tumna írë be, fernë amaurëa mac up. 
+                                    Hón sú tenna ontani alahasta, ría ya lissë nahamna arnanor. Ter sá 
+                                    engwa naitya, ëa tuc aman línë lenca. Lú laicë silma ela, heri fernë
+                                    tië sá. Nimba silninquita tuc uë, oa mir yávë metta. Ep oio yára 
+                                    avamarwa, nar ta ilca nahamna leryalehtya. Rer mí hísië vaina leryalehtya.
+                                </p>
+<!--                            </a>-->
                         </div>
-                        <a href="#">
-                            
+<!--                        <a href="#">-->
                             <div class="small-2 medium-1 columns homepage_testimonials_rarrow">
                                 <div class="homepage_testimonials_over">
                                 </div>    
                             </div>
-                        </a>
+<!--                        </a>-->
                     </div>
                     <div id="homepage_problem_solvers" class="row">
-                        <h1>Problem Solvers</h1>
+                        <h1 class="home_section_title">Problem Solvers</h1>
                         <p>Nestium numquam, conest, to comnis est, illes venitibus milit um velitation
-                            occatibus at aut lab is inctaeribus rep occupta!</p>
+                            occatibus at aut lab is inctaeribus rep occupta!
+                        </p>
                     </div> <!-- Problem Solvers -->
                     <?php the_content(); ?>
                 </div>

diff --git a/scss/site/_structure.scss b/scss/site/_structure.scss
index e479ad8..5306320 100644 (file)
--- a/scss/site/_structure.scss
+++ b/scss/site/_structure.scss
@@ -383,13 +383,13 @@ article h2 {
         padding: 20px;
         text-align: center;
     }
-    #homepage_market_experts > h1 {
-        font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
-        font-weight: normal;
-    }    
     #homepage_market_experts > div {
         padding: 15px;
     }
+    .home_section_title {
+        font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
+        font-weight: normal;
+    }    
     .homepage_box {
         height: 215px;
         border: 1px black solid;
@@ -509,14 +509,15 @@ article h2 {
     }
     .homepage_testimonials_rarrow:hover {
         
+    }
+    #testimonial2, #testimonial3 {
+/*        visibility: hidden;*/
     }
     #homepage_problem_solvers {
         text-align:center;
-        
     }
     #homepage_gallery {
         text-align:center;
-        
     }