sorty.github.io/index.html at master · Sorty/sorty.github.io · GitHub

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
\<!DOCTYPE HTML>
<!--
	Eventually by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Sorty, Inc.</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="assets/css/main.css" />
		<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
	</head>

	<!-- include jquery -->
	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
	<script src="assets/js/jquery.serialize-object.js"></script>
	<body >

	<!-- Header
	<div class = 'firstDiv'>
	</div>
-->
		<iframe width="100%" height="100%" src="https://www.youtube.com/embed/IdmJ365qccI?ecver=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

		<div style = "text-align : center; margin-top : 5%; " class = "secondDiv">
			<img  style = "width : 50%; min-width : 75px; float: center; margin-left  :10%" src = "images/sorty-logo-horizontal-full-black.png"></br><br>
			<p style="color:black">The Only Bin You Need</p><br>
			<p style = "color : black">We use computer vision and artificial intelligence to separate recyclables from waste at the source and make recycling and waste management effortless</p>

			<div style = "margin-top : 15%; margin-left: 5%; margin-right : 5%" >
			<!-- Signup Form -->
				<form id="signup-form" method="post" action="#" >
					<input type="email" name="email" id="email" placeholder="Email Address" />
					<input type="submit" value="Tell me more!" />
				</form>
			</div>


				<h1 style = "color : black"> As seen in</h1>


				<div  style = "width : 100%;">
					<a href="https://medium.com/penn-engineering/smart-recycling-bin-wins-pennapps-xvi-92651fa32f8a">
					<img  style = "width : 20%; min-width : 75px; float: left;" src = "images/pennengineeringlogo.jpg" </img>
				</a>
				<a href="https://blog.expo.io/making-the-most-of-college-hackathons-8076f2facfae">
					<img  style = "width : 20%;  min-width : 75px;float: left; margin-left  :10%" src = "images/expo.png" </img>
				</a>
				<a href="http://rockthecode.io/blog/3-hacks-change-world-pennapps/">
					<img  style = "width : 20%;  min-width : 75px;float: left; margin-top: -8%; margin-left  :10%" src = "images/BlackRock.jpg" </img>
				</a>
				<a href="http://www.thedp.com/article/2017/09/at-pennapps-xvi-students-made-inter-dimensional-robots-and-hung-out-with-the-founder-of-quora">
					<img  style = "width : 20%;  min-width : 75px;float: left; margin-left  :20%" src = "images/daily.png" </img>
				</a>
				<a href="https://wagner.nyu.edu/news/story/four-nyu-wagner-teams-are-headed-300k-challenge-semifinals-their-entrepreneurial">
					<img  style = "width : 20%;  min-width : 75px;float: left; margin-left  :20%" src = "images/nyu.jpg" </img>
				</a>

				</div>


		</div>


</div>


	<!-- Scripts -->
		<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
	 <script src="assets/js/main.js"></script>

</body>


</html>