Team:IIT Madras/new

From 2013.igem.org

(Difference between revisions)
Line 63: Line 63:
             </div>
             </div>
           </div>
           </div>
 +
<footer id="footer" role="contentinfo" class="animated color-site-dark">
 +
   
 +
       
 +
    <div class="footer-sidebar">
 +
            <div id="supplementary" class="wrapper clearfix columns col-3">
 +
                                <div id="first" class="widget-area" role="complementary">
 +
                    <div id="ti-about-site-2" class="widget widget_ti-about-site"><h3>ABOUT</h3><img src="http://fltdsgn.com/wp-content/uploads/2013/06/fltdsgn_logo1.png" alt="Flat UI Design"><p>FlatDesign is a showcase of some of the best examples of web design using the flat UI style/aesthetic.</p><ul class="social clearfix"><li><a href="http://feeds.feedburner.com/FlatDesign" aria-hidden="true" class="icon-feed"></a></li><li><a href="http://www.twitter.com/fltdsgn" aria-hidden="true" class="icon-twitter"></a></li><li><a href="http://www.facebook.com/fltdsgn" aria-hidden="true" class="icon-facebook"></a></li><li><a href="http://www.pinterest.com/fltdsgn" aria-hidden="true" class="icon-pinterest"></a></li></ul></div>                </div><!-- #first .widget-area -->
 +
                           
 +
                                <div id="second" class="widget-area" role="complementary">
 +
                    <div id="ti_latest_posts-2" class="widget widget_ti_latest_posts"><h3>Latest</h3>           
 +
                       
 +
            <div class="flexslider">
 +
                            <div class="flex-viewport" style="overflow: hidden; position: relative; height: 179px;"><ul class="slides" style="width: 1000%; margin-left: -221px;"><li class="clone" aria-hidden="true" style="width: 221px; float: left; display: block;">                                                         
 +
                            <figure class="entry-image inview">
 +
                                <a href="http://fltdsgn.com/tinybigstudio/">
 +
                                    <img src="http://i1.wp.com/fltdsgn.com/wp-content/uploads/2013/08/Tinybigstudio1.jpg?resize=600%2C400" class="attachment-medium-size wp-post-image" alt="Tinybigstudio" draggable="false">                                </a>
 +
                            </figure>
 +
                           
 +
                            <h2 class="entry-title">
 +
                                <a href="http://fltdsgn.com/tinybigstudio/">Tinybigstudio</a>
 +
                            </h2>
 +
                           
 +
                        </li>
 +
                                       
 +
                    <li style="width: 221px; float: left; display: block;" class="flex-active-slide">                                                         
 +
                            <figure class="entry-image inview">
 +
                                <a href="http://fltdsgn.com/babbit/">
 +
                                    <img src="http://i0.wp.com/fltdsgn.com/wp-content/uploads/2013/08/Babbit.jpg?resize=600%2C400" class="attachment-medium-size wp-post-image" alt="Babbit" draggable="false">                                </a>
 +
                            </figure>
 +
                           
 +
                            <h2 class="entry-title">
 +
                                <a href="http://fltdsgn.com/babbit/">Babbit</a>
 +
                            </h2>
 +
                           
 +
                        </li>                   
 +
                                       
 +
                    <li style="width: 221px; float: left; display: block;" class="">                                                         
 +
                            <figure class="entry-image inview">
 +
                                <a href="http://fltdsgn.com/caleb-sylvest/">
 +
                                    <img src="http://i0.wp.com/fltdsgn.com/wp-content/uploads/2013/08/Caleb-Sylvest1.jpg?resize=600%2C400" class="attachment-medium-size wp-post-image" alt="Caleb Sylvest" draggable="false">                                </a>
 +
                            </figure>
 +
                           
 +
                            <h2 class="entry-title">
 +
                                <a href="http://fltdsgn.com/caleb-sylvest/">Caleb Sylvest</a>
 +
                            </h2>
 +
                           
 +
                        </li>                   
 +
                                       
 +
                    <li style="width: 221px; float: left; display: block;" class="">                                                         
 +
                            <figure class="entry-image inview">
 +
                                <a href="http://fltdsgn.com/tinybigstudio/">
 +
                                    <img src="http://i1.wp.com/fltdsgn.com/wp-content/uploads/2013/08/Tinybigstudio1.jpg?resize=600%2C400" class="attachment-medium-size wp-post-image" alt="Tinybigstudio" draggable="false">                                </a>
 +
                            </figure>
 +
                           
 +
                            <h2 class="entry-title">
 +
                                <a href="http://fltdsgn.com/tinybigstudio/">Tinybigstudio</a>
 +
                            </h2>
 +
                           
 +
                        </li>                   
 +
                                       
 +
                <li style="width: 221px; float: left; display: block;" class="clone" aria-hidden="true">                                                         
 +
                            <figure class="entry-image inview">
 +
                                <a href="http://fltdsgn.com/babbit/">
 +
                                    <img src="http://i0.wp.com/fltdsgn.com/wp-content/uploads/2013/08/Babbit.jpg?resize=600%2C400" class="attachment-medium-size wp-post-image" alt="Babbit" draggable="false">                                </a>
 +
                            </figure>
 +
                           
 +
                            <h2 class="entry-title">
 +
                                <a href="http://fltdsgn.com/babbit/">Babbit</a>
 +
                            </h2>
 +
                           
 +
                        </li></ul></div><ul class="flex-direction-nav"><li><a class="flex-prev" href="#"><i class="icon-chevron-left"></i></a></li><li><a class="flex-next" href="#"><i class="icon-chevron-right"></i></a></li></ul></div>
 +
 +
           
 +
 +
    </div>                </div><!-- #second .widget-area -->
 +
                           
 +
                                <div id="third" class="widget-area" role="complementary">
 +
                    <div id="text-4" class="widget widget_text"><h3>SUBSCRIBE FOR WEEKLY UPDATES</h3> <div class="textwidget"><p><!-- Begin MailChimp Signup Form --></p>
 +
<link href="http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
 +
<style type="text/css">
 +
#mc_embed_signup{background:#f242628; clear:left; font:14px Helvetica,Arial,sans-serif;  width:400px;}
 +
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
 +
  We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
 +
</style>
 +
<div id="mc_embed_signup">
 +
<form action="http://fltdsgn.us7.list-manage.com/subscribe/post?u=e87ebe1049c5744c4fdeca15d&amp;id=926d4c9b40" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
 +
<label for="mce-EMAIL"></label><br>
 +
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required=""><p></p>
 +
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
 +
</form>
 +
</div>
 +
<p><!--End mc_embed_signup--></p>
 +
</div>
 +
</div>                </div><!-- #third .widget-area -->
 +
                            </div><!-- #supplementary -->
 +
</div>       
 +
        <div class="copyright">
 +
            <div class="wrapper">
 +
            <div class="grids">
 +
                    <div class="grid-10">
 +
                        Copyright © 2013 Fltdsgn. All screenshots © of their respective owners.                    </div>
 +
                    <div class="grid-2">
 +
                        <a href="#" class="back-top">Back to top <i class="icon-chevron-up"></i></a>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
           
 +
    </footer>
<script src="http://designmodo.github.io/Flat-UI/js/jquery-1.8.3.min.js"></script>
<script src="http://designmodo.github.io/Flat-UI/js/jquery-1.8.3.min.js"></script>

Revision as of 16:30, 28 August 2013