Difference between revisions of "Team:Newcastle/Team"

Line 1: Line 1:
 
{{Newcastle5}}
 
{{Newcastle5}}
  
<html>
+
<!DOCTYPE html>
 +
<html lang="en-us">
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
<style>
 +
.city {
 +
    float: left;
 +
    margin: 5px;
 +
    padding: 15px;
 +
    max-width: 300px;
 +
    height: 300px;
 +
    border: 1px solid black;
 +
}
 +
</style>
 +
</head>
 +
<body>
  
 +
<h1>Responsive Web Design Demo</h1>
  
 +
<div class="city">
 +
  <h2>London</h2>
 +
  <p>London is the capital city of England.</p>
 +
  <p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
 +
</div>
  
<div class="column full_size" >
+
<div class="city">
 
+
  <h2>Paris</h2>
<h1>Team</h1>
+
  <p>Paris is the capital of France.</p>  
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
  <p>The Paris area is one of the largest population centers in Europe, with more than 12 million inhabitants.</p>
 
</div>
 
</div>
  
<div class="clear"></div>
+
<div class="city">
 
+
  <h2>Tokyo</h2>
<div class="column half_size" >
+
  <p>Tokyo is the capital of Japan.</p>
<h5>Inspiration</h5>
+
  <p>It is the center of the Greater Tokyo Area,  and the most populous metropolitan area in the world.</p>
<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>
  
<div class="column half_size" >
+
<div class="city">
<h5>What should this page contain?</h5>
+
  <h2>New York</h2>
<ul>
+
  <p>The City of New York is the most populous city in the United States.</p>
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
  <p>New York is an important center for international diplomacy and has been described as the cultural and financial capital of the world.</p>
<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>
  
 
+
</body>
 
+
</div>
+
 
</html>
 
</html>

Revision as of 20:42, 7 September 2017

<!DOCTYPE html>

Responsive Web Design Demo

London

London is the capital city of England.

It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

Paris

Paris is the capital of France.

The Paris area is one of the largest population centers in Europe, with more than 12 million inhabitants.

Tokyo

Tokyo is the capital of Japan.

It is the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.

New York

The City of New York is the most populous city in the United States.

New York is an important center for international diplomacy and has been described as the cultural and financial capital of the world.