Difference between revisions of "Team:Hong Kong HKUST/Team"

(Prototype team page)
 
Line 1: Line 1:
{{Hong_Kong_HKUST}}
+
{{ Hong_Kong_HKUST/head }}
 
<html>
 
<html>
 +
<head>
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
 +
<title>iGem HKUST 2018</title>
 +
<meta charset="utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1" />
 +
<link rel="stylesheet" href="https://cdn.rawgit.com/logg926/hkustigem2018wikitemp/16f480d0/assets/css/main.css" />
 +
</head>
 +
<body style="background-color:black">
 +
<html>
 +
<head>
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
 +
<title>Hielo by TEMPLATED</title>
 +
<meta charset="utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1" />
 +
<link rel="stylesheet" href="assets/css/main.css" />
 +
</head>
 +
<body>
 +
 
 +
<script>
 +
#one {
 +
    width: 300px;
 +
    padding: 10px;   
 +
}
 +
#two {
 +
    width: 300px;
 +
    padding: 10px;   
 +
}
 +
#three {
 +
    width: 300px;
 +
    padding: 10px;   
 +
}
 +
#four {
 +
    width: 300px;
 +
    padding: 10px;   
 +
}
 +
</script>
  
<div class="column two_thirds_size" >
+
<!-- One -->
 +
<section id="one" class="wrapper style2">
 +
<div class="inner">
 +
<div class="grid-style">
  
<h1>Team</h1>
+
<div>
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
<div class="box">
 +
<div class="image fit">
 +
<img src="images/pic02.jpg" alt="" />
 +
</div>
 +
<div class="content">
 +
<header class="align-center">
 +
<p>maecenas sapien feugiat ex purus</p>
 +
<h2>Lorem ipsum dolor</h2>
 +
</header>
 +
<p> Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.</p>
 +
<footer class="align-center">
 +
<a href="#" class="button alt">Learn More</a>
 +
</footer>
 +
</div>
 +
</div>
 +
</div>
  
 +
<div>
 +
<div class="box">
 +
<div class="image fit">
 +
<img src="images/pic03.jpg" alt="" />
 +
</div>
 +
<div class="content">
 +
<header class="align-center">
 +
<p>mattis elementum sapien pretium tellus</p>
 +
<h2>Vestibulum sit amet</h2>
 +
</header>
 +
<p> Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.</p>
 +
<footer class="align-center">
 +
<a href="#" class="button alt">Learn More</a>
 +
</footer>
 +
</div>
 +
</div>
 +
</div>
  
<h3>What should this page contain?</h3>
 
<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>
 +
<div class="box">
 +
<div class="image fit">
 +
<img src="images/pic03.jpg" alt="" />
 +
</div>
 +
<div class="content">
 +
<header class="align-center">
 +
<p>mattis elementum sapien pretium tellus</p>
 +
<h2>Vestibulum sit amet</h2>
 +
</header>
 +
<p> Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.</p>
 +
<footer class="align-center">
 +
<a href="#" class="button alt">Learn More</a>
 +
</footer>
 +
</div>
 +
</div>
 +
</div>
  
<div class="column third_size" >
+
 
<div class="highlight decoration_A_full">
+
<div>
<h3>Inspiration</h3>
+
<div class="box">
<p>You can look at what other teams did to get some inspiration! <br />
+
<div class="image fit">
Here are a few examples:</p>
+
<img src="images/pic03.jpg" alt="" />
<ul>
+
</div>
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
<div class="content">
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
<header class="align-center">
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
<p>mattis elementum sapien pretium tellus</p>
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
<h2>Vestibulum sit amet</h2>
</ul>
+
</header>
</div>
+
<p> Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.</p>
</div>
+
<footer class="align-center">
 +
<a href="#" class="button alt">Learn More</a>
 +
</footer>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
</div>
 +
</div>
 +
</section>
 +
 
 +
<!-- Two -->
 +
<section id="two" class="wrapper style3">
 +
<div class="inner">
 +
<header class="align-center">
 +
<p>Nam vel ante sit amet libero scelerisque facilisis eleifend vitae urna</p>
 +
<h2>Morbi maximus justo</h2>
 +
</header>
 +
</div>
 +
</section>
 +
 
 +
<!-- Three -->
 +
<section id="three" class="wrapper style2">
 +
<div class="inner">
 +
<header class="align-center">
 +
<p class="special">Nam vel ante sit amet libero scelerisque facilisis eleifend vitae urna</p>
 +
<h2>Morbi maximus justo</h2>
 +
</header>
 +
<div class="gallery">
 +
<div>
 +
<div class="image fit">
 +
<a href="#"><img src="images/pic01.jpg" alt="" /></a>
 +
</div>
 +
</div>
 +
<div>
 +
<div class="image fit">
 +
<a href="#"><img src="images/pic02.jpg" alt="" /></a>
 +
</div>
 +
</div>
 +
<div>
 +
<div class="image fit">
 +
<a href="#"><img src="images/pic03.jpg" alt="" /></a>
 +
</div>
 +
</div>
 +
<div>
 +
<div class="image fit">
 +
<a href="#"><img src="images/pic04.jpg" alt="" /></a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
 
 +
 
 +
 
 +
 
 +
<!-- Scripts -->
 +
<script src="https://cdn.rawgit.com/logg926/hkustigem2018wikitemp/16f480d0/assets/js/jquery.min.js"></script>
 +
<script src="https://cdn.rawgit.com/logg926/hkustigem2018wikitemp/16f480d0/assets/js/jquery.scrollex.min.js"></script>
 +
<script src="https://cdn.rawgit.com/logg926/hkustigem2018wikitemp/16f480d0/assets/js/skel.min.js"></script>
 +
<script src="https://cdn.rawgit.com/logg926/hkustigem2018wikitemp/16f480d0/assets/js/util.js"></script>
 +
<script src="https://cdn.rawgit.com/logg926/hkustigem2018wikitemp/16f480d0/assets/js/main.js"></script>
 +
</body>
 
</html>
 
</html>
 +
{{ Hong_Kong_HKUST/footer }}

Revision as of 06:27, 11 September 2018

iGem HKUST 2018 Hielo by TEMPLATED

maecenas sapien feugiat ex purus

Lorem ipsum dolor

Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.

mattis elementum sapien pretium tellus

Vestibulum sit amet

Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.

mattis elementum sapien pretium tellus

Vestibulum sit amet

Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.

mattis elementum sapien pretium tellus

Vestibulum sit amet

Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.

Nam vel ante sit amet libero scelerisque facilisis eleifend vitae urna

Morbi maximus justo

Nam vel ante sit amet libero scelerisque facilisis eleifend vitae urna

Morbi maximus justo