API tools faq
paste
Advertisement
juliusDum

bonnes pratiques html Jules 2

juliusDum
Mar 1st, 2020
145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.24 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.     <title>findThePrecious.com</title>
  6.     <meta name="descritpion" content="une déscription de la page"/>
  7.    
  8.   </head>
  9.   <body>
  10.     <header>
  11.       <h1>findThePrecious.com</h1>
  12.        <nav>
  13.         <ul id="menu">
  14.           <li><a class="link" title="Fellow" href="#Fellow">Fellow</a></li>
  15.           <li><a class="link" href="#Contactus">Contact us</a></li>
  16.          </ul>
  17.       </nav>
  18.     </header>
  19.     <div id="myCarousel" class="carousel slide" data-ride="carousel"></div>
  20.   <!-- Indicateurs -->
  21.   <ol class="carousel-indicators">
  22.     <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  23.     <li data-target="#myCarousel" data-slide-to="1"></li>
  24.     <li data-target="#myCarousel" data-slide-to="2"></li>
  25.   </ol>
  26.     <div class="carousel-inner"></div>
  27.     <div class="item active">
  28.       <a href="https://placeholder.com"><img src="https://via.placeholder.com/140" alt="..."></a>
  29.       <div class="carousel-caption">
  30.         <p>...</p>
  31.       </div>
  32.     </div>
  33.       <div class="carousel-inner"></div>
  34.       <div class="item active">
  35.        <a href="https://placeholder.com"><img src="https://via.placeholder.com/140" alt="..."></a>
  36.        <div class="carousel-caption">
  37.         <p>...</p>
  38.       </div>
  39.     </div>
  40.       <div class="carousel-inner">
  41.       <div class="item active">
  42.        <a href="https://placeholder.com"><img src="https://via.placeholder.com/140" alt="..."></a>
  43.        <div class="carousel-caption">
  44.         <p>...</p>
  45.       </div>
  46.     </div>
  47.      <!-- controle gauche à droite -->
  48.   <a class="carousel-control-prev" href="..." role="button" data-slide="prev">
  49.     <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  50.     <span class="sr-only">Previous</span>
  51.   </a>
  52.   <a class="carousel-control-next" href="..." role="button" data-slide="next">
  53.     <span class="carousel-control-next-icon" aria-hidden="true"></span>
  54.     <span class="sr-only">Next</span>
  55.   </a>
  56. </div>  
  57.         <br/>
  58.         <br/>
  59.         <p>...</p>
  60.         <br/>
  61.         <br/>
  62.        <a href="https://placeholder.com">
  63.     <div class="container">
  64.       <img class="image" src="https://via.placeholder.com/140" alt="The Wizard">
  65.       <div class="text-reward">Reward <span class="money-color">1000</span><br> gold coins</div>
  66.       <div class="titre">The Wizard</div>
  67.     </div>
  68.   </a>
  69.       <a href="https://placeholder.com">
  70.     <div class="container">
  71.       <img class="image" src="https://via.placeholder.com/140" alt="Hobbit #3">
  72.       <div class="text-dead">dead</div>
  73.       <div class="titre">Hobbit #3</div>
  74.     </div>
  75.   </a>
  76.       <a href="https://placeholder.com">
  77.     <div class="container">
  78.       <img class="image" src="https://via.placeholder.com/140" alt="Yummy Dwarf">
  79.       <div class="text-reward">Reward <span class="money-color">250</span><br> gold coins</div>
  80.       <div class="titre">Yummy Dwarf</div>
  81.     </div>
  82.   </a>  
  83.         <br/>
  84.         <br/>
  85.         <br/>
  86.          <hr/>
  87.         <br/>
  88.     <h3 id="Contactus">Contact us</h3>
  89.          <br/>
  90.     <form>
  91.       <label for="email"> send an Email</label>
  92.         <input type="email" id="email" placeholder="@"><br/><br/>
  93.       <label for="home"> your address</label>  
  94.         <input type="text" id="home" placeholder=""><br/><br/>
  95.         <label> for="message"> Message:</label>
  96.       <textarea name="message" id="message" placeholder="Your message" rows="20" cols="100">
  97.          </textarea>
  98.         <input type="submit" value="send" id="button">
  99.     </form>
  100.          <br/>
  101.       <footer>
  102.         <a href="" title="About us" target="_blank"> About us</a><br/>
  103.         <a href="" title="Fellow" target="_blank"> Fellow</a><br/>
  104.         <a href="" title="Joint our army" target="_blank"> Joint our army</a><br/>
  105.         <a href="" title="FAQ" target="_blank"> FAQ</a><br/>
  106.         <a href="" title="Reward conditions" target="_blank"> Reward conditions</a><br/>
  107.         <a href="" title="Legal mentions" target="_blank"> Legal mentions</a><br/>
  108.         <a href="" title="Sauron4Ever.com" target="_blank"> Sauron4Ever.com</a><br/>
  109.         <a href="" title="Follow him also on Twitter" target="_blank"> Follow him also on Twitter</a><br/>
  110.       </footer>
  111.   </body>
  112. </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!