-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (166 loc) · 7.39 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html>
<head>
<title>California Pizza Kitchen</title>
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<!-- Header of CPK page -->
<div class="header">
<!-- Yellow header bar-->
<div class="wrapper headBar">
<p>CPK THE PARK IS NOW OPEN</p>
<img src="./images/mobile_alert_close.gif" />
</div>
<!-- Logo Section of Header with User Account and Restaurant Links-->
<div>
<div class="wrapper">
<!-- CPK Logo -->
<img src="./images/logo_small.png" alt="logo" class="logoCPK" />
<!-- User Account Links -->
<nav class="logoNavBar">
<ul>
<li><a href="#">JOIN PIZZA DOUGH<sup>®</sup>REWARDS</a></li>
<li><a href="#">MY ACCOUNT</a></li>
</ul>
</nav>
</div>
<!-- User Restaurant Links-->
<div>
<nav class="navBar">
<ul>
<li><a href="#"><img src="./images/down_arrow.png" alt="plusSign" /></a><span>MENU</span></li>
<li><a href="#"><img src="./images/down_arrow.png" alt="plusSign" /></a><span>LOCATIONS</span></li>
<li><a href="#"><img src="./images/down_arrow.png" alt="plusSign" /></a><span>CATERING</span></li>
<li><a href="#"><img src="./images/down_arrow.png" alt="plusSign" /></a><span>GIFT CARDS</span></li>
<li><a href="#"><img src="./images/down_arrow.png" alt="plusSign" /></a><span>ORDER ONLINE</span></li>
</ul>
</nav>
</div>
</div>
<!--Border Between Nav Bar and Body of CPK Page-->
<div class="wrapper"><img src="./images/colordash.jpg" alt="colordash" class="border" /></div>
</div>
<!-- Body of CPK Page - Pizzas -->
<!-- Chicken Pizza Section -->
<div class="pizza chx">
<div class="pizzaBlurb">
<img src="./images/white_squiggle.png" alt="squiggle" />
<div class="pizzaText">
<h1>ROASTED GARLIC </br> CHICKEN PIZZA</h1>
<p>sweet caramelized onions, fresh </br> mozzarella, parmesan, slivered </br> scallions and cracked black pepper</p>
</div>
</div>
<!-- Arrow Directing User to Next Section -->
<div class="arrow"></div>
<!-- Download Image -->
<div class="download">
<img src="./images/download.png" alt="download" />
</div>
</div>
<!-- Rewards Club Ad -->
<div class="wrapper">
<div class="rewards">
<img src="./images/pizzadough_reward.png" alt="rewards" />
<div class="rewardText">
<h1>JOIN THE CLUB</h1>
<p>receive a free small plate </br> when you register</p>
<button type="button">SIGN UP</button>
</div>
</div>
</div>
<!-- Spinach Pizza Section -->
<div class="wrapper pizza spinach">
<!-- Download Image -->
<div class="download">
<img src="./images/download.png" alt="download" />
</div>
</div>
<!-- Body of CPK Page - Seasonal -->
<div class="seasonalHeader">
<img src="./images/squigly.jpg" alt="squigly" />
<h1>SEASONALLY INSPIRED</h1>
<p>fresh flavors to celebrate each season</p>
</div>
<!-- Back to Top and Download links -->
<div class="links">
<img src="./images/back_to_top.png" alt="up_arrow" class="upArrow" />
<img src="./images/download.png" alt="download" class="download" />
</div>
<!-- Mint Bev and Chicken Dish -->
<div class="seasonDishes">
<div class="mintBev"></div>
<div class="chicken"></div>
<!-- Back to Top and Download links -->
<img src="./images/back_to_top.png" alt="up_arrow" class="upArrow" />
<img src="./images/download.png" alt="download" class="download" />
</div>
<!-- Iced Drinks -->
<div class="seasonDishes iced">
<div class="drinks"></div>
<!-- Back to Top and Download links -->
<img src="./images/back_to_top.png" alt="up_arrow" class="upArrow" />
<img src="./images/download.png" alt="download" class="download" />
</div>
<!-- CPK Company Info. Links -->
<div class="footWrapper">
<ul class="company">
<li class="group">COMPANY</li>
<li><a href="#">About Us</a></li>
<li><a href="#">Press Room</a></li>
<li><a href="#">CPK Oven Ready</a></li>
<li><a href="#">CPKids & Fundraisers</a></li>
<li><a href="#">Inspired Acts</a></li>
</ul>
<ul class="realEstate">
<li class="group">REAL ESTATE</li>
<li><a href="#">Domestic</a></li>
<li><a href="#">International</a></li>
</ul>
<ul class="careers">
<li class="group">CAREERS</a></li>
<li><a href="#">Our Culture</a></li>
<li><a href="#">Opportunities</a></li>
</ul>
<ul class="FAQs">
<li class="group">FAQs</li>
<li><a href="#">General</a></li>
<li><a href="#">Menu & Ordering</a></li>
<li><a href="#">Gift Cards</a></li>
<li><a href="#">Catering & Events</a></li>
</ul>
<ul class="quickLinks">
<li class="group">QUICK LINKS</li>
<li><a href="#">Pizza Dough® Rewards</a></li>
<li><a href="#">Allergen & Nutrition Info</a></li>
</ul>
</div>
<!-- CPK Legal and External Links -->
<div class="footer">
<ul class="textLinks">
<li class="group1"><a href="#">CONTACT US</a></li>
<li class="group1"><a href="#">TERMS & CONDITIONS</a></li>
<li class="group1"><a href="#">PRIVACY POLICY</a></li>
</ul>
<div class="line"></div>
<ul class="textLinks">
<li><a href="#">DOWNLOAD THE CPK APP</a></li>
</ul>
<div class="apps">
<a href="#"><img src="./images/footer_app_store.png" alt="appleApp" class="appleApp"></a>
<a href="#"><img src="./images/footer_google_play.png" alt="googlePlay" class="googlePlay"></a>
</div>
<div class="line"></div>
<div class="facebook"></div>
<div class="google"></div>
<div class="instagram"></div>
<div class="pinterest"></div>
<div class="twitter"></div>
</div>
<!-- Back to Top and Download links -->
<div class="foot">
<img src="./images/back_to_top.png" alt="up_arrow" class="upArrow" />
<img src="./images/download.png" alt="download" class="download" />
</div>
</body>
</html>