Soccerboy-basketball.github.io/contact.html at main · Soccerboy-basketball/Soccerboy-basketball.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html>
<head>
       <title> Contact</title>
       </title>
    <link rel="stylesheet"  href="style.css">
<script src="index.js" defer>   </script>
</head>

<body>
<h1> <img alt="logo of dog " class="logo" src="dog-logo.jpg"  style="width:50px;height:50px;"/> Dookii’s Dog Care</h1>

<div class="bar">

       <div><a href="index.html">Home</a></div>
       <div><a href="index.html">Price options</a></div>
       <div><a href="index.html">Photos</a></div>
       <div><a href="index.html">Reviews</a></div>
       <div><a href="contact.html">Contact us</a></div>
       <div><a href="about.html">About Us</a></div>

              </div>

<h2> Contact Us</h2>
 <div id="formdiv">
<form id="myform">
       <br><label for="name">Your Name</label>
<br><input id="name" type="text">
<br><label for="email">Your Email</label>
<br><input id="email" type="text">
<br><label for="phone">Your Phone Number</label>
<br><input id="phone" type="text">
<br><label for="concerns">Any Additional Concerns(optional)</label>
<br><input id="concerns" type="text">
<br><input id="submit" type="submit">
</form>
</div>


       <img src="image.jpg" alt="dog being washed" style="width:400px;height:300px;"/>
<footer>
       <p>© 8.20.2023 Jonathan Stuppin</p>
</footer>

</body>
A form that consists of a name textbox, email textbox, phone number textbox, and how can we help you text area for visitors to enter their information. Each form field needs to be validated with JavaScript to make sure that they are not empty and an actual email and phone number must be entered.

</html>