Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
- <title>Find the precious!</title>
- <link rel="stylesheet" href="style.css">
- </head>
- <body class="container">
- <nav class="topbar">
- <ul>
- <li>FindThePrecious.com</li>
- </ul>
- </nav>
- <section class="carousel">
- <h2>Dangerous fellowship try to destroy the ring</h2>
- <p>Orcs, Gobelins, Balrogs, protect your master Sauron !</p>
- </section>
- <section class="join">
- <h2>We need you !</h2>
- <button> Join our army </button>
- </section>
- <section class="fellows">
- <h2 class="title-wanted">Fellows wanted dead or alive</h2>
- <section class="articles">
- <article></article>
- <article></article>
- <article></article>
- </section>
- </section>
- <section class="contact">
- <h2 class="contact-title">Contact us</h2>
- <form>
- <input class="feedback" type="text" placeholder="@">
- <input class="feedback" type="text" placeholder="⌂">
- <input class="feedback" type="text" placeholder="I have seen one of them">
- <textarea class="feedback" placeholder="Your message"></textarea>
- <button name="Send!" type="button"> Send ! </button>
- </form>
- </section>
- <footer>
- <div class="footerPartOne">
- <ul>
- <li><a href="">Sauron4Ever.com</a></li>
- <li><a href="">Follow him</a></li>
- </ul>
- </div>
- <div class="footerPartTwo">
- <ul>
- <li><a href="">About us</a></li>
- <li><a href="">Fellows</a></li>
- <li><a href="">Join our army</a></li>
- </ul>
- <ul>
- <li><a href="">FAQ</a></li>
- <li><a href="">Reward conditions</a></li>
- <li><a href="">Legal mentions</a></li>
- </ul>
- </div>
- </footer>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement