Team:Northwestern/Team

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 3: Line 3:
<html>
<html>
 +
<head>
-
<!--main content -->
+
<meta charset="utf-8">
-
<table width="70%" align="center">
+
    <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="">
 +
    <link rel="icon" href="../../favicon.ico">
 +
    <title>Team</title>
-
<!--welcome box -->
+
</head>
-
<tr>
+
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Northwestern/Team&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
<style>
-
<!-- end welcome box -->
+
-
<tr>  
+
-
<!--navigation menu -->
+
body {
-
<td align="center" colspan="3">
+
  padding-top: 50px;
 +
  padding-bottom: 20px;
 +
}
-
<table  width="100%">
+
/* Center align the text within the three columns below the carousel */
-
<tr heigth="15px"></tr>
+
.marketing .col-lg-4 {
-
<tr heigth="75px">
+
  margin-bottom: 20px;
 +
  text-align: center;
 +
}
 +
.marketing h2 {
 +
  font-weight: normal;
 +
}
 +
.marketing .col-lg-4 p {
 +
  margin-right: 10px;
 +
  margin-left: 10px;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
/* Featurettes
-
<a href="https://2014.igem.org/Team:Northwestern"style="color:#000000">Home </a> </td>
+
------------------------- */
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.featurette-divider {
-
<a href="https://2014.igem.org/Team:Northwestern/Team"style="color:#000000"> Team </a> </td>
+
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
/* Thin out the marketing headings */
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Northwestern"style="color:#000000"> Official Team Profile </a></td>
+
.featurette-heading {
 +
  font-weight: 300;
 +
  line-height: 1;
 +
  letter-spacing: -1px;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:Northwestern/Project"style="color:#000000"> Project</a></td>
 
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
  /* The navbar becomes detached from the top, so we round the corners */
-
<a href="https://2014.igem.org/Team:Northwestern/Parts"style="color:#000000"> Parts</a></td>
+
  .navbar-wrapper .navbar {
 +
    border-radius: 4px;
 +
  }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
  /* Bump up size of carousel content */
-
<a href="https://2014.igem.org/Team:Northwestern/Modeling"style="color:#000000"> Modeling</a></td>
+
  .carousel-caption p {
 +
    margin-bottom: 20px;
 +
    font-size: 21px;
 +
    line-height: 1.4;
 +
  }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
  .featurette-heading {
-
<a href="https://2014.igem.org/Team:Northwestern/Notebook"style="color:#000000"> Notebook</a></td>
+
    font-size: 50px;
 +
  }
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:Northwestern/Safety"style=" color:#000000"> Safety </a></td>
 
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
</style>
-
<a href="https://2014.igem.org/Team:Northwestern/Attributions"style="color:#000000"> Attributions </a></td>
+
   
 +
<body>
 +
<div class="navbar-wrapper">
 +
      <div class="container">
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
        <div class="navbar navbar-inverse navbar-static-top" role="navigation">
-
</tr>
+
          <div class="container">
-
</table>
+
            <div class="navbar-header">
 +
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
 +
                <span class="sr-only">Toggle navigation</span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
              </button>
 +
              <a class="navbar-brand" href="2014.igem.org/Team:Northwestern/Home">Home</a>
 +
            </div>
 +
            <div class="navbar-collapse collapse">
 +
              <ul class="nav navbar-nav">
 +
                <li class="active"><a href="2014.igem.org/Team:Northwestern/Project">Project</a></li>
 +
                <li><a href="2014.igem.org/Team:Northwestern/Team">Team</a></li>
 +
                <li><a href="2014.igem.org/Team:Northwestern/Safety">Safety</a></li>
 +
                <li class="dropdown">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Other<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="#">Something else here</a></li>
 +
                    <li class="divider"></li>
 +
                    <li class="dropdown-header">Nav header</li>
 +
                    <li><a href="#">Separated link</a></li>
 +
                    <li><a href="#">One more separated link</a></li>
 +
                  </ul>
 +
                </li>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
        </div>
-
<!--end navigation menu -->
+
      </div>
-
</tr>
+
    </div>
-
</tr>
+
-
</td>
+
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<div class="container">
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<div class="row">
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
  <div class="col-sm-6 col-md-4">
 +
    <div class="thumbnail">
 +
      <img data-src="holder.js/300x300" alt="...">
 +
      <div class="caption">
 +
        <h3>Thumbnail label</h3>
 +
        <p>...</p>
 +
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
-
<tr><td > <h3> Team Information</h3></td>
+
<div class="row">
-
<td ></td >
+
  <div class="col-sm-6 col-md-4">
-
<td > <h3> Upload pictures of your team!</h3></td>
+
    <div class="thumbnail">
-
</tr>
+
      <img data-src="holder.js/300x300" alt="...">
 +
      <div class="caption">
 +
        <h3>Thumbnail label</h3>
 +
        <p>...</p>
 +
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
-
<tr>
+
<div class="row">
-
<td width="45%" valign="top">
+
  <div class="col-sm-6 col-md-4">
-
<p>
+
    <div class="thumbnail">
-
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.</p>
+
      <img data-src="holder.js/300x300" alt="...">
-
<p>
+
      <div class="caption">
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
        <h3>Thumbnail label</h3>
-
<ul>
+
        <p>...</p>
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
+
        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
+
      </div>
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
+
    </div>
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
+
  </div>
 +
</div>
-
</ul>
+
</div>
-
 
+
</body>
-
 
+
-
 
+
-
</td>
+
-
<td></td>
+
-
<td width="45%"  valign="top">
+
-
<p> We provide a server where you can upload images for your wiki!</p>
+
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
-
<a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
<br>
+
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
-
</td>
+
-
 
+
-
 
+
-
</tr>
+
-
 
+
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
-
<td ></td >
+
-
<td > </td>
+
-
</tr>
+
-
 
+
-
 
+
-
<tr>
+
-
<td width="45%"  valign="top">
+
-
<p>What should this page contain?</p>
+
-
<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, tell us what you like, and what motivates 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>
+
-
 
+
-
</td>
+
-
 
+
-
<td></td>
+
-
<td width="45%"  valign="top"> </td>
+
-
 
+
-
</tr>
+
-
 
+
-
 
+
-
</table>
+
</html>
</html>

Revision as of 15:44, 29 August 2014


Team

...

Thumbnail label

...

Button Button

...

Thumbnail label

...

Button Button

...

Thumbnail label

...

Button Button

Retrieved from "http://2014.igem.org/Team:Northwestern/Team"