Difference between revisions of "Template:IONIS Paris-test"

(Replaced content with "{{IONIS_Paris-testcss}} {{IONIS_Paris-menu}}")
Line 1: Line 1:
−
{{IONIS_Paris-testcss}}
+
<html>
−
{{IONIS_Paris-menu}}
+
 
 +
<head>
 +
 
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
 
 +
    <title>IONIS iGEM 2015</title>
 +
 
 +
 
 +
   
 +
</head>
 +
 
 +
<body>
 +
 
 +
 
 +
 
 +
    <!-- Header -->
 +
    <header id="top" class="header">
 +
        <div class="text-vertical-center">
 +
            <h1>HOME</h1>
 +
            <h3>The Bio Console</h3>
 +
            <br>
 +
            <a href="#about" class="btn btn-dark btn-lg">More</a>
 +
        </div>
 +
    </header>
 +
 
 +
    <!-- About -->
 +
    <section id="about" class="about">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-12 text-center">
 +
                    <h2>Learn about our project!</h2>
 +
                 
 +
                </div>
 +
            </div>
 +
            <!-- /.row -->
 +
        </div>
 +
        <!-- /.container -->
 +
    </section>
 +
 
 +
    <!-- Services -->
 +
    <!-- The circle icons use Font Awesome's stacked icon classes.-->
 +
    <section id="services" class="services bg-primary">
 +
        <div class="container">
 +
            <div class="row text-center">
 +
                <div class="col-lg-10 col-lg-offset-1">
 +
                    <h2>Our Project</h2>
 +
                    <hr class="small">
 +
                    <div class="row">
 +
                        <div class="col-md-3 col-sm-6">
 +
                            <div class="service-item">
 +
                                <span class="fa-stack fa-4x">
 +
                                <i class="fa fa-circle fa-stack-2x"></i>
 +
                                <i class="fa fa-cloud fa-stack-1x text-primary"></i>
 +
                            </span>
 +
                                <h4>
 +
                                    <strong>Bio Console</strong>
 +
                                </h4>
 +
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
                                <a href="#" class="btn btn-light">Learn More</a>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-3 col-sm-6">
 +
                            <div class="service-item">
 +
                                <span class="fa-stack fa-4x">
 +
                                <i class="fa fa-circle fa-stack-2x"></i>
 +
                                <i class="fa fa-compass fa-stack-1x text-primary"></i>
 +
                            </span>
 +
                                <h4>
 +
                                    <strong>Mobile application</strong>
 +
                                </h4>
 +
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
                                <a href="#" class="btn btn-light">Learn More</a>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-3 col-sm-6">
 +
                            <div class="service-item">
 +
                                <span class="fa-stack fa-4x">
 +
                                <i class="fa fa-circle fa-stack-2x"></i>
 +
                                <i class="fa fa-flask fa-stack-1x text-primary"></i>
 +
                            </span>
 +
                                <h4>
 +
                                    <strong>Human Practices</strong>
 +
                                </h4>
 +
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
                                <a href="#" class="btn btn-light">Learn More</a>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-3 col-sm-6">
 +
                            <div class="service-item">
 +
                                <span class="fa-stack fa-4x">
 +
                                <i class="fa fa-circle fa-stack-2x"></i>
 +
                                <i class="fa fa-shield fa-stack-1x text-primary"></i>
 +
                            </span>
 +
                                <h4>
 +
                                    <strong>Modeling</strong>
 +
                                </h4>
 +
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
                                <a href="#" class="btn btn-light">Learn More</a>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!-- /.row (nested) -->
 +
                </div>
 +
                <!-- /.col-lg-10 -->
 +
            </div>
 +
            <!-- /.row -->
 +
        </div>
 +
        <!-- /.container -->
 +
    </section>
 +
 
 +
    <!-- Callout -->
 +
    <aside class="callout">
 +
        <div class="text-vertical-center">
 +
            <h1>IONIS Paris 2015</h1>
 +
        </div>
 +
    </aside>
 +
 
 +
    <!-- Portfolio -->
 +
    <section id="portfolio" class="portfolio">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-10 col-lg-offset-1 text-center">
 +
                    <h2>Our sponsors</h2>
 +
                    <hr class="small">
 +
                    <div class="row">
 +
                        <div class="col-md-6">
 +
                            <div class="portfolio-item">
 +
                                <a href="#">
 +
 
 +
                                    <img class="img-portfolio img-responsive" src="https://static.igem.org/mediawiki/2015/9/9b/Logo-epita-hd.png">
 +
                                </a>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-6">
 +
                            <div class="portfolio-item">
 +
                                <a href="#">
 +
                                    <img class="img-portfolio img-responsive" src="https://static.igem.org/mediawiki/2015/6/6d/NEW-LOGO-EART-BASELINE-SIMPLE.jpg">
 +
                                </a>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-6">
 +
                            <div class="portfolio-item">
 +
                                <a href="#">
 +
                                    <img class="img-portfolio img-responsive" src="https://static.igem.org/mediawiki/2015/5/59/Uni_Logo.png">
 +
                                </a>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-6">
 +
                            <div class="portfolio-item">
 +
                                <a href="#">
 +
                                    <img class="img-portfolio img-responsive" src="https://static.igem.org/mediawiki/2015/3/30/LOGO-SUPBIOTECH-2015-QUADRI.png">
 +
                                </a>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <!-- /.row (nested) -->
 +
                    <a href="#" class="btn btn-dark">View More Items</a>
 +
                </div>
 +
                <!-- /.col-lg-10 -->
 +
            </div>
 +
            <!-- /.row -->
 +
        </div>
 +
        <!-- /.container -->
 +
    </section>
 +
 
 +
    <!-- Call to Action -->
 +
    <aside class="call-to-action bg-primary">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-12 text-center">
 +
                    <h3>The buttons below are impossible to resist.</h3>
 +
                    <a href="#" class="btn btn-lg btn-light">Click Me!</a>
 +
                    <a href="#" class="btn btn-lg btn-dark">Look at Me!</a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </aside>
 +
 
 +
    <!-- Map -->
 +
    <section id="contact" class="map">
 +
        <iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;aq=0&amp;oq=twitter&amp;sll=28.659344,-81.187888&amp;sspn=0.128789,0.264187&amp;ie=UTF8&amp;hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;t=m&amp;z=15&amp;iwloc=A&amp;output=embed"></iframe>
 +
        <br />
 +
        <small>
 +
            <a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;aq=0&amp;oq=twitter&amp;sll=28.659344,-81.187888&amp;sspn=0.128789,0.264187&amp;ie=UTF8&amp;hq=Twitter,+Inc.,+Market+Street,+San+Francisco,+CA&amp;t=m&amp;z=15&amp;iwloc=A"></a>
 +
        </small>
 +
        </iframe>
 +
    </section>
 +
 
 +
    <!-- Footer -->
 +
    <footer>
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-10 col-lg-offset-1 text-center">
 +
                    <h4><strong>Start Bootstrap</strong>
 +
                    </h4>
 +
                    <p>3481 Melrose Place<br>Beverly Hills, CA 90210</p>
 +
                    <ul class="list-unstyled">
 +
                        <li><i class="fa fa-phone fa-fw"></i> (123) 456-7890</li>
 +
                        <li><i class="fa fa-envelope-o fa-fw"></i>  <a href="mailto:name@example.com">name@example.com</a>
 +
                        </li>
 +
                    </ul>
 +
                    <br>
 +
                    <ul class="list-inline">
 +
                        <li>
 +
                            <a href="#"><i class="fa fa-facebook fa-fw fa-3x"></i></a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="#"><i class="fa fa-twitter fa-fw fa-3x"></i></a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="#"><i class="fa fa-dribbble fa-fw fa-3x"></i></a>
 +
                        </li>
 +
                    </ul>
 +
                    <hr class="small">
 +
                    <p class="text-muted">Copyright &copy; Your Website 2014</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </footer>
 +
 
 +
 
 +
    <!-- Custom Theme JavaScript -->
 +
    <script>
 +
    // Closes the sidebar menu
 +
    $("#menu-close").click(function(e) {
 +
        e.preventDefault();
 +
        $("#sidebar-wrapper").toggleClass("active");
 +
    });
 +
 
 +
    // Opens the sidebar menu
 +
    $("#menu-toggle").click(function(e) {
 +
        e.preventDefault();
 +
        $("#sidebar-wrapper").toggleClass("active");
 +
    });
 +
 
 +
    // Scrolls to the selected menu item on the page
 +
    $(function() {
 +
        $('a[href*=#]:not([href=#])').click(function() {
 +
            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {
 +
 
 +
                var target = $(this.hash);
 +
                target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
 +
                if (target.length) {
 +
                    $('html,body').animate({
 +
                        scrollTop: target.offset().top
 +
                    }, 1000);
 +
                    return false;
 +
                }
 +
            }
 +
        });
 +
    });
 +
    </script>
 +
 
 +
</body>
 +
 
 +
</html>

Revision as of 09:55, 17 July 2015

IONIS iGEM 2015

HOME

The Bio Console


More

Learn about our project!

Our Project

Bio Console

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Learn More

Mobile application

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Learn More

Human Practices

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Learn More

Modeling

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Learn More

Our sponsors

View More Items

Start Bootstrap

3481 Melrose Place
Beverly Hills, CA 90210


Copyright © Your Website 2014