-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (139 loc) · 5.34 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
<!DOCTYPE html>
<html>
<head>
<title>Frank Business Webpage</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<link rel="stylesheet" href="style.css">
<body>
<div class="header">
<h1>
<div class="logo">
<a style="text-decoration: none;" src="index.html">
<b style="text-decoration: none; color: white; font-family: Arial, Helvetica, sans-serif;">Frank's Kitchen</b>
</a>
</div>
<br>
<a href="index.html" style="color: white;; text-decoration: none; text-align: center;">
Home
</a>
<a href="about.html" style="color: white;; text-decoration: none; text-align: center;">
About
</a>
<a href="contact.html" style="color: white;; text-decoration: none; text-align: center;">
Contact
</a>
</br>
</h1>
<img src="dan.jpeg" alt="farm image" style="width: 100%; height: auto; filter: blur(0px); -webkit-filter: blur(0px); background-position: center; background-size: cover; z-index: -1;">
<div class="bg-text">
<h1 style="font-size: 80px;">Fresh Produce From Farm to Table</h1>
</div>
</div>
<div class="row">
<div class="column">
<h2 style="padding: 70px; text-align: center; font-size: 60px;
font-family: Arial, Helvetica, sans-serif; color:#3A483D;">
Organically Sourced American Food</h1>
<p style="text-align: center; font-size: 30px;
font-family: Arial, Helvetica, sans-serif; color:#3A483D;">
Discover the rich and diverse flavors of American cuisine! From
sizzling burgers and crispy fried chicken to savory barbecue ribs
and mouthwatering apple pie, American food is a delightful journey
through comfort and tradition. Indulge in the tastes of the USA and
experience the true essence of home-cooked goodness. Join us for a
taste of America today! </p>
</div>
<div class="column">
<img src="leo.jpeg" alt="hamburger" style="float: right; padding: 5%;
right:30px;">
</div>
</div>
<br></br>
<br></br>
<br></br>
<br></br>
<hr> </hr>
<section>
<center>
<h1 style="font-size: 60px; font-family: Arial, Helvetica,
sans-serif;color:#3A483D;">Menu Highlights</h1>
<img src="collage.jpg" alt="collage of food" style="left:25%;">
</center>
</section>
<section>
<div class="story">
<h1 style="font-size: 60px; font-family: Arial, Helvetica, sans-serif; color:white;
text-align: center;">Our Story</h1>
<p style="font-size:30px; color: white;font-family: Arial, Helvetica, sans-serif;
padding: 40px; text-align: center;">
With my auntie in law's otherworldly encouragement echoing in my
mind, I embarked on a journey to make her vision a reality.
The farm that had once been a mere notion was now taking shape
under the brilliant sun and the guidance of her celestial words.
We started small, cultivating the fertile land with seeds of hope
and determination. It was as if my late step-sister's spirit was
watching over us, providing the inspiration needed to nurture the
earth and see our dreams flourish. Day by day, we toiled in the
fields, our hands tending to the soil as if we were nurturing a
fragile connection between this world and the next. Amen.</p>
</div>
</section>
<img src="horizontal.jpg" style="width: 100%">
<body>
<div class="row">
<div class="column">
<h2 style="font-family: Arial, Helvetica, sans-serif;
color:#3A483D; font-size: 20px;">
<center>
<p>500 Terry Francine Street San Francisco, CA 94158</p>
<p>Tel: 123-456-7890</p>
<p>Fax: 123-456-7890</p>
<p>[email protected]</p>
</center>
</h2>
</div>
<div class="column">
<h2 style="font-family: Arial, Helvetica, sans-serif; color:#3A483D;font-size: 20px;">
<center>
<p>Operating Hour:
<p>Mon - Fri: 8am - 8pm</p>
<p>Saturday: 9am - 7pm</p>
<p>Sunday: 9am - 8pm</p>
</center>
</h2>
</div>
</div>
</body>
<footer>
<div class="row">
<div class="column">
<br></br>
<center>
<h4 style="color:black">© 2023 by The Organic Shop. Proudly created by Frank Li.</h4>
</center>
</div>
<div class="column">
<center>
<form action="#">
<label for="fname">
<h2 style="color: white;">Join the Mailing List</h2></label>
<input name="text" id="fname" name="fname" placeholder="Email Address">
<br><br>
<input type="submit" value="Submit">
</form>
</center>
</div>
</div>
</footer>
<div class="logo">
<center>
<a href="index.html" style=" text-decoration: none;">
<h1 style="color: white; font-family: Arial, Helvetica, sans-serif;">Frank's Kitchen</h1>
</a>
</center>
</div>
</html>