API tools faq
paste
Advertisement
thotfrnk

final project contact.html

thotfrnk
Jan 13th, 2023
55
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.65 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--Contact page for Subcool-->
  4.  
  5. <html lang="en-US">
  6.  
  7.      <head>
  8.           <meta charset="utf-8">
  9.          
  10.           <title>Contact</title>
  11.          
  12.           <link href="../css/style.css" rel="stylesheet" type="text/css">
  13.          
  14.           <link rel="icon" type="image/png" sizes="32x32" href="../pics/favicon-32x32.png">
  15.      </head>
  16.      
  17.      <body class="box">
  18.           <!--Header-->
  19.               <div id="header">
  20.                 <header>
  21.                  
  22.                   <!--Navigation bar-->
  23.                  
  24.                   <div>
  25.                      <nav>
  26.                         <ul>
  27.                            <li><a href="../index.html">Home</a></li>
  28.                            <li><a href="Services.html">Services</a></li>
  29.                            <li><a href="Gallery.html">Gallery</a></li>
  30.                            <li><a href="Contact.html">Contact</a></li>
  31.                            <li><div id="login"><a href="login.html">Login</a></div></li>
  32.                            <li><div id="signup"><a href="signup.html">Sign Up</a></div></li>
  33.                         </ul>
  34.                      </nav>
  35.                   </div>
  36.                  </header>
  37.               </div> <!--End of header-->
  38.              
  39.               <!--Banner-->
  40.               <div class="banner"><img src="../pics/subcool_ac.jpg" alt="A longer version of Subcool AC Services' logo." width="1070" height="350"></div>
  41.              
  42.               <!--form to make appointments-->
  43.          
  44.              <div class="container">
  45.                
  46.                 <h1>Contact Us</h1>
  47.              
  48.                 <div id="appoint">
  49.                     <p>Book your appointment now!</p>
  50.                     <form action="response.html" class="appointment">
  51.                          <fieldset><legend>Personal Information:</legend>
  52.                          <p>First Name</p>
  53.                
  54.                          <input type="text" name="fname" required>
  55.                
  56.                          <br>
  57.                
  58.                          <p>Last Name</p>
  59.                
  60.                          <input type="text" name="fname" required>
  61.                
  62.                          <br>
  63.                          
  64.                          <p>Phone Number</p>
  65.                          
  66.                          <input type="tel" name="phone" required>
  67.                          
  68.                          <br>
  69.                          
  70.                          <p>Email</p>
  71.                          
  72.                          <input type="email" name="email" required>
  73.                          </fieldset>
  74.                          
  75.                          <br>
  76.                          
  77.                          <fieldset><legend>Service Information:</legend>
  78.                          <p>Service Needed:</p>
  79.                          <input type="checkbox" name="service" id="install" value="install">
  80.                          <label for="install">Installation</label>
  81.                
  82.                          <br>
  83.                
  84.                          <input type="checkbox" name="service" id="repair" value="repair">
  85.                          <label for="repair">Repair</label>
  86.                          
  87.                          <br>
  88.                          
  89.                          <input type="checkbox" name="service" id="supply" value="supply">
  90.                          <label for="supply">Supply</label>
  91.                          
  92.                          <br>
  93.                          
  94.                          <input type="checkbox" name="service" id="troubleshoot" value="troubleshoot">
  95.                          <label for="troubleshoot">Troubleshooting</label>
  96.                          
  97.                          <br>
  98.                          
  99.                          <p>Brief description of the issue:</p>
  100.                          
  101.                          <textarea name="desc" rows="5" cols="30"></textarea>
  102.                          
  103.                          <br>
  104.                          
  105.                          <p>Date:</p>
  106.                          <input type="date" name="appt" required>
  107.                          
  108.                          <br>
  109.                          
  110.                          <p>Time:</p>
  111.                          <input type="time" name="times" required>
  112.                          </fieldset>
  113.                          
  114.                          <br>
  115.                          
  116.                          <input type="submit" value="SUBMIT">
  117.                     </form>
  118.                 </div>
  119.                
  120.                 <div id="contact">
  121.                     <p>You can also contact us at:</p>
  122.                    
  123.                        <ul>
  124.                           <li>Tel: +1 (868) 315-0339</li>
  125.                           <li>Email: skramdeo@hotmail.com</li>
  126.                        </ul>
  127.                 </div>
  128.             </div>
  129.            
  130.             <!--Footer-->
  131.           <div id="footer">
  132.               <footer>
  133.                      <p><a href="sitemap.html">Site Map</a></p>
  134.                      <p>&copy; 2022 Subcool AC Services</p>
  135.               </footer>
  136.           </div>
  137.          
  138.     </body>
  139. </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!