-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
177 lines (161 loc) · 8.34 KB
/
index.html
File metadata and controls
177 lines (161 loc) · 8.34 KB
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
<!doctype html>
<html lang="en">
<head>
<title>TFlow</title>
<link href="css/theme.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="pictures/Logo/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="pictures/Logo/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="pictures/Logo/favicon-16x16.png">
<link rel="manifest" href="pictures/Logo/manifest.json">
<link rel="mask-icon" href="pictures/Logo/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<script src="https://use.fontawesome.com/c5652b816e.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="javascript/scripts.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="top"></div>
<header class="main-header">
<div class="container">
<img class="logo" src="pictures/Full_1.png">
<nav class="nav">
<ul>
<li><a href="#top">Home</a></li>
<li><a href="#product">Product</a></li>
<li><a href="#tcertified">TCertified</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#contactus">Contact</a></li>
</ul>
<!--TODO: Share on social Media-->
</nav>
</div>
</header>
<div class="img-container">
<div class="inner-container">
<h1>TFlow</h1>
<h2>The Future of Traffic Management</h2>
<section id="section07" class="bttn">
<a href="#product"><span></span><span></span><span></span>Scroll Down</a>
</section>
</div>
</div>
<!--Product-->
<div id="product">
<h2>Product</h2>
<p>
TFlow technologies is a traffic management system meant to help first responders such as paramedics,
fire fighters and police officers get to emergencies in a faster and safer way. All emergency vehicles
are equipped with a GPS, which shares their location with TFlow. With this information, TFlow will get first responders there
when you need them the most.
</p>
</div>
<!--Pricing-->
<div id="tcertified" class="top-seperate clearfix">
<h2>TCertified</h2>
<p class="float-content">Your vehicle is more than just a means of transportation. It is a place that should feel safe and be at the finest edge of technologies. TCertified is a way to discern, a way to know that your car is up to tomorrow's standards. A vehicle that is Tcertified can efficiently alert you when a emergency is happening in your vicinity. It means that the vehicle has been built following firm and precise standards. TCertified is among the only car certification that is recognized by the government.</p>
<video width="300" height="300" controls>
<source src="test1.mp4" type="video/mp4">
</video>
</div>
<!--Team-->
<div id="team" class="top-seperate clearfix">
<h2>Team</h2>
<p>Meet Our Team!</p>
<div class="profile-container">
<img src="pictures/Sahil.jpg" alt="Picture of Sahil" class="profile-image">
<div class="overlay">
<div class="overlay-text">
<h2>Sahil Tara</h2>
<p>
Sahil is currently a software engineering student in 1st year at the University of Ottawa.
Sahil enjoys coding in his free time and doing fun mathematics problems.
Sahil is most comfortable programming in C++, but can also program in a variety of other languages.
He really enjoys learning about the fields of Artificial Intelligence, and Machine Learning.
He is also extremely interested in cryptography.
Q3J5cHRvZ3JhcGh5IGlzIGVzc2VudGlhbCB0aGVzZSBkYXlzIHNvIGl0cyBhIGdpdmVuIHJpZ2h0Pw==
</p>
<a href="https://www.linkedin.com/in/sahil-tara-374157150/" target="_blank"><i class="fa fa-linkedin-square fa-3x"></i></a>
</div>
</div>
</div>
<div class="profile-container">
<img src="https://scontent.fyto1-1.fna.fbcdn.net/v/t1.0-9/11914008_1099962606699739_6332840800226658137_n.jpg?oh=0c679c748f103196c7926caf54d59f0e&oe=5A3AC752" alt="Picture of Cedric" class="profile-image">
<div class="overlay">
<div class="overlay-text">
<h2>Cedric Bolduc</h2>
<p>
Cedric is currently a first year software engineering student at The University of Ottawa.
Cedric likes Pina Coladas and getting caught in the rain, as well as having a deep appreciation for all sorts of music.
Cedric prefers coding with Java over all other languages, with Python coming a close second.
He also enjoys composing EDM music and improving his physical and mental health.
</p>
<a href="https://www.linkedin.com/in/c%C3%A9dric-esteban-pedroza-bolduc-680435110/" target="_blank"><i class="fa fa-linkedin-square fa-3x"></i></a>
</div>
</div>
</div>
<div class="profile-container">
<img src="https://scontent.fxds1-1.fna.fbcdn.net/v/t1.0-9/22089608_10214653972565844_8830016190015547283_n.jpg?oh=f64d8804cb8936cb0bd4849561b74c79&oe=5A7556EE" alt="Picture of Andrew" class="profile-image">
<div class="overlay">
<div class="overlay-text">
<h2>Andrew Rizk</h2>
<p>
Andrew is a first year student at the University of Ottawa, enrolled in the Software Engineering.
Andrew has a deep appreciation for many things in life, and loves to take challenge himself in all aspects.
Andrew loves to bodybuild as a part of his daily life, but also takes interest in coding occasionally and enjoys going out with friends.
Through some online and school courses, he's most experienced with and prefers Java over other programming languages.
</p>
<a href="https://www.linkedin.com/in/andrew-rizk-060961151/" target="_blank"><i class="fa fa-linkedin-square fa-3x"></i></a>
</div>
</div>
</div>
<div class="profile-container">
<img src="pictures/SelPascal.JPG" width="400" height="300" alt="Picture of Pascal" class="profile-image">
<div class="overlay">
<div class="overlay-text">
<h2>Pascal Marleau-Proulx</h2>
<p>
Pascal is enrolled in software engineering at the University of Ottawa.
Pascal also started making websites as a hobby,'Domain : produces.ca'
He is also generally interested in music. He plays the oboe and the piano.
His expertise is more focused on python and java.
</p>
<a href="https://www.linkedin.com/in/pascal-marleau-proulx-000931151/" target="_blank"><i class="fa fa-linkedin-square fa-3x"></i></a>
</div>
</div>
</div>
<div class="profile-container">
<img src="pictures/Vincent.jpg" height="400" alt="Picture of Vincent" class="profile-image">
<div class="overlay">
<div class="overlay-text">
<h2>Vincent Madore Charron</h2>
<p>
Vincent always had a passion for sciences, especially physics and math. After completing a
degree in biomedical sciences, he decided to start all over again in a different field. He is now
a 1st year student in software engineering at the University of Ottawa. Vincent has basic knowledge
of a wide variety of languages, including JavaScript, C# and Python.
</p>
<a href="https://www.linkedin.com/in/vincent-madore-charron-36b35314a/" target="_blank"><i class="fa fa-linkedin-square fa-3x"></i></a>
</div>
</div>
</div>
</div>
<!--Contact Us-->
<div id="contactus" class="contact-us top-seperate">
<h2>Contact us</h2>
<h3>If you have any questions or concerns please contact us by entering your information below</h3>
<!-- Doesn't Do anything right now-->
<form id="contact" action="https://formspree.io/[email protected]" method="POST">
<input type="text" name="name" class="input" placeholder="Your name" tabindex="1" required><br>
<input type="email" name="_replyto" class="input" placeholder="[email protected]" tabindex="2" required><br>
<textarea class="input" name="submit" placeholder="Your message here!" tabindex="3" required></textarea><br>
<button type="submit" id="submit-contact" data-submit="...Sending">Submit</button>
</form>
</div>
<footer>
<p><small>©2017 TflowTechnologies</small></p>
</footer>
</body>
</html>