-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (113 loc) · 5.28 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
<!DOCTYPE HTML>
<html>
<head>
<!-- PAGE TITLE AND SETUP -->
<title>I'll Serve Soup 2</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="main.css" />
<!-- END PAGE TITLE AND SETUP -->
</head>
<body>
<div class="everything">
<!-- NAV -->
<div class="nav">
<div class="logo">
<img class="logosoup" style="vertical-align: middle" src="images/ISSlogo.svg">
I'll Serve Soup 2
</div>
<div class="pages">
<a href="/about.html" class="aboutus">About Us</a>
<a href="/volunteer.html" class="volunteer">Volunteer</a>
</div>
<div class="actions">
<a href="#" class="themeselect">Theme: Light</a>
<a href="https://ill-serve-soup-2.netlify.com/" target="_blank" class="btn"><img class="loginbtn" style="vertical-align: middle" src="images/login.png"></a>
</div>
</div>
<div class=placeholder></div>
<!-- END NAV -->
<section id="top" class="main-section">
<div class="name">
<!-- COMPANY NAME AND SLOGAN -->
<h1 id="titlesoup">I'll Serve Soup 2</h1>
<!-- OPTIONAL H2 THAT ADDS A WHITE BAR BELOW -->
<!-- <h2>_________________</h2> -->
<h3>A simple soup kitchen management software for inventory tracking</h3>
<!-- END COMPANY NAME AND SLOGAN -->
<!-- FIRST SCROLL BUTTON -->
<div class="scroll">
<a class="vdown" href="#two">
<img id="one" src="/images/arrowdown.png">
</a>
</div>
<!-- END FIRST SCROLL BUTTON -->
</div>
</section>
<section class="body-section-one">
<!-- FIRST CONTENT -->
<div class="content">
<h4 class="header4" id="t1">Organization Made Simple</h4>
<p class="ptag" id="p1">Do you spend too much time worrying about your kitchen inventory? Is the lack of organization stressing you out? Well look no further, I’ll Serve Soup 2 fits your needs. Our application allows easy tracking of what you have in the kitchen without any hassle</p>
<div class="image-container">
<img class="phimg1" src="/images/inventory.png">
</div>
<!-- SCROLL BUTTON -->
<div class="scroll">
<a class="vdown2" href="#three">
<img id="two" src="/images/arrowdown.png">
</a>
</div>
<!-- END SCROLL BUTTON -->
</div>
<!-- END FIRST CONTENT -->
</section>
<section class="body-section">
<!-- START CONTENT -->
<div class="content">
<h4 class="header4" id="t2">Features</h4>
<p class="ptag" id="p2">- Secure Login<br>- Easy to Add and Remove Items<br>- Easy to Update Items<br>- Custom Units<br>- Volunteer Support<br>- Personal Shopping List<br>- Schedule Orders</p>
<div class="image-container">
<img class="phimg2" src="/images/add.png">
</div>
<!-- START SCROLL -->
<div class="scroll">
<a class="vdown3" href="#four">
<img id="three" src="/images/arrowdown.png">
</a>
</div>
<!-- END SCROLL -->
</div>
<!-- END CONTENT -->
</section>
<section class="body-section">
<!-- START CONTENT -->
<div class="content">
<h4 class="header4" id="t3">Join Now!</h4>
<p class="ptag" id="p3">I’ll Serve Soup saves you time and money. The simple interface makes it easy to use for anyone. No computer wiz needed. Guarantees accuracy.<br>Why wait? Join now and effectively organize your kitchen!</p>
<div class="image-container">
<a href="https://ill-serve-soup-2.netlify.com/" target="_blank"><img class="phimg3" src="/images/loginpage.png"></a>
</div>
<!-- START SCROLL -->
<div class="scroll">
<a class="vdown4" href="#top">
<img id="four" src="/images/arrowup.png">
</a>
</div>
<!-- END SCROLL -->
</div>
<!-- END CONTENT -->
</section>
<!-- COPYRIGHT -->
<section>
<div class="footer">
<h6>© Copyright - I'll Serve Soup 2</h6>
</div>
</section>
<!-- END COPYRIGHT -->
</div>
<!-- SCRIPT CALLS INDEX.JS -->
<script type="text/javascript" src="index.js"></script>
<!-- END SCRIPT CALLS INDEX.JS -->
</body>
</html>