Difference between revisions of "Team:UFlorida/Team"

(Prototype team page)
 
Line 1: Line 1:
 
{{UFlorida}}
 
{{UFlorida}}
  
−
<html>
+
<html lang="en">
 +
<head>
 +
  <title>Bootstrap Example</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">
 +
  <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>
 +
    /* Remove the navbar's default margin-bottom and rounded borders */
 +
    .navbar {
 +
      margin-bottom: 0;
 +
      border-radius: 0;
 +
    }
 +
   
 +
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
 +
    .row.content {height: 450px}
 +
   
 +
    /* Set gray background color and 100% height */
 +
    .sidenav {
 +
      padding-top: 20px;
 +
      background-color: #f1f1f1;
 +
      height: 100%;
 +
    }
 +
   
 +
    /* Set black background color, white text and some padding */
 +
    footer {
 +
      background-color: #555;
 +
      color: white;
 +
      padding: 15px;
 +
    }
 +
   
 +
    /* On small screens, set height to 'auto' for sidenav and grid */
 +
    @media screen and (max-width: 767px) {
 +
      .sidenav {
 +
        height: auto;
 +
        padding: 15px;
 +
      }
 +
      .row.content {height:auto;}
 +
    }
 +
  </style>
 +
</head>
 +
<body>
  
−
 
+
<nav class="navbar navbar-inverse">
−
 
+
  <div class="container-fluid">
−
<div class="column full_size" >
+
    <div class="navbar-header">
−
 
+
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
−
<h1>Team</h1>
+
        <span class="icon-bar"></span>
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>                       
 +
      </button>
 +
      <a class="navbar-brand" href="#">Logo</a>
 +
    </div>
 +
    <div class="collapse navbar-collapse" id="myNavbar">
 +
      <ul class="nav navbar-nav">
 +
        <li class="active"><a href="#">Home</a></li>
 +
        <li><a href="#">About</a></li>
 +
        <li><a href="#">Projects</a></li>
 +
        <li><a href="#">Contact</a></li>
 +
      </ul>
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
 +
      </ul>
 +
    </div>
 +
  </div>
 +
</nav>
 +
 
 +
<div class="container-fluid text-center">   
 +
  <div class="row content">
 +
    <div class="col-sm-2 sidenav">
 +
      <p><a href="#">Link</a></p>
 +
      <p><a href="#">Link</a></p>
 +
      <p><a href="#">Link</a></p>
 +
    </div>
 +
    <div class="col-sm-8 text-left">
 +
      <h1>Welcome</h1>
 +
      <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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum 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>
 +
      <hr>
 +
      <h3>Test</h3>
 +
      <p>Lorem ipsum...</p>
 +
    </div>
 +
    <div class="col-sm-2 sidenav">
 +
      <div class="well">
 +
        <p>ADS</p>
 +
      </div>
 +
      <div class="well">
 +
        <p>ADS</p>
 +
      </div>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
  
−
<div class="clear"></div>
+
<footer class="container-fluid text-center">
 +
  <p>Footer Text</p>
 +
</footer>
  
−
<div class="column half_size" >
+
</body>
−
<h5>Inspiration</h5>
+
−
<p>You can look at what other teams did to get some inspiration! <br />
+
−
Here are a few examples:</p>
+
−
<ul>
+
−
<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" >
+
−
<h5>What should this page contain?</h5>
+
−
<ul>
+
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<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>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
</div>
+
 
</html>
 
</html>

Revision as of 19:17, 29 August 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM

UFlorida

Bootstrap Example

Link

Link

Link

Welcome

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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum 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.

Test

Lorem ipsum...

ADS

ADS

Footer Text