(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=" | + | <!-- One --> |
+ | <section id="one" class="wrapper style2"> | ||
+ | <div class="inner"> | ||
+ | <div class="grid-style"> | ||
− | < | + | <div> |
− | <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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <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=" | + | |
− | <div class=" | + | <div> |
− | < | + | <div class="box"> |
− | <p> | + | <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> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- 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
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