-
Notifications
You must be signed in to change notification settings - Fork 0
/
About.html
104 lines (98 loc) · 6.48 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cognitopia - About</title>
<!-- Include icons -->
<link rel="apple-touch-icon" sizes="57x57" href="images/icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/icons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="images/icons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="images/icons/favicon-96x96.png">
<link rel="manifest" href="images/icons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="images/icons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<!-- ALL PAGEs CONTENT-->
<div class="header">
<div class="header_content_wrapper">
<a href=".">
<img class="head_logo left_align" border="0" alt="" src="images/All/Cognitopia_Logo_Small.png">
</a>
<a class="head_link right_align medium_text thin_text" href="blog.html">Blog</a>
<a class="head_link right_align medium_text thin_text" href="about.html">About</a>
<a class="head_link right_align medium_text thin_text" href="products.html">Products</a>
</div>
</div>
<!-- END ALL PAGES CONTENT -->
<!-- Panel One -->
<div class="blue_back panel center" id="panel_one">
<div class="top_space">
<div class="large_text thin_text sectionHead">Who we are</div>
<div class="medium_column" id="left_column">
<img class="column_large_image white_border" alt="" src="images/About/About_Tom.png">
<div class="medium_text">Dr. Tom Keating, CEO</div>
<div class="small_text thin_text blurb_wrapper">Tom is a professor, researcher, and avid advocate for those with cognitive disabilities. He's developed and researched assistive technology for more than a decade.</div>
</div>
<div class="medium_column" id="right_column">
<img class="column_large_image" alt="" src="images/About/About_Matt.png">
<div class="medium_text">Matt Fanelli, COO</div>
<div class="small_text thin_text blurb_wrapper">Matt brings the business experience to the company, and is excited to use his recently earned MBA to help people.</div>
</div>
</div>
</div>
<div class="blue_arrow white_back center"></div>
<!-- Panel Two -->
<div class="white_back panel center bottom_space" id="panel_two">
<div class="large_text thin_text sectionHead">What Cognitopia is all about</div>
<div class="text_wrapper small_text thin_text">
<p>
We founded this company to help our younger brothers. Both of us grew up with younger brothers on the autism spectrum. Being on the spectrum can make some of the littlest things hard and it may seem like others don't understand. But we thought that if we could make some simple tools to take the stress out of some parts of your life, you might appreciate that.
</p>
<p>
Cognitopia is based around the idea that simple solutions to everyday problems can have a large impact. We've seen these successes first hand and our customers love telling us about the ways we've helped them. We have you in mind when we make our products and if the apps don't solve your problems, we want to improve them so that you're satisfied.
</p>
<p>
Tom has been researching how technology can improve the lives of people with autism and their families for more than twenty years. Matt's been trying to be the most helpful big brother he can be his entire life. We hope that you'll tell us how Cognitopia can help you so we can try to serve you better.
</p>
</div>
</div>
<div class="white_arrow blue_back center"></div>
<!-- Panel Three -->
<div class="blue_back panel center" id="panel_three">
<div class="signup_wrapper">
<div class="sectionHead large_text thin_text">Join our community</div>
<div class="medium_text thin_text">
Sign up below to stay filled in about what we're doing, to be a beta tester for our new prototypes, or learn more about Cognitopia.
</div>
<form class="form_wrapper" action="MAILTO:[email protected]?subject=Cognitopia - I'd like to know more!" method="post" enctype="text/plain">
<div class="input_title form_text thin_text">Your name</div>
<input class="input" type="text" name="Name" placeholder="Enter Name...">
<div class="input_title form_text thin_text">Your email</div>
<input class="input" type="email" name="Email" placeholder="Enter email...">
<div class="input_title form_text thin_text">Tell me more about...</div>
<select class="input" name="Request">
<option value="" disabled selected hidden="">Learn more</option>
<option value="I'd like to know more about Cognitopia">Cognitopia</option>
<option value="I'd like to know more about the Goal Guide">Goal Guide</option>
<option value="I'd like to know more about the Picture Planner">Picture Planner</option>
<option value="I'd like to know more about ScanDo!">ScanDo!</option>
</select>
<div class="form_submit">
<button class="default_button" type="submit">Submit</button>
</div>
</form>
</div>
</div>
</body>
</html>