-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (93 loc) · 4.19 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
<!DOCTYPE html>
<index>
<head>
<title>Send Them Lemons</title>
<link href="https://fonts.googleapis.com/css?family=Lemonada:700|Open+Sans" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./images/favicon.png" />
<link rel="stylesheet" type="text/css" href="global.css" />
<link rel="stylesheet" type="text/css" href="index.css" />
<link rel="stylesheet" type="text/css " href="queries.css" />
</head>
<body>
<div id="headerContainer">
<header id="header" class="flexContainer">
<div id="logoWrapper" class="flexContainer">
<img id="logoImage" src="./images/lemonLogo.png" />
<span id="logoText">Send Them Lemons</span>
</div>
<div id="navContainer" class="flexContainer">
<nav>
<a href="#">Home</a>
</nav>
<nav>
<a href="buy/buy.html">Buy</a>
</nav>
<nav>
<a href="#faq">FAQ</a>
</nav>
<div>
</div>
</div>
</header>
</div>
<div id="content">
<div id="sloganWrapper">
<div id="slogan" class="flexContainer">
<span> When life gives you lemons, send them!</span>
</div>
</div>
<div id="summaryWrapper">
<h1 id="summaryHeader"> What We Do</h1>
<h2 id="summarySubHeader"> We send lemons with messages!</h2>
<div id="summary">
<p>
The saying goes that when life gives you lemons, you should make lemonade. In this case, we are replacing life and sending the lemons right to your (or friend's!) doorstep. No more waiting around for pesky life to give you lemons, we've got you covered!
</p>
<p>
With every order you get a wholesome yellow lemon with a custom hand written message! All are lemons are guaranteed to be yellow and very sour.
</p>
</div>
</div>
</div>
</div>
<div id="faqContainer">
<div id="faq">
<h2>Frequently Asked Questions</h2>
<a name="faq"></a>
<div id="containerForQuestions" class="flexContainer">
<div class="questionContainer">
<span> So what do I actually get?</span>
<p>
With every order you get one lemon with a hand written message! Also they don't come with an envelope because we like to save trees (that's where lemons come from).
</p>
</div>
<div class="questionContainer">
<span> How long does it take to get here?</span>
<p>
It takes as long as first class shipping will take. The fact that you only are getting a lemon makes it faster
</p>
</div>
<div class="questionContainer">
<span>Can I eat them?</span>
<p>
I mean we can't stop you, but like, you really shouldn't. It's touched lots of germy things. Maybe make some lemonde!
</p>
</div>
</div>
</div>
</div>
</div>
<div id="footerContainer">
<footer class="flexContainer">
<div id="satisfaction" class="flexContainer">
<img src="./images/satisfaction-guaranteed.png" />
</div>
<div id="contactUs" class="flexContainer">
<a href=""><span>Contact Us</span></a>
</div>
<div id="disclaimer">
</div>
</footer>
</div>
</body>