Difference between revisions of "Team:Hong Kong HKUST"

Line 58: Line 58:
 
</section>
 
</section>
  
 +
<!-- One -->
 +
<section id="one" class="wrapper style2">
 +
<div class="inner">
 +
<div class="grid-style">
 +
 +
<div>
 +
<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>
 +
 +
</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>
 +
 +
 +
<!-- Footer -->
 +
<footer id="footer">
 +
<div class="container">
 +
<ul class="icons">
 +
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
 +
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
 +
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
 +
<li><a href="#" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
 +
</ul>
 +
</div>
 +
<div class="copyright">
 +
&copy; Untitled. All rights reserved.
 +
</div>
 +
</footer>
  
 
<!-- Scripts -->
 
<!-- Scripts -->

Revision as of 04:14, 7 September 2018

iGem HKUST 2018

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.

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