|
|
| 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"> |
