ProjectMPT.github.io/index.html at master · ProjectMPT/ProjectMPT.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
89
90
91
92
93
94
95
96
97
98
99
100
101

<!DOCTYPE HTML>
<!--
	Typify by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
	<head>
		<title>Project MPT</title>
		<meta name="referrer" content="origin">
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="assets/css/main.css" />
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
	</head>
	<body>

		<!-- Banner -->
			<section id="banner">
				<h1>Project MPT</h1>
				<p>Helping Humans Help Humans</p>

			</section>

		<!-- One -->
			<section id="one" class="wrapper special">
				<div class="inner">
				<header class="major">
						<h3>Project MPT is a mobile application under development that allows you to help people in your local community.
						It's a decentralized process that uses small self organized groups to make it convenient and rewarding to get involved.
						</h3>
					</header>

					<h3>The aid process has three seperate steps that can be completed by any user</h3>
					<div class="features">
						<div class="feature">
							<h2>1</h2>
							<h3>Meet</h3>
							<p>A seeker will meet with a person in need and establish a need request in the Project MPT mobile app.</p>
						</div>
						<div class="feature">
							<h2>2</h2>
							<h3>Provide</h3>
							<p>A provider is able to see all the needs in the local area and commit to provide a requested item.</p>
						</div>
						<div class="feature">
							<h2>3</h2>
							<h3>Transport</h3>
							<p>A transporter will commit to transport the item, pick it up, and deliver it to the person in need.</p>
						</div>

						<h3><br>Making a difference in someone's life is as simple as downloading the mobile app and requesting a blanket for
					a person in need, buying it, or simply bringing the blanket to them.</h3>

					</div>
				</div>
			</section>

		<!-- Two -->
			<section id="two" class="wrapper style2 special">
				<div class="inner narrow">
					<header>
						<h2>Help us help humans help humans</h2></header>
						<h3>We want as many people as possible involved in this project. If you are a developer please visit our
						<a href="https://github.com/ProjectMPT/ProjectMPT">GitHub</a>
						page to learn more. For everybody else please use the form below to let us know that you want to help and
						what your skills and/or passions are. We are looking forward to hearing from you.<br><br></h3>


					<form class="grid-form" method="post" action="https://formspree.io/urbsemail@gmail.com">
						<div class="form-control narrow">
							<label for="name">Name</label>
							<input name="name" id="name" type="text">
						</div>
						<div class="form-control narrow">
							<label for="email">Email</label>
							<input name="_replyto" id="email" type="email">
						</div>
						<div class="form-control">
							<label for="message">Message</label>
							<textarea name="message" id="message" rows="4"></textarea>
						</div>
						<ul class="actions">
							<li><input value="Send Message" type="submit"></li>
						</ul>
					</form>
				</div>
			</section>


		<!-- Footer -->
			<footer id="footer">
				<div class="copyright">
					 &copy; Project MPT, 2018. Design: <a href="http://templated.co/">TEMPLATED</a>.
				</div>
			</footer>
</body>
</html>