Team:TecMonterrey/test1

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
<head>
<style type="text/css">
<style type="text/css">
Line 48: Line 49:
</style>
</style>
 +
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
 +
    <!-- Styles -->
 +
    <link href="css/bootstrap.css" rel="stylesheet">
 +
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
 +
 +
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
 +
    <link rel="stylesheet" type="text/css" href="css/lib/animate.css" media="screen, projection">   
 +
 +
    <!--[if lt IE 9]>
 +
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 +
    <![endif]-->
 +
</head>
<body>
<body>
-
<div class="container">
+
    <div class="container">
<div class="row">
<div class="row">
<div class="span12">
<div class="span12">
Line 227: Line 242:
</div>
</div>
</div>
</div>
-
</body>
 
 +
    <!-- starts footer -->
 +
    <footer id="footer">
 +
        <div class="container">
 +
            <div class="row sections">
 +
                <div class="span4 recent_posts">
 +
                    <h3 class="footer_header">
 +
                        Recent Posts
 +
                    </h3>
 +
                    <div class="post">
 +
                        <a href="blogpost.html">
 +
                            <img src="img/recent_post1.png" class="img-circle" />
 +
                        </a>
 +
                        <div class="date">
 +
                            Wed, 12 Dec
 +
                        </div>
 +
                        <a href="blogpost.html" class="title">
 +
                            Randomised words which don't look embarrasing hidden.
 +
                        </a>
 +
                    </div>
 +
                    <div class="post">
 +
                        <a href="blogpost.html">
 +
                            <img src="img/recent_post2.png" class="img-circle" />
 +
                        </a>
 +
                        <div class="date">
 +
                            Mon, 12 Dec
 +
                        </div>
 +
                        <a href="blogpost.html" class="title">
 +
                            Randomised words which don't look embarrasing hidden.
 +
                        </a>
 +
                    </div>
 +
                </div>
 +
                <div class="span4 testimonials">
 +
                    <h3 class="footer_header">
 +
                        Testimonials
 +
                    </h3>
 +
                    <div class="wrapper">
 +
                        <div class="quote">
 +
                            <span>“</span>
 +
                            There are many variations of passages of randomised words which don't look even slightly believable. You need to be sure there isn't anything embarrassing of text.
 +
                            <span></span>
 +
                        </div>
 +
                        <div class="author">
 +
                            <img src="img/user-display.png" />
 +
                            <div class="name">Alejandra Galvan Castillo</div>
 +
                            <div class="info">
 +
                                Details Canvas
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="span4 contact">
 +
                    <h3 class="footer_header">
 +
                        Contact
 +
                    </h3>
 +
                    <form action="#" method="post">
 +
                        <input type="text" placeholder="Your name" />
 +
                        <input type="text" placeholder="Your email" />
 +
                        <textarea rows="3" placeholder="Message"></textarea>
 +
                        <input type="submit" value="Send" />
 +
                    </form>
 +
                </div>
 +
            </div>
 +
            <div class="row credits">
 +
                <div class="span12">
 +
                    <div class="row social">
 +
                        <div class="span12">
 +
                            <a href="#" class="facebook">
 +
                                <span class="socialicons ico1"></span>
 +
                                <span class="socialicons_h ico1h"></span>
 +
                            </a>
 +
                            <a href="#" class="twitter">
 +
                                <span class="socialicons ico2"></span>
 +
                                <span class="socialicons_h ico2h"></span>
 +
                            </a>
 +
                            <a href="#" class="gplus">
 +
                                <span class="socialicons ico3"></span>
 +
                                <span class="socialicons_h ico3h"></span>
 +
                            </a>
 +
                            <a href="#" class="flickr">
 +
                                <span class="socialicons ico4"></span>
 +
                                <span class="socialicons_h ico4h"></span>
 +
                            </a>
 +
                            <a href="#" class="pinterest">
 +
                                <span class="socialicons ico5"></span>
 +
                                <span class="socialicons_h ico5h"></span>
 +
                            </a>
 +
                            <a href="#" class="dribble">
 +
                                <span class="socialicons ico6"></span>
 +
                                <span class="socialicons_h ico6h"></span>
 +
                            </a>
 +
                            <a href="#" class="behance">
 +
                                <span class="socialicons ico7"></span>
 +
                                <span class="socialicons_h ico7h"></span>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
                    <div class="row copyright">
 +
                        <div class="span12">
 +
                            © 2013 Clean Canvas. All rights reserved. Theme by Detail Canvas.
 +
                        </div>
 +
                    </div>
 +
                </div>           
 +
            </div>
 +
        </div>
 +
    </footer>
 +
 +
    <!-- Scripts -->
 +
    <script src="http://code.jquery.com/jquery-latest.js"></script>
 +
    <script src="js/bootstrap.min.js"></script>
 +
    <script src="js/theme.js"></script>
 +
 +
    <script type="text/javascript" src="js/index-slider.js"></script>
 +
</body>
</html>
</html>

Revision as of 03:40, 6 September 2013

h3. Lorem ipsum dolor sit amet.

  • 300x200

    Thumbnail label

    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

    Action Action

  • 300x200

    Thumbnail label

    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

    Action Action

  • 300x200

    Thumbnail label

    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

    Action Action