API tools faq
paste
Advertisement
Guest User

FindThePrecious

a guest
Feb 27th, 2020
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.04 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.     <meta lang="en">
  8.     <title>FindThePrecious.com</title>
  9.   </head>
  10.   <body>
  11.     <header>
  12.         <h1>FindThePrecious</h1>
  13.         <nav id="header-nav">
  14.             <ul>
  15.                 <li>FindThePrecious.com</li>
  16.                 <li><a href="">Fellows</a></li> /* le chemin n'est pas defini mais le titre du lien est defini apres le href="" */
  17.                 <li><a href="">Contact Us</a></li> /* le chemin n'est pas defini mais le titre du lien est defini apres le href="" */
  18.             </ul>
  19.         </nav>    
  20.     </header>
  21.     <main>
  22.         <section>
  23.             <div id="fellowship">
  24.                 <h2>Dangerous fellowship try to destroy the ring</h2>
  25.                 <p>Orc, Gobelins, Balrogs, protect your master Sauron !</p>
  26.                 <img class="fifellowship-picture"
  27.                src="http://via.placeholder.com/140.jpg"
  28.                alt="fellowship pictures">
  29.             </div>
  30.         </section>
  31.             <div id="Fellows">
  32.                 <h2>Fellows wanted Dead<span>(or alive if you want to eat them later)</span></h2>
  33.                     <div id="wizard">
  34.                         <h3>The Wizard</h3>
  35.                         <img class="wizard-pict"
  36.                        src="https://via.placeholder.com/45*60.png"
  37.                        alt="wizard picture an Fellows wanted">
  38.                         <h4>Reward 1000 gold coins</h4>
  39.                         <p>lorem ipsum</p>
  40.                     </div>
  41.                     <div id="hobbit3">
  42.                         <h3>Hobbit #3</h3>
  43.                         <img class="hobbit"
  44.                        src="https://via.placeholder.com/45*60.png"
  45.                        alt="hobbit3 picture an Fellows wanted">
  46.                         <h4>DEAD</h4>
  47.                         <p>lorem ipsum</p>
  48.                     </div>
  49.                     <div id="Yummy">
  50.                         <h3>Yummy Dwarf</h3>
  51.                         <img class="YummyD"
  52.                        src="https://via.placeholder.com/45*60.png"
  53.                        alt="yummy Dwarf picture an Fellows wanted">
  54.                         <h4>Reward 250 gold coins</h4>
  55.                         <p>lorem ipsum</p>
  56.                     </div>
  57.             </div>
  58.            
  59.         <hr>
  60.  
  61.         <section>
  62.             <h2>Contact us</h2>
  63.                 <form action="mailto:adresse.email@machine" method="post" class="Contact">
  64.                     <div class="Contact">
  65.                         <label for="mail"></label>
  66.                         <input type="email" name="mail" id="mail" placeholder="@" required>
  67.                     </div>
  68.                     <div class="Contact">
  69.                         <label for="reasons"></label>
  70.                         <input list="reasons" placeholder="i have seen one of them">
  71.                         <datalist id="reasons">
  72.                             <option value="i have seen one of them">
  73.                         </datalist>
  74.                     </div>
  75.                     <div class="Contact">
  76.                         <label for="adress"></label>
  77.                         <input type="text" name="adress" id="adress" placeholder="Your Adress" required>
  78.                     </div>
  79.                     <div class="Contact">
  80.                         <label for="msg"></label>
  81.                         <textarea id="msg" name="user_message" placeholder="write your message"></textarea>
  82.                     </div>
  83.                        
  84.                     <div class="Contact">
  85.                         <input type="submit" value="Send!">
  86.                     </div>
  87.                 </form>        
  88.         </section>
  89.     </main>
  90.     <footer>
  91.       <nav id="footer-nav">
  92.             <ul>              
  93.                 <li><a href="">About us</a></li> /* le chemin n'est pas defini mais le titre du lien est defini apres le href="" */
  94.                 <li><a href="">Fellows</a></li> /* le chemin n'est pas defini mais le titre du lien est defini apres le href="" */
  95.                 <li><a href="">Join our army</a></li> /* le chemin n'est pas defini mais le titre du lien est defini apres le href="" */
  96.                 <li><a href="">FAQ</a></li> /* le chemin n'est pas defini mais le titre du lien est defini apres le href="" */
  97.                 <li><a href="">Reward conditions</a></li> /* le chemin n'est pas defini mais le titre du lien est defini apres le href="" */
  98.                 <li><a href="">Legal mentions</a></li> /* le chemin n'est pas defini mais le titre du lien est defini apres le href="" */
  99.                 <li><a href="">Sauron4Ever.com</a></li> /* le chemin n'est pas defini mais le titre du lien est defini apres le href="" */
  100.                 <li><a href="">Follow him also on twitter</a></li> /* le chemin n'est pas defini mais le titre du lien est defini apres le href="" */
  101.             </ul>
  102.         </nav>    
  103.     </footer>
  104.   </body>
  105. </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!