-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
87 lines (87 loc) · 3.22 KB
/
contact.html
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link rel="stylesheet" href="css/styles.css" />
<title>Final Project</title>
</head>
<header>Fork&Spoon</header>
<body>
<nav>
<div class="navbar">
<div class="logo">
<a href=""> <img src="images/logo.png" alt="" /></a>
</div>
<ul>
<a href="index.html"><li>Home</li></a>
<a href="about.html"><li>About</li></a>
<a href="contact.html"><li>Contact</li></a>
</ul>
</div>
</nav>
<main>
<div class="contact-container">
<form action="" id="form-container">
<label for="fname"> First Name </label>
<input type="text" placeholder="Your First Name Here" />
<label for=""> Last Name </label>
<input type="text" placeholder="Your Last Name Here" />
<label for="email"> Email </label>
<input type="text" placeholder="Your Email Here" id="email-input" />
<label for="subject"> Subject </label>
<textarea
id="subject"
name="Subject"
placeholder="Write something..."
style="height: 75px"
>
</textarea>
<button>Submit</button>
</form>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6395.208478623605!2d-119.79015436511229!3d36.732065000000006!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x809460a5cfdf4b6b%3A0xab092ce50c284a0a!2sBitwise%20Industries!5e0!3m2!1sen!2sus!4v1624407392255!5m2!1sen!2sus"
width="600"
height="450"
style="border: 0"
allowfullscreen=""
loading="lazy"
></iframe>
</div>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem, maxime
voluptatum. Necessitatibus, rerum ipsa aut dolores impedit eius error
ea, magni nobis beatae obcaecati nostrum dolore earum non recusandae
nihil! Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Obcaecati dolore sunt quas quos eius ut maxime neque, totam labore,
molestiae modi? Magnam eveniet quam veritatis ipsam beatae illum tempore
aliquam!
</p>
</main>
<footer>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-instagram"></a>
</footer>
</body>
</html>