-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
108 lines (91 loc) · 3.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Taste The World Los Angeles</title>
<!-- TASTE THE WORLD LOS ANGELES FAVICON -->
<link rel="icon" type="image/png" href="images/iconLogo.png"/>
<!-- FOUNDATION FRAMEWORK LINK FOR CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/foundation-sites@6.6.3/dist/css/foundation.min.css"
integrity="sha256-ogmFxjqiTMnZhxCqVmcqTvjfe1Y/ec4WaRj/aQPvn+I="
crossorigin="anonymous"
/>
<!-- JQUERY SCRIPT SOURCE LINK -->
<script
src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"
></script>
<!-- LINK FOR STYLESHEET.CSS -->
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<script src="https://kit.fontawesome.com/2fbe85db38.js" crossorigin="anonymous"></script>
</head>
<body>
<main class= "firstpage">
<h1> Taste The World <i class="fas fa-map-pin"></i>
Los Angeles
</h1>
<form id="form1" class="stack">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="cell auto">
<label>
<!-- USER INPUT (CUISINE) FOR CUISINE SEARCH BAR-->
<input
id="userInput"
class="input-field"
type="text"
placeholder="Cuisine"
/>
</label>
</div>
<!-- CUISINE SEARCH BAR BUTTON -->
<div class="cell auto" id="cuisineSearch">
<a class="example_e" href="add-website-here" target="_blank" rel="nofollow noopener">Search</a>
</div>
</div>
</div>
</form>
</main>
<!-- CONTACT EMAILS -->
<footer class="contacts1">
<div class="emails1">
<p class= created> Created By: </p>
<p class= name>Jose U Perez Jr.</p>
<p> joperez@dusd.net</p>
<p class= name> Cody Walter</p>
<p> cody.walter@providencecc.edu</p>
<p class= name > Erik Gomez </h2>
<p> egomezfax19@gmail.com </p>
<p class= name > Emily Lee</h2>
<p> emlee088@gmail.com</p>
</div>
<!-- PROJECT ABOUT INFORMATION -->
<div class= "about1">
<div class=aboutProject>
<p class="phead"> About Our Project</p>
<p> This site allows the user to search for restaurants in the los angeles area by the cuisine.
It then provides information about each restaurant in detail along with the location generated on google maps. </p>
<div class="pictures">
<p class= "power"> powered by</p>
<!-- ZOMATO ICON SOURCE -->
<img src="images/zomato.png" alt="Zomato Logo Icon" height= "100" width= "80">
<!-- GOOGLE MAPS ICON SOURCE -->
<img src="images/maps.jpg" alt="GoogleMaps Logo Icon" height= "100" width= "100">
</div>
</div>
</div>
</footer>
<!-- FOUNDATION FRAMEWORK SCRIPT SOURCE -->
<script
src="https://cdn.jsdelivr.net/npm/foundation-sites@6.6.3/dist/js/foundation.min.js"
integrity="sha256-pRF3zifJRA9jXGv++b06qwtSqX1byFQOLjqa2PTEb2o="
crossorigin="anonymous"
></script>
<!-- JAVASCRIPT (myscript.js) EXTERNAL SHEET SCRIPT SOURCE -->
<script src="myscript.js"></script>
</body>
</html>