Difference between revisions of "Team:SBS SH 112144/sandbox"
| Line 68: | Line 68: | ||
<!-- Header --> | <!-- Header --> | ||
<header id="header"> | <header id="header"> | ||
| − | + | <div class="inner"> | |
| − | + | <a href="index.html" class="logo"><strong>Projection</strong> by TEMPLATED</a> | |
| − | + | <nav id="nav"> | |
| − | + | <a href="index.html">Home</a> | |
| − | + | <a href="generic.html">Generic</a> | |
| − | + | <a href="elements.html">Elements</a> | |
| − | + | </nav> | |
| − | + | <a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a> | |
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</header> | </header> | ||
| − | + | </body> | |
| + | </html> | ||
| + | |||
<!-- Banner --> | <!-- Banner --> | ||
<section id="banner"> | <section id="banner"> | ||
| − | |||
<div class="inner"> | <div class="inner"> | ||
<header> | <header> | ||
| Line 263: | Line 152: | ||
<footer id="footer"> | <footer id="footer"> | ||
<div class="inner"> | <div class="inner"> | ||
| + | |||
<div class="copyright"> | <div class="copyright"> | ||
© Untitled. Design: <a href="https://templated.co">TEMPLATED</a>. Images: <a href="https://unsplash.com">Unsplash</a>. | © Untitled. Design: <a href="https://templated.co">TEMPLATED</a>. Images: <a href="https://unsplash.com">Unsplash</a>. | ||
| Line 270: | Line 160: | ||
</footer> | </footer> | ||
| − | <!-- Scripts | + | <!-- Scripts |
| − | <script src=" | + | <script src="assets/js/jquery.min.js"></script> |
| − | <script src=" | + | <script src="assets/js/skel.min.js"></script> |
| − | <script src=" | + | <script src="assets/js/util.js"></script> |
| − | <script src=" | + | <script src="assets/js/main.js"></script> |
| − | + | --> | |
</body> | </body> | ||
</html> | </html> | ||
Revision as of 14:10, 16 October 2018
<section id="banner">
<header>
Contents
Welcome to Projection
</header>
Aliquam
Suspendisse amet ullamco
Elementum
Class aptent taciti ad litora
Ultrices
Nulla vitae mauris non felis
<footer> <a href="#" class="button">Get Started</a> </footer>
</section>
<section id="three" class="wrapper align-center">
<article>
<img src="images/pic01.jpg" alt="Pic 01" />
<header>
Lorem ipsum
dolor amet nullam
</header>
Morbi in sem quis dui placerat ornare. Pellentesquenisi
euismod in, pharetra a, ultricies in diam sed arcu. Cras
consequat egestas augue vulputate.
<footer> <a href="#" class="button">Learn More</a> </footer> </article> <article>
<img src="images/pic02.jpg" alt="Pic 02" />
<header>
Sed feugiat
tempus adipicsing
</header>
Pellentesque fermentum dolor. Aliquam quam lectus
facilisis auctor, ultrices ut, elementum vulputate, nunc
blandit ellenste egestagus commodo.
<footer> <a href="#" class="button">Learn More</a> </footer> </article>
</section>
<footer id="footer">
© Untitled. Design: <a href="https://templated.co">TEMPLATED</a>. Images: <a href="https://unsplash.com">Unsplash</a>.
</footer>
</body> </html>