-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (118 loc) · 5.52 KB
/
index.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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset="utf-8" />
<meta name = "author" content = "Ryan Huang">
<meta name = "keywords" content = "Pamela's Diner">
<meta name = "description" content = "Pamela's Diner">
<link rel = "stylesheet" media="all" type="text/css" href = "css/styles.css"/>
<link rel="stylesheet" media="all" type="text/css" href="css/jquery-ui.css"/>
<title> Pamela's Diner </title>
<script src = "js/jquery-3.6.0.min.js"></script>
<script src="js/scripts.js"></script>
<script src = "js/jquery-ui.min.js" type="text/javascript"></script>
<script>$(function(){
$("#accordion").accordion();
});</script>
</head>
<body>
<div id="container">
<div id ="top_row">
<header>
<h1> Pamela's Diner </h1>
<h3> 93 years of tradition</h3>
<img src="images/pamelaslogo.jpg" alt="pamelas diner logo"/>
</header>
<nav>
<a class="selected" href="index.html"> About</a>
<a href="menu.html">Menu/Order online</a>
<a href="locations.html"> Locations</a>
<a href="WES.html"> what everyone's saying </a>
<!-- <a href="citations.html">citations </a> -->
<a href="applyhere.html">apply here</a>
<!-- <a href="orderonline.html">order online</a> -->
</nav>
</div>
<div id = "content">
<h3>About Us</h3>
<div id="images">
<div class="row">
<div class="column">
<img src="images/pam1.jpg" alt="chorizo hash, cheesy eggs, and tortillas">
<img src= "images/pam2.jpg" alt="hash browns, eggs, bacon strips, and pancake with butter on top"/>
</div>
<div class="column">
<img src="images/pam3.jpg" alt="corned beef hash with toasted bread on top of scrambled eggs"/>
<img src="images/pam4.jpg" alt="stacked pancakes"/>
</div>
<div class="column">
<img src="images/pam5.jpg" alt="hash browns, scrambled eggs, and two pieces of toasted bread"/>
<img src="images/pam6.jpg" alt="pouring Heinz ketchup on hamburger with fries"/>
</div>
<div class="column">
<img src="images/pam7.jpg" alt="strawberry crepes"/>
</div>
</div>
</div>
<p>Welcome to Pamela's Diner where we specialize in breakfast and other classic American cuisine </p>
<h3>Contact</h3>
<div id="container-graph"></div>
<h4>Subscribe to our newsletter! </h4>
<form onsubmit="return validate()">
<fieldset>
<legend>Tell us about yourself:</legend>
<label for="uname"> Name:</label><br/>
<input type="text" id="uname" name ="uname" value="" size="20" maxlength = "250" placeholder="First Name, Last Name" required><br/> <br/>
<!-- <label for="txtDate">Your date of birth(required):</label><br/>
<input type="date" id="txtDate" name="txtDate" value="mm/dd/yyyy" size="20" required><br/><br/> -->
<label for="zip">Zip Code(not required)</label><br/>
<input type="number" id="zip" name="zip" value="" size="5" required><br/><br/>
</fieldset>
<!-- <fieldset>
<legend>Tell me about your preferences</legend>
<label for="flower">Your favorite flower color:</label><br/>
<input type="color" id="flower" name="flower"><br/><br/>
<label for="mes">message:</label>
<textarea id="mes" name="mes" rows="10" cols="50" maxlength="1000"></textarea><br/><br/>
</fieldset> -->
<fieldset>
<legend>Let's stay in touch</legend>
<label for="source"> How did you find out about us?</label>
<select id="source">
<option value="Google" selected>Google</option>
<option value="news">News article</option>
<option value="friend">Friend</option>
<option value="other">Other</option>
</select><br/><br/>
<label for="update">Please indicate if you want to subscribe to newsletter:</label>
<input type="checkbox" id="update" name="update" value="update"><br/><br/>
<label for="uemail">Please provide your email address</label>
<input type="email" id="uemail" name="uemail" placeholder="[email protected]" required><br/><br/>
<label for="phone">Please provide your phone number</label>
<input type="text" id="phone" name="phone" value="" required><br/><br/>
<label for="upassword">Choose a password</label>
<input type="password" id="upassword" name="upassword" maxlength="20" required><br/><br/>
</fieldset>
<fieldset>
<input type ="image" src="images/submit.png" alt="Submit" name= "btnimage">
</fieldset>
</form>
</div>
<div id = "sidebar">
<h3>Contact </h3>
<strong>Ryan Huang</strong><br/>
<a href="http://www.cmu.edu" target="_blank">Carnegie Mellon University</a><br/>
5000 Forbes Avenue<br/>
Pittsburgh, PA 15213<br/>
412-268-0000 (h)<br/>
412-555-5555 (c)<br/><br/>
<a href = "mailto:[email protected]"><img src = "images/email.png" alt = "Email Icon"></a>
<a href ="https://www.linkedin.com/in/ryan-huang2001/" target = "_blank"><img src= "images/linkedin.png" alt = "LinkedIn Logo"/></a>
<a href = "https://www.facebook.com/ryan.huang.54540/" target ="_blank"><img src = "images/facebook.png" alt = "Facebook Logo"/></a>
</div>
<footer>
© 2021 Pamela's Diner ™ <a href = "https://www.facebook.com/pamelasdiner/"><img src = "images/facelogo.png" alt = "facebook Icon"></a> <a href = "https://www.instagram.com/pamelasdiner/?hl=en"><img src = "images/instalogo.png" alt = "instagram Icon"></a> <br>
</footer>
</div>
</body>
</html>