-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_dee.html
135 lines (131 loc) · 4.8 KB
/
index_dee.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
<!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>I'll Serve Soup</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 home">
<header>
<nav class="left">
<span><a href="#">How it Works</a></span>
<span class="middle_dot">•</span>
<span><a href="#">Volunteers</a></span>
</nav>
<h1><a href="#">I'll Serve Soup</a></h1>
<nav class="right">
<a href="#">Sign in</a>
<a href="#" class="btn">Get Started</a>
</nav>
</header>
<section class="top">
<div class="cta">
<h2>Your soup kitchen solution</h2>
<div>
It's easy to start and will change the way you help the world.
</div>
<a href="#">Get Started</a>
</div>
<div class="description">
<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.
<strong>I'll Serve Soup</strong> is built to be used by people of
all technical skill levels, without compromising on features.
</p>
</div>
</section>
<section class="middle">
<div class="description_1">
<h4>Look familiar</h4>
<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>
<img class="overlaid_screens" alt="overlaid screens" />
</div>
<div class="description_2">
<h4>Ready for a change?</h4>
<p class="subhead">UNLOCK THE POWER OF</p>
<h3>I'll Serve Soup</h3>
<div class="description">
<img class="screen_with_logo" alt="screen with logo" />
<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>
<strong>I'll Serve Soup</strong> 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">
<h4>Upgrade and simplify your kitchen technology.</h4>
</div>
<div class="cta">
<h2>I'll Serve Soup</h2>
<h3>Take control of your inventory</h3>
<a href="#">Try Free Today</a>
</div>
</section>
<footer>
<div class="top">
<div class="social_media">
<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">
<a href="#">Get Started</a>
<a href="#">Tutorials</a>
<a href="#">FAQ</a>
<a href="#">Request a Demo</a>
</div>
<div class="dive_deep">
<a href="#">Inventory Processing</a>
<a href="#">Donation Assessment</a>
<a href="#">Order Management</a>
<a href="#">Volunteer Portal</a>
</div>
<div class="business">
<a href="#">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">© · I'LL SERVE SOUP</div>
<div class="right">PRIVACY · TERMS OF SERVICE · LEGAL</div>
</div>
</footer>
</div>
</body>
</html>