Difference between revisions of "Team:ColumbiaNYC"

Line 1: Line 1:
 +
{{ColumbiaNYC_navbar}}
 +
 
<html>
 
<html>
−
<head>
 
−
<!-- Bootstrap Core CSS-->
 
−
<link href="https://2017.igem.org/Team:ColumbiaNYC/Resources/CSS:bootstrap_min?action=raw&ctype=text/css" rel="stylesheet">
 
−
<!-- jQuery -->
 
−
<script type="text/javascript" src="https://2017.igem.org/Team:ColumbiaNYC/Resources/JS:jquery?action=raw&ctype=text/javascript"></script>
 
−
<!-- Bootstrap Core JavaScript -->
 
−
<script type="text/javascript" src="https://2017.igem.org/Team:ColumbiaNYC/Resources/JS:bootstrap_min?action=raw&ctype=text/javascript"></script>
 
−
<!-- Bootstrap Dropdown Hover CSS -->
 
−
  <link href="https://2017.igem.org/Team:ColumbiaNYC/Resources/CSS:animate_min?action=raw&ctype=text/css" rel="stylesheet">
 
−
  <link href="https://2017.igem.org/Team:ColumbiaNYC/Resources/CSS:bootstrap-dropdownhover_min?action=raw&ctype=text/css" rel="stylesheet">
 
−
<script src="https://2017.igem.org/Team:ColumbiaNYC/Resources/JS:bootstrap-dropdownhover_min?action=raw&ctype=text/javascript"></script>
 
−
<!-- Fonts -->
 
−
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
 
−
<!-- Custom CSS-->
 
−
<link href="https://2017.igem.org/Team:ColumbiaNYC/Resources/CSS:contentstyle?action=raw&ctype=text/css" rel="stylesheet">
 
−
<!-- Custom JS -->
 
−
<script type="text/javascript" src="https://2017.igem.org/Team:ColumbiaNYC/Resources/JS:contentjs?action=raw&ctype=text/javascript"></script>
 
  
−
</head>
+
<style>
 +
</style>
  
−
<!--- THIS IS WHERE THE HTML BEGINS --->
+
<body id="page-top">
  
−
<body>
+
  <!-- Full Width Image Header -->
 +
  <header class="header-image">
 +
      <div class="headline">
 +
          <div class="container">
 +
              <h1>Columbia iGEM</h1>
 +
              <h2>Will Knock Your Socks Off</h2>
 +
          </div>
 +
      </div>
 +
  </header>
  
−
<!-- Navigation -->
+
  <!-- Page Content -->
−
<nav class="navbar navbar-color navbar-xs navbar-fixed-top" role="navigation" style="padding-top: 15px">
+
  <div class="container">
−
<div class="container-fluid text-center">
+
−
<!-- Brand and toggle get grouped for better mobile display -->
+
−
<div class="navbar-header">
+
−
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
−
<span class="sr-only">Toggle navigation</span>
+
−
<span class="icon-bar"></span>
+
−
<span class="icon-bar"></span>
+
−
<span class="icon-bar"></span>
+
−
</button>
+
−
</div>
+
−
<!-- Collect the nav links, forms, and other content for toggling -->
+
−
<div class="collapse navbar-collapse" data-hover="dropdown" data-animations="fadeInDown fadeInRight fadeInUp fadeInLeft">
+
−
<ul class="nav navbar-nav">
+
−
<li id="navbar-brand"><a href="https://2017.igem.org/Team:ColumbiaNYC" style="text-decoration: none; background-color:transparent !important; color:#fff;">
+
−
<img src='https://static.igem.org/mediawiki/2017/f/f3/T--ColumbiaNYC--columbiauniversity-white-crown.jpg' style="float:left; margin: -1.5px 6.5px 0 0;">
+
−
COLUMBIA UNIVERSITY
+
−
</a></li>
+
−
<li class="dropdown">
+
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown mydropdown" role="button" aria-expanded="false">DROPDOWN<span class="caret"></span></a>
+
−
                        <ul class="dropdown-menu" role="menu">
