Difference between revisions of "Team:Cornell/sandbox"

Line 1: Line 1:
−
 
 
<!DOCTYPE html>
 
<!DOCTYPE html>
−
<html lang="en">
+
<html class="full" lang="en">
 +
<!-- Make sure the <html> tag is set to the .full CSS class. Change the background image in the full.css file. -->
  
 
<head>
 
<head>
Line 11: Line 11:
 
     <meta name="author" content="">
 
     <meta name="author" content="">
  
−
     <title>Full Width Pics - Start Bootstrap Template</title>
+
     <title>Full - Start Bootstrap Template</title>
  
−
     <!-- CSS -->
+
     <!-- Bootstrap Core CSS -->
−
<link href="https://2015.igem.org/Team:Cornell/style?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
    <link href="https://2015.igem.org/Team:Cornell/style?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
−
    <style>
+
<style>
 
/*!
 
/*!
−
* Start Bootstrap - Full Width Pics HTML Template (http://startbootstrap.com)
+
* Start Bootstrap - Full HTML Template (http://startbootstrap.com)
 
* Code licensed under the Apache License v2.0.
 
* Code licensed under the Apache License v2.0.
 
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
 
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
Line 26: Line 26:
 
}
 
}
  
−
.image-bg-fluid-height,
+
/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */
−
.image-bg-fixed-height {
+
 
−
text-align: center;
+
.full {
 +
background: url('http://placehold.it/1920x1080') no-repeat center center fixed;
 
-webkit-background-size: cover;
 
-webkit-background-size: cover;
 
-moz-background-size: cover;
 
-moz-background-size: cover;
 
background-size: cover;
 
background-size: cover;
 
-o-background-size: cover;
 
-o-background-size: cover;
−
}
 
−
 
−
.image-bg-fluid-height {
 
−
background: url('http://lorempixel.com/g/1920/500/') no-repeat center center scroll;
 
−
padding: 100px 0;
 
−
}
 
−
 
−
.image-bg-fixed-height {
 
−
background: url('http://lorempixel.com/g/1920/500/') no-repeat center center scroll;
 
−
height: 450px;
 
−
}
 
−
 
−
.img-center {
 
−
margin: 0 auto;
 
−
}
 
−
 
−
section {
 
−
padding: 75px 0;
 
−
}
 
−
 
−
.section-heading {
 
−
margin: 30px 0;
 
−
font-size: 4em;
 
−
}
 
−
 
−
.section-lead {
 
−
margin: 30px 0;
 
−
}
 
−
 
−
.section-paragraph {
 
−
margin: 30px 0;
 
−
}
 
−
 
−
footer {
 
−
margin: 50px 0;
 
−
}
 
−
 
−
@media(max-width:768px) {
 
−
section {
 
−
padding-top: 25px;
 
−
padding-bottom: 25px;
 
−
}
 
−
 
−
.section-heading {
 
−
font-size: 2em;
 
−
}
 
 
}
 
}
 
</style>
 
</style>
−
 
 
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
     <!-- 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:// -->
 
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
Line 92: Line 46:
  
 
<body>
 
<body>
 +
 
     <!-- Navigation -->
 
     <!-- Navigation -->
 
     <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 
     <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
Line 124: Line 79:
 
     </nav>
 
     </nav>
  
−
     <!-- Full Width Image Header with Logo -->
+
     <!-- Put your page content here! -->
−
    <!-- Image backgrounds are set within the full-width-pics.css file. -->
+
−
    <header class="image-bg-fluid-height">
+
−
        <img class="img-responsive img-center" src="http://placehold.it/200x200&text=Logo" alt="">
+
−
    </header>
+
−
 
+
−
    <!-- Footer -->
+
−
    <footer>
+
−
        <div class="container">
+
−
            <div class="row">
+
−
                <div class="col-lg-12">
+
−
                    <p>Copyright &copy; Your Website 2014</p>
+
−
                </div>
+
−
            </div>
+
−
            <!-- /.row -->
+
−
        </div>
+
−
        <!-- /.container -->
+
−
    </footer>
+
  
 
     <!-- jQuery -->
 
     <!-- jQuery -->

Revision as of 19:37, 4 September 2015

<!DOCTYPE html> Full - Start Bootstrap Template