-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (149 loc) · 5.55 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title></title>
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">
You are using an <strong>outdated</strong> browser. Please
<a href="#">upgrade your browser</a> to improve your experience.
</p>
<![endif]-->
<div class="container-main">
<header>
<nav class="left">
<span><a href="index.html">Home</a></span>
<span class="middle_dot">•</span>
<span><a href="about.html">About Us</a></span>
</nav>
<h1><a href="index.html">I'll Serve Soup</a></h1>
<nav class="right">
<span><a href="https://weservesoup.netlify.com/">Log in</a></span>
<span class="middle_dot">•</span>
</span><a href="#" class="btn">Sign Up</a></span>
</nav>
</header>
<section class="top">
<div class="cta">
<h2>Your soup kitchen solution</h2>
<h3>
It's easy to start and will change the way you help the world.
</h3>
<a href="#" class="btn">Sign Up</a>
</div>
<div class="description">
<img src="images/bowl-of-soup.png" alt="Bowl of Soup" />
<div class="text">
<h3>The modern way to manage your kitchen.</h3>
<p>
Make soup kitchen management easier by using the world's most
accesible and intuitive software.
<span class="bold">I'll Serve Soup</span> is built to be used by
people of all technical skill levels, without compromising on
features.
</p>
</div>
</div>
</section>
<section class="middle">
<div class="description_1">
<div class="text">
<h1>Look familiar?</h1>
<p>
The hassle of always taking inventory, reading constant emails,
and dealing with the endless paperwork. Large donations can be
bittersweet, as you stay up all night cataloging. And without any
proper documentation, it's near impossible to trust anyone but
yourself to do it all.
</p>
</div>
<div class="overlaid_screens">
<img src="images/overlaid_screens.png" alt="overlaid screens" />
</div>
</div>
<div class="description_2">
<div class="screen_with_logo_block">
<h4>Ready for a change?</h4>
<span class="subhead">UNLOCK THE POWER OF</span>
<h3>I'll Serve Soup</h3>
<div class="screen_with_logo">
<img src="images/screen_with_logo.png" alt="screen with logo" />
</div>
</div>
<div class="text">
<h4>The all-in-one inventory platform</h4>
<p>
Simplify your life by using an all-in-one system where data syncs
automatically - you'll never have to juggle a dozen differen
systems, or pull your hair out consolidating data.
</p>
<p>
<span class="bold">I'll Serve Soup</span> makes life as easy as
possible because your mission is important, and you need software
that gets you to your goals faster.
</p>
</div>
</div>
</section>
<section class="bottom">
<div class="big_heading">
<span>Upgrade and simplify your kitchen technology.</span>
</div>
<div class="cta">
<h2>I'll Serve Soup</h2>
<h3>Take control of your inventory</h3>
<div class="btn">
<a href="#" class="btn">Sign Up</a>
</div>
</div>
</section>
<footer>
<div class="top">
<div class="social_media list-of-links">
<h2>I'll Serve Soup</h2>
<a href="#" class="facebook_icon"></a>
<a href="#" class="twitter_icon"></a>
<a href="#" class="instagram_icon"></a>
<a href="#">CONTACT US</a>
</div>
<div class="learn_more list-of-links">
<h2>Learn More</h2>
<a href="#">Get Started</a>
<a href="#">Tutorials</a>
<a href="#">FAQ</a>
<a href="#">Request a Demo</a>
</div>
<div class="dive_deep list-of-links">
<h2>Dive Deep</h2>
<a href="#">Inventory Processing</a>
<a href="#">Donation Assessment</a>
<a href="#">Order Management</a>
<a href="#">Volunteer Portal</a>
</div>
<div class="business list-of-links">
<h2>Business</h2>
<a href="about.html">About Us</a>
<a href="#">Data Security</a>
<a href="#">Privacy Policy</a>
<a href="#">Terms of Service</a>
</div>
</div>
<div class="bottom">
<div class="left">© 2019 · I'LL SERVE SOUP</div>
<div class="right">PRIVACY · TERMS OF SERVICE · LEGAL</div>
</div>
</footer>
</div>
</body>
</html>