-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
90 lines (83 loc) · 3.74 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
88
89
90
<!DOCTYPE html>
<!--specifying language type-->
<html lang="en">
<head>
<!--Adding meta tags-->
<meta name = "author" content="Meghana Tera">
<meta name = "content" content="Contact">
<meta name = "keywords" content="HTML">
<title>Contact</title>
<link href="CSSTemplate.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div id="page">
<div class="menu-holder">
<nav id="header-main-menu">
<ul class="main-menu ">
<li>
<a href="home.html"> Home </a>
</li>
<li>
<a href="schedule.html">Courses</a>
</li>
<li>
<a href="index.html">About</a>
</li>
<li>
<a href="hobbies.html">Hobbies</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
</div>
<div>
<br/>
<h1 class= "center-text"> Contact Meghana </h1>
<div class = "center-mid-3">
<form action="http://www.example.com/form.php" method="get">
<fieldset >
<legend class = "center-3"> Contact Me</legend>
<p><label class="title" for="name">Your name:</label>
<input type="text" name="name" id="name"><br />
<label class="title" for="email">Your email:</label>
<input type="text" name="email" id="email"></p>
<p><label for="location" class="title">Your closest center:</label>
<select name="location" id="location">
<option value="ny">Carnegie Mellon</option>
<option value="il">Upitt</option>
<option value="ca">Chatham University</option>
</select></p>
<span class="title">Are you a member?</span>
<label><input type="radio" name="member" value="yes" /> Yes</label>
<label><input type="radio" name="member" value="no" /> No</label></p>
</fieldset>
<div class="submit"><input type="submit" value="Register" /></div>
</form>
</div>
<!--Added a map of carnegie mellon and centered it-->
<p align="center"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3036.448798476327!2d-79.94503858480738!3d40.443202679362045!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8834f21f58679a9f%3A0x88716b461fc4daf4!2sCarnegie%20Mellon%20University!5e0!3m2!1sen!2sus!4v1631929102630!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe></p>
<!--Added a footer-->
<footer class="footer">
<div>
<p> © 2021 </p>
<div class="socialmedia">
<a href="#">
<span class="twitter"> <img class= "smlogo" src="img/f081.png"/></span>
</a>
<a href="#">
<span class="facebook"> <img class= "smlogo" src="img/f082.png"/></span>
</a>
<a href="#">
<span class="fa fa-pinterest-p"> <img class= "smlogo" src="img/f083.png"/> </span>
</a>
</div>
</div>
</footer>
</div>
</body>
</html>