-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
95 lines (82 loc) · 3.16 KB
/
index2.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
<!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/[email protected]/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="everything">
<div class="restaurantcontainer">
<h1 class="title">TOP 10 RESTAURANTS</h1>
<br>
<div class="restaurantResults">
<div id="results">
</div>
<a href="index3.html">
<div class="button_cont" align ="left"><i class="fas fa-home"></i><a class="example_e" href="index.html" target="_blank" rel="nofollow noopener">Back to homepage</a></div>
</div>
</div>
<div class="mapsContainer">
<div id="googleMaps">
<p>INTERACTIVE MAP WILL GO HERE
</p>
</div>
</div>
</main>
<!-- CONTACT EMAILS -->
<footer class="contacts">
<div class="emails2">
<p class= created> Created By: </p>
<p class= name>Jose U Perez Jr.</p>
<p> [email protected]</p>
<p class= name> Cody Walter</p>
<p> [email protected]</p>
<p class= name > Erik Gomez </h2>
<p> [email protected] </p>
<p class= name > Emily Lee</h2>
<p> [email protected]</p>
</div>
<div class= about2>
<!-- PROJECT ABOUT INFORMATION -->
<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 IMAGE SOURCE -->
<img src="images/zomato.png" alt="Zomato Icon Logo" height= "100" width= "80">
<!-- GOOGLE MAPS ICON IMAGE SOURCE -->
<img src="images/maps.jpg" alt="GoogleMaps Icon Logo" height= "100" width= "100">
</div>
</div>
</div>
</footer>
<!-- GOOGLE MAPS SCRIPT SOURCE INIT MAP 1 -->
<script
defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCykU04NtL76bdBse3BGOsVY43OWKXqiAY&callback=initMap"
></script>
<!-- JAVASCRIPT (myscript.js) EXTERNAL SHEET SCRIPT SOURCE -->
<script src="myscript.js"></script>
</body>
</html>