appointment form

aabdulk862 · Oct 16, 2023 · 577bf7f · 577bf7f
1 parent 99c3e03
commit 577bf7f
Show file tree

Hide file tree

Showing 6 changed files with 103 additions and 29 deletions.
diff --git a/appointments.html b/appointments.html
@@ -45,8 +45,55 @@ <h1><a href="index.html">Jason's Enterprises</a></h1>
  <article class="box post">
  <header>
  <h2>Appointments</h2>
- <p>Book Now</p>
+ <p>Book Now!</p>
  </header>
+ <div class="container">
+ <form action="">
+ <label for="fname">Name</label>
+ <input
+ type="text"
+ id="fname"
+ name="fullname"
+ placeholder="Your name.."
+ />
+
+ <label for="lname">Email Address</label>
+ <input
+ type="text"
+ id="eAddress"
+ name="emailAddress"
+ placeholder="Your email address.."
+ />
+
+ <label for="pNumber">Phone Number</label>
+ <input
+ type="text"
+ id="pNumber"
+ name="phoneNumber"
+ placeholder="Your phone number.."
+ />
+
+ <label for="service">Service</label>
+ <input
+ type="text"
+ id="service"
+ name="service"
+ placeholder="What service do you require?"
+ />
+ <label for="appDate">Appointment Date</label>
+ <input
+ type="date"
+ id="appDate"
+ name="appDate"
+ placeholder="Your name.."
+ />
+ <label for="appTime">Appointment Time</label>
+ <input type="time" id="appTime" name="appTime" />
+ <br />
+ <br />
+ <input type="submit" value="Submit" />
+ </form>
+ </div>
  </article>
  </div>
  </section>
@@ -141,7 +188,12 @@ <h3>Phone</h3>
  <div id="copyright">
  <ul class="links">
  <li>&copy; Jason's Enterprises. All rights reserved.</li>
- <li>Design: <a target="_blank" rel="noopener" href="http://html5up.net">HTML5 UP</a></li>
+ <li>
+ Design:
+ <a target="_blank" rel="noopener" href="http://html5up.net"
+ >HTML5 UP</a
+ >
+ </li>
  </ul>
  </div>
  </div>
@@ -157,5 +209,6 @@ <h3>Phone</h3>
  <script src="assets/js/breakpoints.min.js"></script>
  <script src="assets/js/util.js"></script>
  <script src="assets/js/main.js"></script>
+ <script src="assets/js/appointment.js"></script>
  </body>
 </html>
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -311,7 +311,7 @@ table {
  }
 }
 /* Carousel */
