API tools faq
paste
Advertisement
Mhyrn

findThePrecious.com (Reforged)

Mhyrn
Feb 26th, 2020
187
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html lang="en-US">
  4.  
  5.     <head>
  6.         <meta charset="UTF-8">
  7.         <title>Lorem ipsum dolor sit</title>
  8.         <meta name="author" content="Michel-Ange MENDES DOS SANTOS">
  9.         <meta name="description" content="The purpose of the site is to help Sauron to find some wanted fellows.">
  10.        
  11.     </head>
  12.    
  13.     <body>
  14.         <main>
  15.        
  16.             <!-- Barre de Navigation -->
  17.             <header>
  18.                 <nav>
  19.                     <a title="FindThePrecious.com" href="#">Lorem ipsum dolor sit</a>
  20.                     <ul>
  21.                         <li><a href="#menu_1">Sed finibus tortor</a></li>
  22.                         <li><a href="#menu_2">Aliquam erat</a></li>
  23.                     </ul>                  
  24.                 </nav>
  25.             </header>
  26.             <!-- Barre de Navigation -->
  27.            
  28.             <!-- Partie Principale de la Page -->
  29.             <article>
  30.            
  31.                 <!-- Bouton de défilement gauche -->
  32.                 <input type="button" value="<">
  33.                 <!-- Bouton de défilement gauche -->
  34.                
  35.                 <!-- Titre de Section -->
  36.                 <h2>Donec turpis sapien, vulputate interdum tellus vitae</h2>
  37.                 <!-- Titre de Section -->
  38.                
  39.                 <h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam elit ipsum, tempor.</h4>
  40.                
  41.                 <!-- Bouton de défilement droite -->
  42.                 <input type="button" value=">">
  43.                 <!-- Bouton de défilement droite -->
  44.                
  45.                 <section id="#menu_1">
  46.                
  47.                     <!-- Titre de Section -->
  48.                     <h2>Sed finibus tortor</h2>
  49.                     <!-- Titre de Section -->
  50.                    
  51.                     <!-- Personne 1 -->
  52.                     <div>
  53.                         <a title="Fellow_1"><img src="https://via.placeholder.com/25" title="The Wizard" alt="Portrait of the wizard we are looking for."></a>
  54.                         <h3>Integer tincidunt</h3>
  55.                         <p>Aliquam diam nunc, viverra vitae.</p>
  56.                     </div>
  57.                     <!-- Personne 1 -->
  58.                    
  59.                     <!-- Personne 2 -->
  60.                     <div>
  61.                         <a title="Fellow_2"><img src="https://via.placeholder.com/25" title="Hobbit #3" alt="Portrait of one of the Hobbits we are looking for."></a>
  62.                         <h3>Integer tincidunt</h3>
  63.                         <p>Aliquam diam nunc, viverra vitae.</p>
  64.                     </div>
  65.                     <!-- Personne 2 -->
  66.                    
  67.                     <!-- Personne 3 -->
  68.                     <div>
  69.                         <a title="Fellow_3"><img src="https://via.placeholder.com/25" title="Yummy Dwarf" alt="Portrait of one of the Dwarves we are looking for."></a>
  70.                         <h3>Integer tincidunt</h3>
  71.                         <p>Aliquam diam nunc, viverra vitae.</p>
  72.                     </div>
  73.                     <!-- Personne 3 -->
  74.                    
  75.                 </section>
  76.                
  77.             </article>
  78.             <!-- Partie Principale de la Page -->
  79.            
  80.             <hr/>
  81.            
  82.             <!-- Formulaire de Contact -->
  83.             <aside>
  84.                 <section id="#menu_2">
  85.                
  86.                     <!-- Titre de Section -->
  87.                     <h2>Aliquam erat</h2>
  88.                     <!-- Titre de Section -->
  89.                    
  90.                     <!-- Formulaire -->
  91.                     <form>
  92.                    
  93.                         <!-- Champs Adresse E-mail -->
  94.                         <label for="form_email">E-mail</label>
  95.                         <input type="email" id="form_email" name="email" placeholder="Vivamus maximus">
  96.                         <!-- Champs Adresse E-mail -->
  97.                        
  98.                         <!-- Champs Adresse -->
  99.                         <label for="form_address">Address</label>
  100.                         <input type="text" id="form_address" name="address" placeholder="Sed blandit">
  101.                         <!-- Champs Adresse -->
  102.                        
  103.                         <!-- Sélecteur -->
  104.                         <label for="form_subject">Select</label>
  105.                         <select id="form_subject">
  106.                             <option>Aliquam feugiat dolor eu diam lobortis</option>
  107.                         </select>
  108.                         <!-- Sélecteur -->
  109.                        
  110.                         <!-- Zone de texte -->
  111.                         <label for="form_message">Message</label>
  112.                         <textarea id="form_message" rows="6" name="message" placeholder="Nunc aliquet"></textarea>
  113.                         <!-- Zone de texte -->
  114.                        
  115.                         <!-- Bouton de soumission -->
  116.                         <button type="submit" name="submit">Send !</button>
  117.                         <!-- Bouton de soumission -->
  118.                        
  119.                     </form>
  120.                     <!-- Formulaire -->
  121.                    
  122.                 </section>
  123.             </aside>
  124.             <!-- Formulaire de Contact -->
  125.            
  126.             <!-- Footer -->
  127.             <footer>
  128.            
  129.                 <!-- Liens de bas de page -->
  130.                 <nav>
  131.                     <ul>
  132.                         <li><a title="About" href="#">Aliquam pulvinar</a></li>
  133.                         <li><a title="Fellows" href="#">Aliquam erat</a></li>
  134.                         <li><a title="Join" href="#">Maecenas quis mauris</a></li>
  135.                         <li><a title="FAQ" href="#">Ut sagittis</a></li>
  136.                         <li><a title="Reward" href="#">Integer dignissim</a></li>
  137.                         <li><a title="Legal" href="#">Nam quis</a></li>
  138.                     </ul>                  
  139.                 </nav>
  140.                 <!-- Liens de bas de page -->
  141.                
  142.                 <!-- Lien vers un autre site -->
  143.                 <a title="Sauron4Ever" href="#">Integer ornare urna</a>
  144.                 <!-- Lien vers un autre site -->
  145.                
  146.                 <!-- Réseaux sociaux -->
  147.                 <p>Donec congue nibh ac tincidunt mattis</p>
  148.                 <!-- Réseaux sociaux -->
  149.                
  150.             </footer>
  151.             <!-- Footer -->
  152.            
  153.         </main>
  154.     </body>
  155.    
  156. </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!