Revision as of 19:21, 29 August 2017

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Search

Where To Find Me?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

@@ Line 1: / Line 1: @@
 {{UFlorida}}
-<html>
+<html lang="en">
+<head>
+  <!-- Theme Made By www.w3schools.com - No Copyright -->
+  <title>Bootstrap Theme Simply Me</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+  <style>
+  body {
+      font: 20px Montserrat, sans-serif;
+      line-height: 1.8;
+      color: #f5f6f7;
+  }
+  p {font-size: 16px;}
+  .margin {margin-bottom: 45px;}
+  .bg-1 {
+      background-color: #1abc9c; /* Green */
+      color: #ffffff;
+  }
+  .bg-2 {
+      background-color: #474e5d; /* Dark Blue */
+      color: #ffffff;
+  }
+  .bg-3 {
+      background-color: #ffffff; /* White */
+      color: #555555;
+  }
+  .bg-4 {
+      background-color: #2f2f2f; /* Black Gray */
+      color: #fff;
+  }
+  .container-fluid {
+      padding-top: 70px;
+      padding-bottom: 70px;
+  }
+  .navbar {
+      padding-top: 15px;
+      padding-bottom: 15px;
+      border: 0;
+      border-radius: 0;
+      margin-bottom: 0;
+      font-size: 12px;
+      letter-spacing: 5px;
+  }
+  .navbar-nav  li a:hover {
+      color: #1abc9c !important;
+  }
+  </style>
+</head>
+<body>
+<!-- Navbar -->
+<nav class="navbar navbar-default">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a class="navbar-brand" href="#">Me</a>
+    </div>
+    <div class="collapse navbar-collapse" id="myNavbar">
+      <ul class="nav navbar-nav navbar-right">
+        <li><a href="#">WHO</a></li>
+        <li><a href="#">WHAT</a></li>
+        <li><a href="#">WHERE</a></li>
+      </ul>
+    </div>
+  </div>
+</nav>
+<!-- First Container -->
-<div class="column full_size" >
+<div class="container-fluid bg-1 text-center">
+  <h3 class="margin">Who Am I?</h3>
-<h1>Team</h1>
+  <img src="bird.jpg" class="img-responsive img-circle margin" style="display:inline" alt="Bird" width="350" height="350">
-<p>In this page you can introduce your team members, instructors, and advisors. </p>
+  <h3>I'm an adventurer</h3>
 </div>
-<div class="clear"></div>
+<!-- Second Container -->
+<div class="container-fluid bg-2 text-center">
-<div class="column half_size" >
+  <h3 class="margin">What Am I?</h3>
-<h5>Inspiration</h5>
+  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
-<p>You can look at what other teams did to get some inspiration! <br />
+  <a href="#" class="btn btn-default btn-lg">
-Here are a few examples:</p>
+    <span class="glyphicon glyphicon-search"></span> Search
-<ul>
+  </a>
-<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
-<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
-<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
-<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
-</ul>
 </div>
-<div class="column half_size" >
+<!-- Third Container (Grid) -->
-<h5>What should this page contain?</h5>
+<div class="container-fluid bg-3 text-center">
-<ul>
+  <h3 class="margin">Where To Find Me?</h3><br>
-<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+  <div class="row">
-<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+    <div class="col-sm-4">
-<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+      <img src="birds1.jpg" class="img-responsive margin" style="width:100%" alt="Image">
-</ul>
+    </div>
+    <div class="col-sm-4">
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+      <img src="birds2.jpg" class="img-responsive margin" style="width:100%" alt="Image">
+    </div>
+    <div class="col-sm-4">
+      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+      <img src="birds3.jpg" class="img-responsive margin" style="width:100%" alt="Image">
+    </div>
+  </div>
 </div>
+<!-- Footer -->
+<footer class="container-fluid bg-4 text-center">
+  <p>Bootstrap Theme Made By <a href="https://www.w3schools.com">www.w3schools.com</a></p>
+</footer>
+</body>
-</div>
 </html>

Difference between revisions of "Team:UFlorida/Team"

Revision as of 19:21, 29 August 2017

UFlorida

Who Am I?

I'm an adventurer

What Am I?

Where To Find Me?