API tools faq
paste
Advertisement
thotfrnk

final project signup.html

thotfrnk
Jan 13th, 2023
64
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--Sign up page for new users-->
  4.  
  5. <html lang="en-US">
  6.  
  7.      <head>
  8.           <title>Sign Up</title>
  9.           <meta charset="utf-8">
  10.           <link href="../css/style.css" rel="stylesheet" type="text/css">
  11.           <link rel="icon" type="image/png" sizes="32x32" href="../pics/favicon-32x32.png">
  12.      </head>
  13.      
  14.      <body class="box">
  15.           <!--Header-->
  16.               <div id="header">
  17.                 <header>
  18.                  
  19.                   <!--Navigation bar-->
  20.                  
  21.                   <div>
  22.                      <nav>
  23.                         <ul>
  24.                            <li><a href="../index.html">Home</a></li>
  25.                            <li><a href="Services.html">Services</a></li>
  26.                            <li><a href="Gallery.html">Gallery</a></li>
  27.                            <li><a href="Contact.html">Contact</a></li>
  28.                            <li><div id="login"><a href="login.html">Login</a></div></li>
  29.                            <li><div id="signup"><a href="signup.html">Sign Up</a></div></li>
  30.                         </ul>
  31.                      </nav>
  32.                   </div>
  33.                  </header>
  34.               </div> <!--End of header-->
  35.              
  36.               <!--Banner-->
  37.               <div class="banner"><img src="../pics/subcool_ac.jpg" alt="A longer version of Subcool AC Services' logo." width="1070" height="350"></div>
  38.          
  39.           <div class="container">
  40.          
  41.           <div id="form_sign">
  42.          
  43.           <h1>Sign Up</h1>
  44.           <form action="response.html" class="form_style">
  45.                
  46.                <fieldset><legend>Personal Information:</legend>
  47.                <p>First Name</p>
  48.                
  49.                <input type="text" name="fname" required>
  50.                
  51.                <br>
  52.                
  53.                <p>Last Name</p>
  54.                
  55.                <input type="text" name="fname" required>
  56.                
  57.                <br>
  58.                
  59.                <p>Username</p>
  60.                
  61.                <input type="text" name="username" required>
  62.                
  63.                <br>
  64.                
  65.                <p>Email</p>
  66.                
  67.                <input type="email" name="email" required>
  68.                
  69.                <br>
  70.                
  71.                <p>Password</p>
  72.                
  73.                <input type="password" name="pword" required>
  74.                </fieldset>
  75.                <br>
  76.                
  77.                <fieldset><legend>Further Informaton:</legend>
  78.                <p>Check the option most appropriate.</p>
  79.                
  80.                <input type="radio" name="owner" id="home" value="home">
  81.                <label for="home">Home Owner</label>
  82.                
  83.                <br>
  84.                
  85.                <input type="radio" name="owner" id="business" value="business">
  86.                <label for="business">Business Owner</label><br>
  87.                
  88.                <br>
  89.                
  90.                <p>Are you a first time customer?</p>
  91.                
  92.                <input type="radio" name="customer" id="yes" value="yes">
  93.                <label for="yes">Yes</label>
  94.                
  95.                <br>
  96.                
  97.                <input type="radio" name="customer" id="no" value="no">
  98.                <label for="no">No</label>
  99.                
  100.                <br>
  101.                
  102.                <p>How did you find out about <strong>Subcool AC Services</strong>?</p>
  103.                
  104.                <select name="findout">
  105.                <option>Social Media</option>
  106.                <option>Customer/Family Member</option>
  107.                <option>Advertisments</option>
  108.                <option>Other</option>
  109.                </select>
  110.            
  111.                </fieldset>
  112.                
  113.                <br>
  114.                
  115.                <input type="submit" value="SIGN UP">
  116.           </form>
  117.           </div>
  118.          
  119.           <p class="form_para">Already have an account? Login in <a href="login.html">here.</a></p>
  120.          
  121.           </div>
  122.          
  123.           <!--Footer-->
  124.           <div id="footer">
  125.               <footer>
  126.                      <p><a href="sitemap.html">Site Map</a></p>
  127.                      <p>&copy; 2022 Subcool AC Services</p>
  128.               </footer>
  129.           </div>
  130.      </body>
  131.      
  132. </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!