API tools faq
paste
farfnd

contact.html

farfnd
Oct 19th, 2021 (edited)
123
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en"><head>
  3. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <title>Contact | Ini Toko Baju</title>
  7.  
  8.     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  9.     <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
  10.    
  11.     <link rel="stylesheet" href="style.css">
  12. </head>
  13.  
  14. <body class="text-center">
  15.    
  16.   <main class="form-contact">
  17.     <header>
  18.       <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
  19.         <div class="container-fluid">
  20.           <a class="navbar-brand" href="/">
  21.             <img src="https://farfnd.github.io/assets/images/FAnewgrey.png" alt="" width="30" class="d-inline-block align-text-top">
  22.             Ini Toko Baju
  23.           </a>
  24.           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  25.             <span class="navbar-toggler-icon"></span>
  26.           </button>
  27.           <div class="collapse navbar-collapse" id="navbarCollapse">
  28.             <ul class="navbar-nav me-auto mb-2 mb-md-0">
  29.               <li class="nav-item">
  30.                 <a class="nav-link" aria-current="page" href="/">Home</a>
  31.               </li>
  32.               <li class="nav-item dropdown">
  33.                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  34.                   Categories
  35.                 </a>
  36.                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  37.                   <li><a class="dropdown-item" href="#">Men</a></li>
  38.                   <li><a class="dropdown-item" href="#">Women</a></li>
  39.                   <li><a class="dropdown-item" href="#">Kids</a></li>
  40.                 </ul>
  41.               </li>
  42.               <li class="nav-item">
  43.                 <a class="nav-link active" href="/contact.html">Contact</a>
  44.               </li>
  45.             </ul>
  46.             <div class="col-md-6 text-end">
  47.               <a class="btn btn-outline-primary me-2 btn-light" href="/login.html">Log in</a>
  48.               <a class="btn btn-primary" href="/signup.html">Sign up</a>
  49.             </div>
  50.           </div>
  51.         </div>
  52.       </nav>
  53.     </header>
  54.  
  55.     <form>
  56.       </h1>
  57.       <h1 class="h3 mb-3 fw-normal">
  58.         Contact us
  59.       </h1>
  60.       <p>Got any questions? We're ready to help.</p>
  61.       <div class="form-floating mb-3">
  62.         <input type="text" class="form-control" id="name" placeholder="John Doe" required>
  63.         <label for="name">Name</label>
  64.       </div>
  65.       <div class="form-floating mb-3">
  66.         <input type="email" class="form-control" id="email" placeholder="[email protected]" required>
  67.         <label for="email">Email address</label>
  68.       </div>
  69.       <div class="form-floating mb-3">
  70.         <input type="text" class="form-control" id="subject" placeholder="Subject" required>
  71.         <label for="subject">Subject</label>
  72.       </div>
  73.       <div class="form-floating mb-3">
  74.         <textarea class="form-control" placeholder="Leave your message here" id="message" style="height: 200px"></textarea>
  75.         <label for="message">Message</label>
  76.       </div>
  77.  
  78.       <button class="w-100 btn btn-lg btn-primary mb-3" type="submit">Submit</button>
  79.     </form>
  80.   </main>
  81.   <footer class="text-muted">
  82.     <div class="container">
  83.      
  84.       <p class="text-dark">
  85.         Ini Toko Baju &copy; <a href="https://farfnd.github.io" style="text-decoration: none;">FA</a> 2021.
  86.       </p>
  87.  
  88.     </div>
  89.   </footer>
  90.   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
  91. </body>
  92. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!