SHOW:
|
|
- or go back to the newest paste.
| 1 | <!DOCTYPE html> | |
| 2 | <html lang="fr"> | |
| 3 | <head> | |
| 4 | <meta charset="UTF-8"> | |
| 5 | <title>FindThePrecious</title> | |
| 6 | <meta name="author" content="Chloe Trottin"> | |
| 7 | <meta name="description" content="FindThePrecious aims at protecting citizen from dangerous fellowship trying to destroy the ring. Either have you seen or catched one, contact us to reach our ultimate goal: Fellow wanted dead!"> | |
| 8 | </head> | |
| 9 | ||
| 10 | ||
| 11 | <body> | |
| 12 | <header> | |
| 13 | <h1>FindThePrecious</h1> | |
| 14 | <nav> | |
| 15 | <ul> | |
| 16 | <li><a>Fellows</a></li> | |
| 17 | <li><a>Contact us</a></li> | |
| 18 | </ul> | |
| 19 | </nav> | |
| 20 | </header> | |
| 21 | ||
| 22 | <section> | |
| 23 | <div id="slider"> | |
| 24 | <div id="slides"> | |
| 25 | ||
| 26 | - | <a href="https://placeholder.com"><img src="https://via.placeholder.com/350" alt="imageslide1"></a> |
| 26 | + | |
| 27 | <p>Orcs, Gobelins, Balrogs, protect your master Sauron!</p> | |
| 28 | <a href="https://placeholder.com"><img src="https://via.placeholder.com/350" alt="image d'orcs, gobelins et balrogs protégeant leur maitre Sauron"></a> | |
| 29 | ||
| 30 | </figure> | |
| 31 | - | <a href="https://placeholder.com"><img src="https://via.placeholder.com/350" alt="imageslide2"></a> |
| 31 | + | |
| 32 | <p>Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p> | |
| 33 | <a href="https://placeholder.com"><img src="https://via.placeholder.com/350" alt="image du ring protéger des fellows"></a> | |
| 34 | </figure> | |
| 35 | </div> | |
| 36 | </div> | |
| 37 | </section> | |
| 38 | ||
| 39 | <section> | |
| 40 | - | <a href="https://placeholder.com"><img src="https://via.placeholder.com/150" alt="FellowA"></a> |
| 40 | + | |
| 41 | - | <a href="https://placeholder.com"><img src="https://via.placeholder.com/150" alt="FellowB"></a> |
| 41 | + | |
| 42 | - | <a href="https://placeholder.com"><img src="https://via.placeholder.com/150" alt="FellowC"></a> |
| 42 | + | <a href="https://placeholder.com"><img src="https://via.placeholder.com/150" alt="Portait de Fellow The Wizard recherché, cheveux bruns court, moustache et taches de rousseurs"></a> |
| 43 | <a href="https://placeholder.com"><img src="https://via.placeholder.com/150" alt="Portrait de Fellow The hobbit mort, petit peau clair, grandes oreilles"></a> | |
| 44 | <a href="https://placeholder.com"><img src="https://via.placeholder.com/150" alt="Portrait de Yummy dwarf recherché, nain, cheveux rouge, barbe rousse"></a> | |
| 45 | </section> | |
| 46 | ||
| 47 | <hr/> | |
| 48 | ||
| 49 | <section> | |
| 50 | <h2>Contact us</h2> | |
| 51 | - | <label></label> <br/> |
| 51 | + | |
| 52 | - | <input type="email" class="email-field" placeholder="@" /> |
| 52 | + | |
| 53 | <label>E-mail</label> <br/> | |
| 54 | - | <label></label> <br/> |
| 54 | + | <input type="email" class="email-field" name="user_email" placeholder="@" /> |
| 55 | - | <input type="text" class="email-field" placeholder=Address /> |
| 55 | + | |
| 56 | <label>Address</label> <br/> | |
| 57 | <input type="text" class="email-field" name="user_adress" placeholder=Address /> | |
| 58 | <br/> | |
| 59 | - | <select id = "dropdown"> |
| 59 | + | |
| 60 | ||
| 61 | <label>Current situation</label> <br/> | |
| 62 | <select id = "dropdown"> | |
| 63 | <option value = "1">I have seen one of them</option> | |
| 64 | <option value = "2">I have caught one of them</option> | |
| 65 | </select> | |
| 66 | </p> | |
| 67 | <label>Message</label> <br/> | |
| 68 | <input id="Message" class="message-field" placeholder="Your message " /> <br/> <br/> <input type="submit" value="Send!" class="ctasubmitcolor" /> | |
| 69 | </form> | |
| 70 | ||
| 71 | ||
| 72 | </section> | |
| 73 | ||
| 74 | - | <p> <a href="https://www.google.fr">About us</a><br/> |
| 74 | + | |
| 75 | - | <a href="https://www.google.fr">Fellows</a><br/> |
| 75 | + | |
| 76 | - | <a href="https://www.google.fr">Join our army</a> </p> |
| 76 | + | |
| 77 | <p> <a href="https://www.google.fr" title="Learn more about who we are and why we want to protect the ring">About us</a><br/> | |
| 78 | ||
| 79 | - | <p><a href="https://www.google.fr">FAQ</a> <br/> |
| 79 | + | <a href="https://www.google.fr" title="Check out dangerous fellow listed and highly wanted">Fellows</a><br/> |
| 80 | - | <a href="https://www.google.fr">Reward conditions</a> <br/> |
| 80 | + | |
| 81 | - | <a href="https://www.google.fr">Legal mentions</a> </p> |
| 81 | + | <a href="https://www.google.fr" title="Discover the process to help catch the fellow and protect our master">Join our army</a> </p> |
| 82 | ||
| 83 | <br/> | |
| 84 | - | <p><a href="http://www.sauron4ever.com">Sauron4Ever.com</a> <br/> |
| 84 | + | <p><a href="https://www.google.fr" title="Find answers to your questions about findtheprecious">FAQ</a> <br/> |
| 85 | ||
| 86 | - | <a href="http://www.twitter.com">Follow him also on twitter</a> </p> |
| 86 | + | <a href="https://www.google.fr" title="Find more about conditions to match to have a reward">Reward conditions</a> <br/> |
| 87 | ||
| 88 | <a href="https://www.google.fr" title="Check out legal conditions of Findtheprecious">Legal mentions</a> </p> | |
| 89 | ||
| 90 | <br/> | |
| 91 | <p><a href="http://www.sauron4ever.com" title="Join Sauron fan club">Sauron4Ever.com</a> <br/> | |
| 92 | ||
| 93 | <a href="http://www.twitter.com" title="don't miss any news about our dear Sauron thanks to twitter">Follow him also on twitter</a> </p> | |
| 94 | ||
| 95 | </footer> | |
| 96 | </body> | |
| 97 | </html> |