-.slider-container{
+.slider-container {
  display: grid;
  place-items: center;
 }
@@ -1587,12 +1587,13 @@ form label {
  color: #252122;
  font-weight: 400;
  margin: 0 0 0.5em 0;
+ padding-top: 0.8em;
 }
 
 form input[type="text"],
 form input[type="email"],
 form input[type="password"],
-form select,
+form input[type="time"] form select,
 form textarea {
  -webkit-appearance: none;
  display: block;
@@ -1688,7 +1689,6 @@ header > p {
  display: block;
  font-style: italic;
  margin: 0.5em 0 0 0;
- padding-bottom: 0.5em;
 }
 
 header.major {
@@ -2080,11 +2080,25 @@ ul.social li a.fa-facebook:hover {
  background: #4c6aa8;
 }
 ul.social li a.fa-instagram {
- background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
+ background: linear-gradient(
+ 45deg,
+ #f09433 0%,
+ #e6683c 25%,
+ #dc2743 50%,
+ #cc2366 75%,
+ #bc1888 100%
+ );
 }
 
 ul.social li a.fa-instagram:hover {
- background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
+ background: linear-gradient(
+ 45deg,
+ #f09433 0%,
+ #e6683c 25%,
+ #dc2743 50%,
+ #cc2366 75%,
+ #bc1888 100%
+ );
 }
 
 ul.social li a.fa-twitter {
@@ -2631,7 +2645,7 @@ ul.social li a.fa-google-plus:hover {
 
 @media screen and (max-width: 980px) {
  /* Basic */
- #desc{
+ #desc {
  padding-top: 20px;
  }
  html,

diff --git a/assets/js/appointment.js b/assets/js/appointment.js
diff --git a/contact.html b/contact.html
@@ -74,15 +74,15 @@ <h2>Contact Us</h2>
  placeholder="Your last name.."
  />
 
- <label for="lname">Email Address</label>
+ <label for="eAddress">Email Address</label>
  <input
  type="text"
  id="eAddress"
  name="emailAddress"
  placeholder="Your email address.."
  />
 
- <label for="lname">Phone Number</label>
+ <label for="pNumber">Phone Number</label>
  <input
  type="text"
  id="pNumber"

diff --git a/images/wrench-install.jpg b/images/wrench-install.jpg
diff --git a/story.html b/story.html
@@ -53,6 +53,7 @@ <h2>Our Story</h2>
  our customers, ensuring that every experience with us is not just
  helpful but also profoundly personal.
  </p>
+
  <section>
  <header>
  <h3>Our Commitment</h3>
@@ -71,36 +72,37 @@ <h3>Our Commitment</h3>
  <h3>Why Choose Jason's Enterprise?</h3>
  </header>
  <p>
- <u>Expertise</u>: With years of experience in the industry, we possess
- the expertise needed to handle a wide range of home installation
- projects. From intricate details to complex installations, we
- have the knowledge and skills to get the job done right.
+ <u>Expertise</u>: With years of experience in the industry, we
+ possess the expertise needed to handle a wide range of home
+ installation projects. From intricate details to complex
+ installations, we have the knowledge and skills to get the job
+ done right.
  </p>
  <p>
- <u>Personalized Approach</u>: We value the uniqueness of every home and
- every customer. That's why we take the time to understand your
- specific requirements, preferences, and concerns. By tailoring
- our services to your individual needs, we ensure a personalized
- and satisfying experience.
+ <u>Personalized Approach</u>: We value the uniqueness of every
+ home and every customer. That's why we take the time to
+ understand your specific requirements, preferences, and
+ concerns. By tailoring our services to your individual needs, we
+ ensure a personalized and satisfying experience.
  </p>
  <p>
- <u>Customer Care</u>: At Jason's Enterprise, you are not just another
- client; you are a valued member of our community. We prioritize
- your needs and concerns, addressing them with utmost care and
- attention. Your satisfaction is our goal, and we go the extra
- mile to exceed your expectations.
+ <u>Customer Care</u>: At Jason's Enterprise, you are not just
+ another client; you are a valued member of our community. We
+ prioritize your needs and concerns, addressing them with utmost
+ care and attention. Your satisfaction is our goal, and we go the
+ extra mile to exceed your expectations.
  </p>
  <p>
- <u>Quality Assurance</u>: We believe in delivering excellence in every
- aspect of our services. From the materials we use to the
+ <u>Quality Assurance</u>: We believe in delivering excellence in
+ every aspect of our services. From the materials we use to the
  techniques we employ; we uphold the highest standards of
  quality. Rest assured, when you choose Jason's Enterprise, you
  are choosing top-quality installations that stand the test of
  time.
  </p>
  <p>
- <u>Community Focus</u>: Being a small business, we understand the
- importance of community support. We actively engage with our
+ <u>Community Focus</u>: Being a small business, we understand
+ the importance of community support. We actively engage with our
  local community, building trust, and fostering long-lasting
  relationships. When you support Jason's Enterprise, you're not
  just supporting a business; you're contributing to the growth
@@ -122,7 +124,12 @@ <h3>Join Us in Transforming Your Home</h3>
  you and contribute to making your home a place where comfort and
  style harmoniously coexist.
  </p>
- <p><i>Your Home, Our Expertise - Jason's Enterprise, Where Personalized Installations Meet Customer Care.</i> </p>
+ <p>
+ <i
+ >Your Home, Our Expertise - Jason's Enterprise, Where
+ Personalized Installations Meet Customer Care.</i
+ >
+ </p>
  </section>
  </article>
  </div>