API tools faq
paste
Advertisement
Kastus

WCS Quest on structuring an HTML page

Kastus
Sep 30th, 2022 (edited)
1,020
0
Never
1
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.60 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 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
    Kastus
    1 year
    Comment was deleted
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!