-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
105 lines (89 loc) · 4.27 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
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FoodTruckTrackrMarketingPage</title>
<link href="https://fonts.googleapis.com/css?family=Acme|Montserrat:500,600&display=swap" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
</head>
<body>
<div class="topshelf">
<header>
</header>
<img class="truck-logo" src="./images/FoodTruck_Logo.png" alt="truck-logo">
<nav class="main_nav">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="review.html">Review</a>
<a href="https://confident-volhard-97d9a3.netlify.app/loginDiner">Login</a>
</nav>
</div>
<div class="orangeftC">
<h1 class="T">FoodTruck TrackR <br> We'll Find The Food For You!
</h1>
<img class="orangeft" src="./images/FoodTruck_Graphic.png" alt="orange food turck">
</div>
<section class="Conatainer">
<div class="discover">
<i class="material-icons" style="font-size: 4rem;">
location_on
</i>
<h2>Discover</h2>
<p>
Our application is growing fast with a lot of new memebers joining. Join today and discover all the elusive food truck and street food that you did not know was out there. Weather you are in your hometown that you've lived in all your life or you are
on a vacation and want to try something local, you can find it with us.
</p>
</div>
<div class="profile">
<i class="material-icons" style="font-size: 4rem;">
account_circle
</i>
<h2>Profile</h2>
<p>
Get started with creating your own profile. Your very own profile will give you alot of features that you can customize to best suit your wants. This is where you will be able to add you favorite trucks, leave reviews, and find menu items.
</p>
</div>
<div class="tracking">
<i class="material-icons" style="font-size: 4rem;">
track_changes
</i>
<h2>Tracking</h2>
<p>
You biggest problem for finding your favorite food truck is now over. No more looking on multiple social media apps to see if that on food truck is near you on your lunch break. With FoodTruckTrackR you no longer have to think about it, you can just open
your profile and see whats near and whats not.
</p>
</div>
</section>
<section class=imgBlockOne>
<div class="blockone">
<h1>Diner Features</h1>
<p>
Diners can now find the specific food truck or street food you've been looking for. Not only will you be able to track where your next meal is but youll be able to decide what you want to eat as well. Checkout our rating system to find the most liked
trucks or leave a reveiw about your favorite food experience.
</p>
<a href="#" class="myButton">MAKE YOUR ACCOUNT</a>
</div>
<img class="islandft" src="https://images.unsplash.com/photo-1565524622405-171b921788ca?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80" alt="yellow food truck">
</section>
<section class=imgBlockTwo>
<div class="blocktwo">
<h1>Owner Features</h1>
<p>
Owners are members too! Register your truck and be able to show all your regulars and new customers where you are today. Update you location at anytime and you customers will know where you are and when!
</p>
<a href="#" class="myButton">MAKE YOUR ACCOUNT</a>
</div>
<img class="blueft" src="./images/arturo-rey-m6fYkq_P2Cc-unsplash.jpg" alt="popcorn food truck">
</section>
</body>
<footer>
<p>
copyright
</p>
<nav class="main_nav">
<a href="main.html">Home</a>
<a href="about.html">About</a>
<a href="#">Register</a>
<a href="#">Login</a>
</nav>
</footer>