|
|
| Line 50: |
Line 50: |
| | <h4> Content </h4> | | <h4> Content </h4> |
| | <ul> | | <ul> |
| − | <li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Intro</span></a></li> | + | <li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">About Us</span></a></li> |
| − | <li><a href="#portfolio" id="portfolio-link" class="skel-layers-ignoreHref"><span class="icon fa-th">Portfolio</span></a></li> | + | <li><a href="#portfolio" id="portfolio-link" class="skel-layers-ignoreHref"><span class="icon fa-th">Students</span></a></li> |
| − | <li><a href="#about" id="about-link" class="skel-layers-ignoreHref"><span class="icon fa-user">About Me</span></a></li> | + | <li><a href="#about" id="about-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Mentors</span></a></li> |
| − | <li><a href="#contact" id="contact-link" class="skel-layers-ignoreHref"><span class="icon fa-envelope">Contact</span></a></li>
| + | |
| | </ul> | | </ul> |
| | </nav> | | </nav> |
| Line 107: |
Line 107: |
| | <div class="container"> | | <div class="container"> |
| | | | |
| − | <header>
| |
| − | <h2 class="alt">Hi! I'm <strong>Prologue</strong>, a <a href="http://html5up.net/license">free</a> responsive<br />
| |
| − | site template designed by <a href="http://html5up.net">HTML5 UP</a>.</h2>
| |
| − | <p>Ligula scelerisque justo sem accumsan diam quis<br />
| |
| − | vitae natoque dictum sollicitudin elementum.</p>
| |
| − | </header>
| |
| − |
| |
| − | <footer>
| |
| − | <a href="#portfolio" class="button scrolly">Team</a>
| |
| − | </footer>
| |
| | | | |
| | </div> | | </div> |
| Line 124: |
Line 114: |
| | <section id="portfolio" class="two"> | | <section id="portfolio" class="two"> |
| | <div class="container"> | | <div class="container"> |
| − |
| |
| − | <header>
| |
| − | <h2>Portfolio</h2>
| |
| − | </header>
| |
| − |
| |
| − | <p>Vitae natoque dictum etiam semper magnis enim feugiat convallis convallis
| |
| − | egestas rhoncus ridiculus in quis risus amet curabitur tempor orci penatibus.
| |
| − | Tellus erat mauris ipsum fermentum etiam vivamus eget. Nunc nibh morbi quis
| |
| − | fusce hendrerit lacus ridiculus.</p>
| |
| − |
| |
| − | <div class="row">
| |
| − | <div class="4u 12u$(mobile)">
| |
| − | <article class="item">
| |
| − | <a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
| |
| − | <header>
| |
| − | <h3>Ipsum Feugiat</h3>
| |
| − | </header>
| |
| − | </article>
| |
| − | <article class="item">
| |
| − | <a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
| |
| − | <header>
| |
| − | <h3>Rhoncus Semper</h3>
| |
| − | </header>
| |
| − | </article>
| |
| − | </div>
| |
| − | <div class="4u 12u$(mobile)">
| |
| − | <article class="item">
| |
| − | <a href="#" class="image fit"><img src="images/pic04.jpg" alt="" /></a>
| |
| − | <header>
| |
| − | <h3>Magna Nullam</h3>
| |
| − | </header>
| |
| − | </article>
| |
| − | <article class="item">
| |
| − | <a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
| |
| − | <header>
| |
| − | <h3>Natoque Vitae</h3>
| |
| − | </header>
| |
| − | </article>
| |
| − | </div>
| |
| − | <div class="4u$ 12u$(mobile)">
| |
| − | <article class="item">
| |
| − | <a href="#" class="image fit"><img src="images/pic06.jpg" alt="" /></a>
| |
| − | <header>
| |
| − | <h3>Dolor Penatibus</h3>
| |
| − | </header>
| |
| − | </article>
| |
| − | <article class="item">
| |
| − | <a href="#" class="image fit"><img src="images/pic07.jpg" alt="" /></a>
| |
| − | <header>
| |
| − | <h3>Orci Convallis</h3>
| |
| − | </header>
| |
| − | </article>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| | </div> | | </div> |
| Line 186: |
Line 122: |
| | <div class="container"> | | <div class="container"> |
| | | | |
| − | <header> | + | |
| − | <h2>About Me</h2>
| + | |
| − | </header>
| + | |
| − | | + | |
| − | <a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>
| + | |
| − | | + | |
| − | <p>Tincidunt eu elit diam magnis pretium accumsan etiam id urna. Ridiculus
| + | |
| − | ultricies curae quis et rhoncus velit. Lobortis elementum aliquet nec vitae
| + | |
| − | laoreet eget cubilia quam non etiam odio tincidunt montes. Elementum sem
| + | |
| − | parturient nulla quam placerat viverra mauris non cum elit tempus ullamcorper
| + | |
| − | dolor. Libero rutrum ut lacinia donec curae mus vel quisque sociis nec
| + | |
| − | ornare iaculis.</p>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | | + | |
| − | <!-- Contact -->
| + | |
| − | <section id="contact" class="four">
| + | |
| − | <div class="container">
| + | |
| − | | + | |
| − | <header>
| + | |
| − | <h2>Contact</h2>
| + | |
| − | </header>
| + | |
| − | | + | |
| − | <p>Elementum sem parturient nulla quam placerat viverra
| + | |
| − | mauris non cum elit tempus ullamcorper dolor. Libero rutrum ut lacinia
| + | |
| − | donec curae mus. Eleifend id porttitor ac ultricies lobortis sem nunc
| + | |
| − | orci ridiculus faucibus a consectetur. Porttitor curae mauris urna mi dolor.</p>
| + | |
| − | | + | |
| − | <form method="post" action="#">
| + | |
| − | <div class="row">
| + | |
| − | <div class="6u 12u$(mobile)"><input type="text" name="name" placeholder="Name" /></div>
| + | |
| − | <div class="6u$ 12u$(mobile)"><input type="text" name="email" placeholder="Email" /></div>
| + | |
| − | <div class="12u$">
| + | |
| − | <textarea name="message" placeholder="Message"></textarea>
| + | |
| − | </div>
| + | |
| − | <div class="12u$">
| + | |
| − | <input type="submit" value="Send Message" />
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </form>
| + | |
| | | | |
| | </div> | | </div> |
