-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
205 lines (198 loc) · 10.5 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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<html lang="en">
<head>
<title>Title</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="header" id="home">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="header-logo">
<a href="#"><img src="https://developerjillur.me/images/logo.png" alt=""></a>
</div>
</div>
<div class="col-md-8">
<div class="primary-menu">
<ul>
<li><a href="#home"> Home<a>
<li><a href="#about">About Us</a></li>
<li><a href="#serivce">Service</a></li>
<li><a href="#prodcut">Product</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="banner text-center">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="banner-text">
<p> Welcome to Anapso </p>
<h2>The sustainable, Ancient Grecian-inspired, educational and fun lemonade brand!
It's made for kids, by kids.</h2>
</div>
</div>
</div>
</div>
</div>
<div class="about text-center pt-5 pb-5" id="about">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>About Us</h2>
<p class="lead w-75 m-auto">We are team Supernovas, a group of kids who understand lemonade! We were brought together by Rocket Club Academy, a robotics, STEM, engineering and entrepreneurship program for kids aged 7-14! We were inspired by the grandeur and depth of Ancient Greek culture and myths, so we created Anapso to embrace it while being the perfect childhood beverage.
<br>
Made by kids - made for kids!<br><br>
Megan (13), Michael (12), Myra (13), Nicole (14), Siddhanta (12), and Vedanta (15), led by Kristin!
Scroll down to see a glimpse of Anapso's imagery!</p><br>
</div>
<div class="hebe">
<img src="https://anapso.webnode.com/_files/200000006-0a1650a168/700/Screen%20Shot%202020-12-04%20at%205.09.24%20PM.png" class="center"></div>
</div>
</div>
</div>
<div class="serivce pt-5 pb-5" id="serivce">
<div class="container">
<div class="row">
<div class="col-md-4 text-center">
<div class="card">
<span><i class="fa fa-list-alt"></i></span>
<h2>Ingredients</h2>
<p>Our lemonade uses only water, lemon, and raw honey, with no chemical preservatives!</p>
</div>
</div>
<div class="col-md-4 text-center">
<div class="card">
<span><i class="far fa-book"></i></span>
<h2>Education</h2>
<p>Each bottle cap has a factoid or term from Acient Greece!</p>
</div>
</div>
<div class="col-md-4 text-center">
<div class="card">
<span><i class="far fa-users"></i></span>
<h2>Charity</h2>
<p>We donate a percentage of profit to benefit the education of underpriveleged children!</p>
</div>
</div>
</div>
</div>
</div>
<div class="prodcut pt-5 pb-5" id="prodcut">
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="row product-item mb-4">
<div class="col-md-3">
<img src="https://developerjillur.me/images/profile.jpg" alt="">
</div>
<div class="col-md-9">
<p>FRESH LEMONADE:
Discover the taste of our lemonade made from sustainably sourced products!
EDUCATION AND TASTE:
Every bottle has a translation, fact, or deity listed with fun cartoons and definitions from Ancient Greece, the inspiration of Anapso!
CONTAINS VITAMINS AND ANTIOXIDANTS:
Our lemonade is rich in vitamin C, folate, and potassium!
ONLY 3 INGREDIENTS:
We don't believe in overcomplicating things - that's why we use only natural, organic materials: lemon, water, and honey, all sustainably sourced.
<br>
BE THE FIRST TO READ WHAT'S NEW!<br>
<input type="text" placeholder="[email protected]"> </input>
<button>Subscribe!</button>
</p>
</div>
</div>
<div class="row product-item mb-4">
<div class="col-md-3">
<img src="https://developerjillur.me/images/profile.jpg" alt="">
</div>
<div class="col-md-9">
<p>Not only is our branding unique, but we donate to charity, are eco-friendly and sustainable, but we are also...
</div>
</div>
<div class="row product-item mb-4">
<div class="col-md-3">
<img src="https://developerjillur.me/images/profile.jpg" alt="">
</div>
<div class="col-md-9">
<p>We are also kids! We know that lemonade is a childhood staple, so we made our brand family friendly, without losing our unique touch! ~Made for kids, made by kids!~
</div>
</div>
<div class="row product-item mb-4">
<div class="col-md-3">
<img src="https://developerjillur.me/images/profile.jpg" alt="">
</div>
<div class="col-md-9">
<p>
Big thanks to Rocket Club, and Kristen our instructor ♡ and Alex Hodara - you guys are wonderful! Thanks especially for being so supportive every step of the way! We owe everything to you. Thanks RC!
Love, Megan, Michael, Myra, Nicole, Siddhanta, and Vedanta, and Kristen!
</div>
</div>
</div>
<div class="col-md-3">
<div class="product-right">
<h2>Key Points</h2>
<ul>
<li>Sustainable, eco-friendly, socially conscious, charitable, and responsible!</li>
<li>Made for kids, made by kids.</li>
<li>Educational, with fun facts and Ancient Greek terms in each bottle cap!</li>
<li>Family-friendly, but appealing to all ages</li>
<li>Only 3 ingredients: water, lemon, and raw honey, all sustainably sourced!</li>
<li>No preservatives or harsh chemicals - just pure lemonade!</li>
<li>Always delicious, because that's Anapso!</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="contact pb-5" id="contact">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="google-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d24182.285485834534!2d-74.04646017135498!3d40.744741091025055!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c257608d1533d1%3A0x44b6ca6a1137bf87!2sHoboken%2C%20NJ!5e0!3m2!1sen!2sus!4v1607818755695!5m2!1sen!2sus" width="100%" height="450" xframeborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</div>
<div class="col-md-6">
<div class="contact-form">
<form action="#">
<input type="text" class="form-control mb-3" placeholder="Name">
<input type="email" class="form-control mb-3" placeholder="Email">
<input type="text" class="form-control mb-3" placeholder="Subject">
<textarea name="" id="" cols="30" class="form-control mb-3" rows="8"></textarea>
<input type="submit" value="Submit form" class="btn btn-primary">
</form>
</div>
</div>
</div>
</div>
</div>
<div class="footer text-white pt-2 pb-2">
<div class="container">
<div class="row">
<div class="col-md-5">
<p>© Anapso: Freshly Squeezed in 2020</p>
</div>
<div class="col-md-7 text-right">
<a href="#">Home</a>
<a href="#">Privacy</a>
<a href="#">Contact</a>
</div>
</div>
</div>
</div>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap" rel="stylesheet">
</body>
</html>