-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAbout.html
229 lines (209 loc) · 11.1 KB
/
About.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
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!DOCTYPE html>
<html lang="en">
<head>
<title>Count Your Eggs: About Us</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="count-your-eggs-stylesheet.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans&display=swap" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="hero-image">
<div class="hero-text">
<picture>
<source media="(max-width: 767px)" srcset="https://github.com/Desiarmstrong/Capstone-Webpages/blob/master/cye-title-img-mobile.png?raw=true">
<img src="https://github.com/Desiarmstrong/Capstone-Webpages/blob/master/cye-title-img.png?raw=true" id="titlelogo" width="60%" alt="Count Your Eggs Inventory Management" >
</picture>
</div>
</div>
<nav class="navbar">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="https://github.com/Desiarmstrong/Capstone-Webpages/blob/master/cye-initials.png?raw=true" id="navlogo" alt="Count Your Eggs" width="115px"></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="Index.html">Home</a></li>
<li><a href="Products.html">Products</a></li>
<li class="active"><a href="About.html">About</a></li>
<li><a href="Connect.html">Connect</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="login.html"><span class="glyphicon glyphicon-user"></span> Login/Register</a></li>
</ul>
</div></div>
</nav>
<div class="container-fluid" style= "background: linear-gradient( #ffffff, rgba(255,117,34,0.60))">
<h1 style="text-shadow: 5px 5px 10px grey;font-size: 60px; margin: 40px auto">The CYE Story</h1>
<div class="row">
<div class="col-md-5 col-md-offset-1 abouttext">
<blockquote>I’m sorry, we’re all out of that! Can I interest you in something else?</blockquote>
<p>No one likes to hear these words in a restaurant. Customers hate to be disappointed. Servers hate to let their customers down. Restaurant managers and owners hate to see customers leave their establishments less likely to become regulars.</p>
<p>Curtis Farmer was tired of hearing these words, too. As a restaurant cook, he was tired of running out of ingredients. Curtis had worked in one small restaurant after another in the foodie destination city of Richmond, Virginia, and they all had one challenge in common: keeping up with inventory. As a Computer Programming student at J. Sergeant Reynolds Community College, Curtis knew there had to be a better way. So he reached out to his fellow programmer Alex Gourdouros; put together a dream team of web and app developers Cassidy Ryan, Desi Armstrong, Dina Farouk, Kenny Gatling, and Sarah Chapman; and Count Your Eggs Inventory Management System was born.</p>
<p>Count Your Eggs is built from the perspective of people who have worked in restaurants and know what kind of functionality is needed in a fast-paced back-of-house environment. CYE’s straightforward and user-friendly interface is designed to make inventory tracking easy for even the most rushed and least tech-savvy restaurateurs and their employees. Our philosophy at CYE is that better inventory management means more harmony in the back-of-house, more confident servers in the front-of-house, and more full and happy customers at your tables!</p>
</div>
<div class="col-md-5"><img src="https://github.com/Desiarmstrong/Capstone-Webpages/blob/master/zoomabout.png?raw=true" width="100%" alt="The CYE team hard at work wile socially distancing"></div>
</div>
<h3 class="module">Our Team</h3>
<div class="row">
<div class="col-md-2 col-md-offset-2 col-sm-4 col-sm-offset-2">
<div class="card module">
<img src="https://github.com/Desiarmstrong/Capstone-Webpages/blob/master/Desi.jpg?raw=true" alt="" width="100%">
<div class="container">
<h4 class="text-left">Desi Armstrong</h4>
<p class="text-left">Hi! I'm Desi Armstrong, I am a Scrum Master | Web Developer. I believe in the transformative power of team collaboration and its ability to elevate projects. Good design and good relationships come from collaboration. We're excited to help you reach success. </p>
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-lg-offset-0 col-md-offset-0 col-sm-offset-0">
<div class="card module">
<img src="https://github.com/Desiarmstrong/Capstone-Webpages/blob/master/image-placeholder-png-2.png?raw=true" alt="" width="100%">
<div class="container">
<h4 class="text-left">Sarah Chapman</h4>
<p class="text-left">Phasellus faucibus scelerisque eleifend donec pretium vulputate. Faucibus in ornare quam viverra orci sagittis. Bibendum arcu vitae elementum curabitur vitae nunc. Varius vel pharetra vel turpis nunc eget lorem. Dictum varius duis at consectetur lorem donec massa.</p>
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-lg-offset-0 col-md-offset-0 col-sm-offset-2">
<div class="card module">
<img src="https://github.com/Desiarmstrong/Capstone-Webpages/blob/master/image-placeholder-png-2.png?raw=true" alt="" width="100%">
<div class="container">
<h4 class="text-left">Curtis Farmer</h4>
<p class="text-left">Molestie at elementum eu facilisis sed odio morbi quis. Pretium viverra suspendisse potenti nullam ac tortor vitae purus. Eleifend donec pretium vulputate sapien. Ut lectus arcu bibendum at varius vel pharetra vel turpis. Montes nascetur ridiculus mus mauris.</p>
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-lg-offset-0 col-md-offset-0 col-sm-offset-0">
<div class="card module">
<img src="https://github.com/Desiarmstrong/Capstone-Webpages/blob/master/image-placeholder-png-2.png?raw=true" alt="" width="100%">
<div class="container">
<h4 class="text-left">Dina Farouk</h4>
<p class="text-left">Nam at lectus urna duis convallis. Convallis convallis tellus id interdum velit laoreet. Pharetra et ultrices neque ornare aenean euismod. Massa tempor nec feugiat nisl pretium fusce id velit ut.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-2 col-md-offset-3 col-sm-4 col-sm-offset-2">
<div class="card module">
<img src="https://github.com/Desiarmstrong/Capstone-Webpages/blob/master/Kenny.jpg?raw=true" alt="" width="100%">
<div class="container">
<h4 class="text-left">Kenny Gatling</h4>
<p class="text-left">Eget nulla facilisi etiam dignissim diam quis enim lobortis. Pellentesque elit ullamcorper dignissim cras. Quis commodo odio aenean sed adipiscing diam. Sagittis aliquam malesuada bibendum arcu vitae. Luctus accumsan tortor posuere ac ut.</p>
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-lg-offset-0 col-sm-offset-0">
<div class="card module">
<img src="https://github.com/Desiarmstrong/Capstone-Webpages/blob/master/Alex.jpg?raw=true" alt="" width="100%">
<div class="container">
<h4 class="text-left">Alex Gourdouros</h4>
<p class="text-left"> In pellentesque massa placerat duis ultricies lacus. Eget duis at tellus at urna condimentum. Habitant morbi tristique senectus et netus et malesuada. Sed lectus vestibulum mattis ullamcorper velit. Eget lorem dolor sed viverra ipsum nunc aliquet bibendum.</p>
</div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-sm-offset-4 col-lg-offset-0 col-md-offset-0">
<div class="card module">
<img src="https://github.com/Desiarmstrong/Capstone-Webpages/blob/master/Cassidy.jpg?raw=true" alt="" width="100%">
<div class="container">
<h4 class="text-left">Cassidy Ryan</h4>
<p class="text-left">Hi, I'm Cassidy Ryan, I am a Web Developer. I have a very creative mind where I can input my ideas into a website to make it very creative. I am also a good team player when it comes to working with a team. Very excited to be helping out with reaching success.</p>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<a href="https://www.facebook.com/Count-Your-Eggs-Inventory-Management-107284634211664/" target="_blank" class="fa fa-facebook"></a>
<a href="https://twitter.com/counteggs" target="_blank" class="fa fa-twitter"></a>
<a href="#" target="_blank" class="fa fa-youtube"></a>
<a href="#" target="_blank" class="fa fa-instagram"></a>
</div>
</div>
</div>
<br>
<div class="container-fluid">
<div class="row">
<div class="col-md-2 col-md-offset-3">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
<div class="col-md-2" >
<ul>
<li><a href="about.html">About</a></li>
<li><a href="FAQ.html">FAQ</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Careers</a></li>
</ul>
</div>
<div class="col-md-2" >
<ul>
<li><a href="Connect.html">Connect</a></li>
<li><a href="tel:1-555-555-5555">Sales: (555) 555-55555</a></li>
<li><a href="tel:1-555-555-5555">Support: (555) 555-5555</a></li>
<li>555 Parham Rd.<br />Beverly Hills, CA 90210</li>
</ul>
</div>
</div>
</div>
</footer>
<script>
(function($) {
/**
* Copyright 2012, Digital Fusion
* Licensed under the MIT license.
* http://teamdf.com/jquery-plugins/license/
*
* @author Sam Sehnert
* @desc A small plugin that checks whether elements are within
* the user visible viewport of a web browser.
* only accounts for vertical position, not horizontal.
*/
$.fn.visible = function(partial) {
var $t = $(this),
$w = $(window),
viewTop = $w.scrollTop(),
viewBottom = viewTop + $w.height(),
_top = $t.offset().top,
_bottom = _top + $t.height(),
compareTop = partial === true ? _bottom : _top,
compareBottom = partial === true ? _top : _bottom;
return ((compareBottom <= viewBottom) && (compareTop >= viewTop));
};
})(jQuery);
var win = $(window);
var allMods = $(".module");
allMods.each(function(i, el) {
var el = $(el);
if (el.visible(true)) {
el.addClass("already-visible");
}
});
win.scroll(function(event) {
allMods.each(function(i, el) {
var el = $(el);
if (el.visible(true)) {
el.addClass("come-in");
}
});
});
</script>
</body>
</html>