Difference between revisions of "Template:WashU StLouis"

Line 325: Line 325:
 
         </ul>
 
         </ul>
 
     </nav>
 
     </nav>
 +
 +
</div>
 +
  <section id="footer-sec" style="background-color: #222 !important">
 +
        <div class="container">
 +
            <div class="row" style="padding-top: 30px;">
 +
                <div class="col-md-3">
 +
                    <h4 style="text-align: center">Quote</h4>
 +
                    <p><i>&ldquo;<span id="quote"></span>&rdquo;</i></p>
 +
 +
 +
                </div>
 +
                <div class="col-md-3">
 +
                    <h4 style="text-align: center"> Useful <strong>Links</strong> </h4>
 +
 +
<p>
 +
<a href="https://igem.org/Special:SpecialPages">
 +
<i class="fa fa-angle-right">
 +
</i>
 +
Special pages
 +
</a>
 +
    </p>
 +
<p>
 +
<a href="https://igem.org/Main_Page">
 +
<i class="fa fa-angle-right">
 +
</i>
 +
Main Page
 +
</a>
 +
</p>
 +
</div>
 +
                <div class="col-md-3">
 +
                    <h4 style="text-align: center"> Follow us on </h4>
 +
                    <div style="text-align: center;">
 +
                    <a href="https://www.facebook.com/WashuIgem/" target="_blank" id="facebook" style="padding: 0 0.5em 0 0;"><i class="fa fa-facebook-square fa-3x"></i></a> 
 +
                    <span style="color: grey; text-align: center;">&amp;</span>
 +
                    <a href="https://twitter.com/WashUiGEM?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank" id="twitter" style="padding: 0 0 0 0.5em;"><i class="fa fa-twitter-square fa-3x"></i></a>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-3">
 +
                    <h4 style="text-align: center"> Contact us </h4>
 +
                  <p>
 +
 +
              washu.igem<br>@gmail.com
 +
              <br>
 +
              <br>
 +
<i class="fa fa-map-marker fa-lg">
 +
</i>
 +
Im Neuenheimer Feld 267
 +
<br>
 +
69120 Heidelberg
 +
                    </p>
 +
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
<script>
 +
var quotes = ["More genes that an Macy's"];
 +
 +
$(window).ready(function(){
 +
    var rand = Math.floor(Math.random() * (quotes.length));
 +
    $('#quote').html(quotes[rand]);
 +
})
 +
 +
</script>
 +
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 16:19, 15 June 2018