|
|
Line 26: |
Line 26: |
| </div> | | </div> |
| </header> | | </header> |
− |
| |
| <!-- Banner --> | | <!-- Banner --> |
| <section id="banner"> | | <section id="banner"> |
Line 32: |
Line 31: |
| <p>We do Science 'n Shit.</p> | | <p>We do Science 'n Shit.</p> |
| </section> | | </section> |
− |
| |
− | <!-- One -->
| |
− | <section id="one" class="wrapper">
| |
− | <div class="inner">
| |
− | <div class="flex flex-3">
| |
− | <article>
| |
− | <header>
| |
− | <h3>Magna tempus sed amet<br /> aliquam veroeros</h3>
| |
− | </header>
| |
− | <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
| |
− | <footer>
| |
− | <a href="#" class="button special">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <header>
| |
− | <h3>Interdum lorem pulvinar<br /> adipiscing vitae</h3>
| |
− | </header>
| |
− | <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
| |
− | <footer>
| |
− | <a href="#" class="button special">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <header>
| |
− | <h3>Libero purus magna sapien<br /> sed ullamcorper</h3>
| |
− | </header>
| |
− | <p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
| |
− | <footer>
| |
− | <a href="#" class="button special">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
− |
| |
| <!-- Two --> | | <!-- Two --> |
| <section id="two" class="wrapper style1 special"> | | <section id="two" class="wrapper style1 special"> |
Line 107: |
Line 70: |
| </div> | | </div> |
| </section> | | </section> |
− |
| |
− | <!-- Three -->
| |
− | <section id="three" class="wrapper special">
| |
− | <div class="inner">
| |
− | <header class="align-center">
| |
− | <h2>Nunc Dignissim</h2>
| |
− | <p>Aliquam erat volutpat nam dui </p>
| |
− | </header>
| |
− | <div class="flex flex-2">
| |
− | <article>
| |
− | <div class="image fit">
| |
− | <img src="images/pic01.jpg" alt="Pic 01" />
| |
− | </div>
| |
− | <header>
| |
− | <h3>Praesent placerat magna</h3>
| |
− | </header>
| |
− | <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
| |
− | <footer>
| |
− | <a href="#" class="button special">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | <article>
| |
− | <div class="image fit">
| |
− | <img src="images/pic02.jpg" alt="Pic 02" />
| |
− | </div>
| |
− | <header>
| |
− | <h3>Fusce pellentesque tempus</h3>
| |
− | </header>
| |
− | <p>Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna non comodo sodales tempus.</p>
| |
− | <footer>
| |
− | <a href="#" class="button special">More</a>
| |
− | </footer>
| |
− | </article>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
− |
| |
| <!-- Footer --> | | <!-- Footer --> |
| <footer id="footer"> | | <footer id="footer"> |