|
|
| Line 18: |
Line 18: |
| | </head> | | </head> |
| | <body> | | <body> |
| − | | + | <div class="card" style="width: 18rem;"> |
| − | <script>
| + | <img class=" card-img- top" src=" https:// static. igem. org/ mediawiki/ 2018/ f/ fa/ T-- Hong_Kong_HKUST-- _Team- Member- Vignesh.jpeg" alt=" Card image cap"> |
| − | #one {
| + | |
| − | width: 300px;
| + | <p class=" card- text"> Some quick example text to build on the card title and make up the bulk of the card's content.</p> |
| − | padding: 10px;
| + | </div> |
| − | }
| + | </div> |
| − | #two {
| + | |
| − | width: 300px;
| + | |
| − | padding: 10px;
| + | |
| − | }
| + | |
| − | #three {
| + | |
| − | width: 300px;
| + | |
| − | padding: 10px;
| + | |
| − | }
| + | |
| − | #four {
| + | |
| − | width: 300px;
| + | |
| − | padding: 10px;
| + | |
| − | }
| + | |
| − | </script>
| + | |
| − | | + | |
| − | <!-- One -->
| + | |
| − | <section id="one" class="wrapper style2">
| + | |
| − | | + | |
| − | <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 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>
| + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | | + | |
| − | <!-- Two -->
| + | |
| − | <section id="two" class="wrapper style3">
| + | |
| − | | + | |
| − | <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>
| + | |
| − | | + | |
| − | | + | |
| | | | |
| | | | |
