Difference between revisions of "Team:Cornell NY/Test"

 
(41 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<html>
+
 
−
<style>
+
<html lang="en">
−
#sideMenu, #top_title {display:none;}
+
 
 +
 
 +
 
 +
<style>/********************************* WIKI RESET  ********************************/
 +
 
 +
#sideMenu, #top_title {display:none;}
 +
#content { padding:0px; width:100%;margin-top:2px; margin-left:0px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
 +
body {background-color:white; font-family:"Trebuchet MS", Helvetica, sans-serif; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
.mediawiki {
 +
background: #f6f6f6;
 +
}
 +
 
 +
 
 +
 +
#globalWrapper {
 +
background-color: transparent;
 +
border: none;
 +
margin: 0;
 +
padding: 0;
 +
width: 100%;
 +
height: 100%;
 +
margin-top: -10px;
 +
font-size: 100%;
 +
}
 +
 
 +
#bodyContent {
 +
border: none;
 +
padding: 0px;
 +
margin: 0px;
 +
width: 100%;
 +
height: 100%;
 +
potition: relative;
 +
}
 +
#top-section {
 +
width: 65%;
 +
position: absolute;
 +
z-index: 5000;
 +
height: 15px;
 +
margin-left: 150px;
 +
margin-right: auto;
 +
margin-bottom: 0 !important;
 +
padding: 0;
 +
border: none;
 +
font-size: 10px;
 +
}
 +
#p-logo {
 +
height: 1px;
 +
overflow: hidden;
 +
display: none;
 +
}
 +
#search-controls {
 +
overflow: hidden;
 +
display: block;
 +
background: none;
 +
position: absolute;
 +
top: 100px;
 +
right: 40px;
 +
}
 +
 
 +
#menubar {
 +
top: 0px;
 +
}
 +
 
 +
#menubar.left-menu {
 +
/* margin-top: -80px; uncomment this when page goes live */
 +
background: none;
 +
height: 20px;
 +
left: 20px;
 +
float: left;
 +
}
 +
.left-menu ul {
 +
visibility: visible;
 +
}
 +
 
 +
.left-menu ul li a {
 +
color: #666;
 +
}
 +
 
 +
.left-menu li a:hover {
 +
color: #aaaaff !important;
 +
text-decoration: none;
 +
}
 +
#menubar.right-menu {
 +
display: block;
 +
width: 300px;
 +
float: left;
 +
margin-top: 2px;
 +
margin-right: 0px;
 +
border: none;
 +
}
 +
.right-menu ul {
 +
width: 300px;
 +
margin: 0px;
 +
visibility: visible;
 +
}
 +
.right-menu ul li a {
 +
background: none;
 +
color: #666;
 +
}
 +
 
 +
.right-menu:hover {
 +
color: white;
 +
}
 +
 
 +
#footer-box {
 +
width: 100%;
 +
margin: -10px auto 0 auto;
 +
padding: 20px 0;
 +
display: none; /* uncomment when page goes live */
 +
}
 +
.visualClear {
 +
display: none;
 +
}
 +
#footer {
 +
border: none;
 +
width: 965px;
 +
margin: 0 auto;
 +
padding: 0;
 +
}
 +
.firstHeading {
 +
display: none;
 +
}
 +
#f-list a {
 +
color: #333;
 +
font-size: 10px;
 +
}
 +
#f-list a:hover {
 +
color: #666;
 +
}
 +
.printfooter {
 +
display: none;
 +
}
 +
#footer ul {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
#footer ul li {
 +
margin-top: 0;
 +
margin-bottom: 0;
 +
margin-left: 10px;
 +
margin-right: 10px;
 +
padding: 0;
 +
}
 +
#search-controls {
 +
display: none;
 +
}
 +
h3#siteSub {
 +
display: none;
 +
}
 +
#contentSub {
 +
display: none;
 +
}
 +
p:first-child {
 +
display: none;
 +
}
 +
#catlinks {
 +
display: none;
 +
}
 +
#footer-box {
 +
width: 977px;
 +
margin-bottom: 20px;
 +
}
 +
 
 
</style>
 
</style>
 +
 +
 +
 +
