API tools faq
paste
Advertisement
Guest User

FindThePrecious

a guest
Feb 27th, 2020
213
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.40 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta name="author" content="Julien Gault">
  6.     <meta name="description" content="exercise for wild quest number 4">
  7.     <title>FindThePrecious.com</title>
  8.   </head>
  9.   <body>
  10.     <header>
  11.         <h1>FindThePrecious</h1>
  12.         <nav id="header-nav">
  13.             <ul>
  14.                 <li>FindThePrecious.com</li>
  15.                 <li><a href="" title="Fellows">Fellows</a></li>
  16.                 <li><a href="" title="contact Us">Contact Us</a></li>
  17.             </ul>
  18.         </nav>    
  19.     </header>
  20.     <main>
  21.         <section>
  22.             <div id="fellowship">
  23.                 <h2>Dangerous fellowship try to destroy the ring</h2>
  24.                 <p>Orc, Gobelins, Balrogs, protect your master Sauron !</p>
  25.                 <img class="fifellowship-picture"
  26.                src="http://via.placeholder.com/140.jpg"
  27.                alt="fellowship pictures">
  28.             </div>
  29.         </section>
  30.             <div id="Fellows">
  31.                 <h2>Fellows wanted Dead<span>(or alive if you want to eat them later)</span></h2>
  32.                     <div id="wizard">
  33.                         <h3>The Wizard</h3>
  34.                         <img class="wizard-pict"
  35.                        src="https://via.placeholder.com/45*60.png"
  36.                        alt="wizard picture an Fellows wanted">
  37.                         <h4>Reward 1000 gold coins</h4>
  38.                         <p>lorem ipsum</p>
  39.                     </div>
  40.                     <div id="hobbit3">
  41.                         <h3>Hobbit #3</h3>
  42.                         <img class="hobbit"
  43.                        src="https://via.placeholder.com/45*60.png"
  44.                        alt="hobbit3 picture an Fellows wanted">
  45.                         <h4>DEAD</h4>
  46.                         <p>lorem ipsum</p>
  47.                     </div>
  48.                     <div id="Yummy">
  49.                         <h3>Yummy Dwarf</h3>
  50.                         <img class="YummyD"
  51.                        src="https://via.placeholder.com/45*60.png"
  52.                        alt="yummy Dwarf picture an Fellows wanted">
  53.                         <h4>Reward 250 gold coins</h4>
  54.                         <p>lorem ipsum</p>
  55.                     </div>
  56.             </div>
  57.            
  58.         <hr>
  59.  
  60.         <section>
  61.             <h2>Contact us</h2>
  62.                 <form action="mailto:adresse.email@machine" method="post" class="Contact">
  63.                     <div class="Contact">
  64.                         <label for="mail">your email</label>
  65.                         <input type="email" name="mail" id="mail" placeholder="@" required>
  66.                     </div>
  67.                     <div class="Contact">
  68.                        
  69.                         <input list="reasons" placeholder="i have seen one of them">
  70.                         <datalist id="reasons">
  71.                             <option value="i have seen one of them">
  72.                         </datalist>
  73.                     </div>
  74.                     <div class="Contact">
  75.                         <label for="adress">your adress</label>
  76.                         <input type="text" name="adress" id="adress" placeholder="Your Adress" required>
  77.                     </div>
  78.                     <div class="Contact">
  79.                         <label for="msg">your message</label>
  80.                         <textarea id="msg" name="user_message" placeholder="write your message"></textarea>
  81.                     </div>
  82.                        
  83.                     <div class="Contact">
  84.                         <input type="submit" value="Send!">
  85.                     </div>
  86.                 </form>        
  87.         </section>
  88.     </main>
  89.     <footer>
  90.       <nav id="footer-nav">
  91.             <ul>              
  92.                 <li><a href="" title="About us">About us</a></li>
  93.                 <li><a href="" title="Fellow1">Fellows</a></li>
  94.                 <li><a href="" title="Join our army">Join our army</a></li>
  95.                 <li><a href="" title="FAQ">FAQ</a></li>
  96.                 <li><a href="" title="Reward conditions">Reward conditions</a></li>
  97.                 <li><a href="" title="Legal mentions">Legal mentions</a></li>
  98.                 <li><a href="" title="Sauron4Ever">Sauron4Ever.com</a></li>
  99.                 <li><a href="" title="twitter">Follow him also on twitter</a></li>
  100.             </ul>
  101.         </nav>    
  102.     </footer>
  103.   </body>
  104. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!