Advertisement
Kastus

WCS Quest on structuring an HTML page

Sep 30th, 2022 (edited)
966
0
Never
1
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.60 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Structuring an HTML page</title>
  8. </head>
  9. <body>
  10.     <nav>
  11.         <a class="active" href="#home">FindThePrecious.com</a>
  12.         <a href="#news">Fellows</a>
  13.         <a href="#news">Contact us</a>
  14.     </nav>
  15.     <div>
  16.         <h3>Dangerous fellowship try to destroy the rinf</h3>
  17.         <p>Orcs, Goblins, Balrogs, protect your master Sauron!</p>
  18.     </div>
  19.     <div>
  20.         <header>Fellows wanted dead (or alive if you want to eat them later)</header>
  21.     </div>
  22.     <section>
  23.         <a href="https://placeholder.com/"><img src ="https://via.placeholder.com/150"></a>
  24.         <p>Lorem ipsum dolor sit amet.</p>
  25.         <a href="https://placeholder.com/"><img src ="https://via.placeholder.com/150"></a>
  26.         <p>Lorem ipsum dolor sit amet.</p>
  27.         <a href="https://placeholder.com/"><img src ="https://via.placeholder.com/150"></a>
  28.         <p>Lorem ipsum dolor sit amet.</p>
  29.     </section>
  30.     <div>
  31.         <h2>Contact us</h2>
  32.         <form action="">
  33.             <input type="email" placeholder="Email">
  34.             <input type="phone number">
  35.             <select name="" id="">
  36.                 <option value="">I have seen one of them</option>
  37.             </select>
  38.             <textarea placeholder="Your message" rows="10"></textarea>
  39.             <button type="submit" href="/">Send!</button>
  40.         </form>
  41.     </div>
  42.     <footer>
  43.         <div class="container">
  44.             <div class="row justify-content-center">
  45.                 <div class="col-sm-4 col-md-3 item">
  46.                     <ul>
  47.                         <li><a href="#">About us</a></li>
  48.                         <li><a href="#">Fellows</a></li>
  49.                         <li><a href="#">Join our army</a></li>
  50.                     </ul>
  51.                 </div>
  52.                 <div class="col-sm-4 col-md-3 item">
  53.                     <ul>
  54.                         <li><a href="#">FAQ</a></li>
  55.                         <li><a href="#">Rewards conditions</a></li>
  56.                         <li><a href="#">Legal mentions</a></li>
  57.                     </ul>
  58.                 </div>
  59.                 <div class="col-sm-4 col-md-3 item">
  60.                     <ul>
  61.                         <li><a href="#">Sauron4Ever.com</a></li>
  62.                         <li><a href="#">Follow him also on twitter</a></li>
  63.                     </ul>
  64.                 </div>
  65.             </div>
  66.         </div>
  67.     </footer>
  68. </body>
  69. </html>
Advertisement
Comments
  • Kastus
    60 days
    Comment was deleted
Add Comment
Please, Sign In to add comment
Advertisement