added the rotation area with images

diff --git a/assets/arrow-left.jpg b/assets/arrow-left.jpg
new file mode 100644 (file)
index 0000000..bc771d9
Binary files /dev/null and b/assets/arrow-left.jpg differ

diff --git a/assets/arrow-right.jpg b/assets/arrow-right.jpg
new file mode 100644 (file)
index 0000000..f248741
Binary files /dev/null and b/assets/arrow-right.jpg differ

diff --git a/front-page.php b/front-page.php
index e89103e..36fce5e 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -16,6 +16,7 @@
                 <p><?php _e('Sorry, no posts yet');?></p>
                 <?php endif;?>
             </div>
+        </div>    
 <!--
             <div class="small-12 medium-6 large-4 columns small-text-center medium-text-left">
                 <?php //get_sidebar(); ?>
@@ -23,9 +24,23 @@
 -->
             <div id="rotation">
                 <div class="row medium-uncollapse large-collapse">
-                    
+                    <div class="medium-2 columns">
+                        <a><img src="<?php bloginfo('template_url'); ?>/assets/arrow-left.jpg"></a>
+                    </div>
+                    <div class="medium-8 columns">
+                        <ul class="small-block-grid-1 medium-block-grid-4">
+                            <li><a><img src="<?php bloginfo('template_url'); ?>/assets/sample-tour-image-1.jpg"></a></li>
+                            <li><a><img src="<?php bloginfo('template_url'); ?>/assets/sample-tour-image-2.jpg"></a></li>
+                            <li><a><img src="<?php bloginfo('template_url'); ?>/assets/sample-tour-image-3.jpg"></a></li>
+                            <li><a><img src="<?php bloginfo('template_url'); ?>/assets/sample-tour-image-4.jpg"></a></li>
+                        </ul>
+                    </div>
+                    <div class="medium-2 columns">
+                        <a><img src="<?php bloginfo('template_url'); ?>/assets/arrow-right.jpg"></a>
+                    </div>
                 </div>
             </div>
+        <div class="row">
             <div id="blog-feed" class="small- 12 columns">
                 <?php get_template_part('parts/blog-feed-home'); ?>
             </div>