+
−
                          <li><a href="#">Action</a></li>
+
−
                          <li><a href="#">Another action</a></li>
+
−
                          <li><a href="#">Another action</a></li>
+
−
                          <li><a href="#">Something else here</a></li>
+
−
                          <li class="divider"></li>
+
−
                          <li><a href="#">Separated link</a></li>
+
−
                          <li class="divider"></li>
+
−
                          <li><a href="#">One more separated link</a></li>
+
−
                        </ul>
+
−
</li>
+
  
−
<!--
+
      <hr class="featurette-divider">
−
<li class="dropdown">
+
 
−
<a class="dropdown-toggle" href="https://2017.igem.org/Team:ColumbiaNYC/Achievements">
+
      <!-- First Featurette -->
−
ACHIEVEMENTS
+
      <div class="featurette" id="about">
−
<span class="caret"></span>
+
          <img class="featurette-image img-circle img-responsive pull-right" src="http://placehold.it/500x500">
−
</a>
+
          <h2 class="featurette-heading">This First Heading
−
<ul class="dropdown-menu">
+
              <span class="text-muted">Will Catch Your Eye</span>
−
<li><a href="#">Page 1.1</a></li>
+
          </h2>
−
<li><a href="#">Page 1.2</a></li>
+
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
−
<li><a href="#">Page 1.3</a></li>
+
      </div>
−
<li><a href="#">Page 1.4</a></li>
+
 
−
</ul>
+
      <hr class="featurette-divider">
−
</li>
+
 
−
-->
+
      <!-- Second Featurette -->
−
<li><a href="https://2017.igem.org/Team:ColumbiaNYC/Project">PROJECT</a></li>
+
      <div class="featurette" id="services">
−
<li><a href="https://2017.igem.org/Team:ColumbiaNYC/Team">TEAM</a></li>
+
          <img class="featurette-image img-circle img-responsive pull-left" src="http://placehold.it/500x500">
−
<li><a href="https://2017.igem.org/Team:ColumbiaNYC/Parts">PARTS</a></li>
+
          <h2 class="featurette-heading">The Second Heading
−
<li><a href="https://2017.igem.org/Team:ColumbiaNYC/Sponsors">SPONSORS</a></li>
+
              <span class="text-muted">Is Pretty Cool Too.</span>
−
<li><a href="https://2017.igem.org/Team:ColumbiaNYC/Safety">SAFETY</a></li>
+
          </h2>
−
<li><a href="https://2017.igem.org/Team:ColumbiaNYC/Human_Practices">HUMAN PRACTICES</a></li>
+
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
−
<li><a href="https://2017.igem.org/Team:ColumbiaNYC/Awards">AWARDS</a></li>
+
      </div>
−
</ul>
+
 
−
</div>
+
      <hr class="featurette-divider">
−
<!-- /.navbar-collapse -->
+
 
−
</div>
+
      <!-- Third Featurette -->
−
<!-- /.container -->
+
      <div class="featurette" id="contact">
−
</nav>
+
          <img class="featurette-image img-circle img-responsive pull-right" src="http://placehold.it/500x500">
 +
          <h2 class="featurette-heading">The Third Heading
 +
              <span class="text-muted">Will Seal the Deal.</span>
 +
          </h2>
 +
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 +
      </div>
 +
 
 +
      <hr class="featurette-divider">
 +
 
 +
  </div>
  
 
</body>
 
</body>
 +
  
 
</html>
 
</html>
 +
 +
{{ColumbiaNYC_footer}}

Revision as of 22:06, 22 June 2017

Columbia iGEM

Will Knock Your Socks Off

This First Heading Will Catch Your Eye

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

The Second Heading Is Pretty Cool Too.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

The Third Heading Will Seal the Deal.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.