<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>Creative - Start Bootstrap Theme</title>
 +
 +
    <link href="https://2016.igem.org/Team:Cornell_NY/CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
<script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/JS?action=raw&ctype=text/javascript"></script>
 +
 +
  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
 +
    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
 +
 +
 +
 +
<script  type="text/javascript"  src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
 +
 +
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
    <!--[if lt IE 9]>
 +
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 +
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
 +
</head>
 +
 +
<body id="page-top">
 +
 +
    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
 +
        <div class="container-fluid">
 +
            <!-- Brand and toggle get grouped for better mobile display -->
 +
            <div class="navbar-header">
 +
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
 +
                </button>
 +
                <a class="navbar-brand page-scroll" href="#page-top">Start Bootstrap</a>
 +
            </div>
 +
 +
            <!-- Collect the nav links, forms, and other content for toggling -->
 +
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
                <ul class="nav navbar-nav navbar-right">
 +
                    <li>
 +
                        <a class="page-scroll" href="#about">About</a>
 +
                    </li>
 +
                    <li>
 +
                        <a class="page-scroll" href="#services">Services</a>
 +
                    </li>
 +
                    <li>
 +
                        <a class="page-scroll" href="#portfolio">Portfolio</a>
 +
                    </li>
 +
                    <li>
 +
                        <a class="page-scroll" href="#contact">Contact</a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
            <!-- /.navbar-collapse -->
 +
        </div>
 +
        <!-- /.container-fluid -->
 +
    </nav>
 +
 +
    <header>
 +
        <div class="header-content">
 +
            <div class="header-content-inner">
 +
                <h1 id="homeHeading">Your Favorite Source of Free Bootstrap Themes</h1>
 +
                <hr>
 +
                <p>Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!</p>
 +
                <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
 +
            </div>
 +
        </div>
 +
    </header>
 +
 +
    <section class="bg-primary" id="about">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-8 col-lg-offset-2 text-center">
 +
                    <h2 class="section-heading">We've got what you need!</h2>
 +
                    <hr class="light">
 +
                    <p class="text-faded">Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!</p>
 +
                    <a href="#services" class="page-scroll btn btn-default btn-xl sr-button">Get Started!</a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
    <section id="services">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-12 text-center">
 +
                    <h2 class="section-heading">At Your Service</h2>
 +
                    <hr class="primary">
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-3 col-md-6 text-center">
 +
                    <div class="service-box">
 +
                        <i class="fa fa-4x fa-diamond text-primary sr-icons"></i>
 +
                        <h3>Sturdy Templates</h3>
 +
                        <p class="text-muted">Our templates are updated regularly so they don't break.</p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-lg-3 col-md-6 text-center">
 +
                    <div class="service-box">
 +
                        <i class="fa fa-4x fa-paper-plane text-primary sr-icons"></i>
 +
                        <h3>Ready to Ship</h3>
 +
                        <p class="text-muted">You can use this theme as is, or you can make changes!</p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-lg-3 col-md-6 text-center">
 +
                    <div class="service-box">
 +
                        <i class="fa fa-4x fa-newspaper-o text-primary sr-icons"></i>
 +
                        <h3>Up to Date</h3>
 +
                        <p class="text-muted">We update dependencies to keep things fresh.</p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-lg-3 col-md-6 text-center">
 +
                    <div class="service-box">
 +
                        <i class="fa fa-4x fa-heart text-primary sr-icons"></i>
 +
                        <h3>Made with Love</h3>
 +
                        <p class="text-muted">You have to make your websites with love these days!</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
    <section class="no-padding" id="portfolio">
 +
        <div class="container-fluid">
 +
            <div class="row no-gutter popup-gallery">
 +
                <div class="col-lg-4 col-sm-6">
 +
                    <a href="img/portfolio/fullsize/1.jpg" class="portfolio-box">
 +
                        <img src="img/portfolio/thumbnails/1.jpg" class="img-responsive" alt="">
 +
                        <div class="portfolio-box-caption">
 +
                            <div class="portfolio-box-caption-content">
 +
                                <div class="project-category text-faded">
 +
                                    Category
 +
                                </div>
 +
                                <div class="project-name">
 +
                                    Project Name
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-sm-6">
 +
                    <a href="img/portfolio/fullsize/2.jpg" class="portfolio-box">
 +
                        <img src="img/portfolio/thumbnails/2.jpg" class="img-responsive" alt="">
 +
                        <div class="portfolio-box-caption">
 +
                            <div class="portfolio-box-caption-content">
 +
                                <div class="project-category text-faded">
 +
                                    Category
 +
                                </div>
 +
                                <div class="project-name">
 +
                                    Project Name
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-sm-6">
 +
                    <a href="img/portfolio/fullsize/3.jpg" class="portfolio-box">
 +
                        <img src="img/portfolio/thumbnails/3.jpg" class="img-responsive" alt="">
 +
                        <div class="portfolio-box-caption">
 +
                            <div class="portfolio-box-caption-content">
 +
                                <div class="project-category text-faded">
 +
                                    Category
 +
                                </div>
 +
                                <div class="project-name">
 +
                                    Project Name
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-sm-6">
 +
                    <a href="img/portfolio/fullsize/4.jpg" class="portfolio-box">
 +
                        <img src="img/portfolio/thumbnails/4.jpg" class="img-responsive" alt="">
 +
                        <div class="portfolio-box-caption">
 +
                            <div class="portfolio-box-caption-content">
 +
                                <div class="project-category text-faded">
 +
                                    Category
 +
                                </div>
 +
                                <div class="project-name">
 +
                                    Project Name
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-sm-6">
 +
                    <a href="img/portfolio/fullsize/5.jpg" class="portfolio-box">
 +
                        <img src="img/portfolio/thumbnails/5.jpg" class="img-responsive" alt="">
 +
                        <div class="portfolio-box-caption">
 +
                            <div class="portfolio-box-caption-content">
 +
                                <div class="project-category text-faded">
 +
                                    Category
 +
                                </div>
 +
                                <div class="project-name">
 +
                                    Project Name
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-sm-6">
 +
                    <a href="img/portfolio/fullsize/6.jpg" class="portfolio-box">
 +
                        <img src="img/portfolio/thumbnails/6.jpg" class="img-responsive" alt="">
 +
                        <div class="portfolio-box-caption">
 +
                            <div class="portfolio-box-caption-content">
 +
                                <div class="project-category text-faded">
 +
                                    Category
 +
                                </div>
 +
                                <div class="project-name">
 +
                                    Project Name
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
    <aside class="bg-dark">
 +
        <div class="container text-center">
 +
            <div class="call-to-action">
 +
                <h2>Free Download at Start Bootstrap!</h2>
 +
                <a href="http://startbootstrap.com/template-overviews/creative/" class="btn btn-default btn-xl sr-button">Download Now!</a>
 +
            </div>
 +
        </div>
 +
    </aside>
 +
 +
    <section id="contact">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-8 col-lg-offset-2 text-center">
 +
                    <h2 class="section-heading">Let's Get In Touch!</h2>
 +
                    <hr class="primary">
 +
                    <p>Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
 +
                </div>
 +
                <div class="col-lg-4 col-lg-offset-2 text-center">
 +
                    <i class="fa fa-phone fa-3x sr-contact"></i>
 +
                    <p>123-456-6789</p>
 +
                </div>
 +
                <div class="col-lg-4 text-center">
 +
                    <i class="fa fa-envelope-o fa-3x sr-contact"></i>
 +
                    <p><a href="mailto:your-email@your-domain.com">feedback@startbootstrap.com</a></p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
 
 +
 +
 +
</body>
 +
 +
</html>

Latest revision as of 03:38, 14 September 2016

Creative - Start Bootstrap Theme

Your Favorite Source of Free Bootstrap Themes

Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!

Find Out More

We've got what you need!

Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!

Get Started!

At Your Service

Sturdy Templates

Our templates are updated regularly so they don't break.

Ready to Ship

You can use this theme as is, or you can make changes!

Up to Date

We update dependencies to keep things fresh.

Made with Love

You have to make your websites with love these days!

Category
Project Name
Category
Project Name
Category
Project Name
Category
Project Name
Category
Project Name
Category
Project Name

Let's Get In Touch!

Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!

123-456-6789

feedback@startbootstrap.com