API tools faq
paste
Advertisement
Mhyrn

findThePrecious.com

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