-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
138 lines (134 loc) · 6.17 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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>StSt - About Us</title>
<link rel="stylesheet" type="text/css" href="css/style2.css">
<link rel="stylesheet" type="text/css" href="css/mobile.css" media="screen and (max-width : 568px)">
<link rel="stylesheet" href="bootstrap-3.3.6-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/carousel.css">
<script src="jQuery/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/mobile.js"></script>
<link rel="icon" href="images/Study-Station-logo-versione-finale-ConvertImage.ico">
</head>
<body onload=window.scroll(0,362);>
<div id="header">
<a href="index.html" class="logo">
<img src="images/Study-Station-logo-versione-finale.jpg" alt="">
</a>
<ul id="navigation">
<li>
<a href="index.html">home</a>
</li>
<li>
<a href="vision.html">vision</a>
</li>
<li>
<a href="ami.html">ami</a>
</li>
<li>
<a href="specs.html">specs</a>
</li>
<li>
<a href="multimedia.html">multimedia</a>
</li>
<li class="selected">
<a href="about.html">about us</a>
</li>
</ul>
</div>
<div id="body">
<h1 id="h1"><span>About Us</span>
</h1>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img class="first-slide" src="images/torino.jpg" alt="First slide">
<div class="carousel-caption">
<h1>Our City.</h1>
</div>
</div>
<div class="item">
<img class="second-slide" src="images/poli.jpg" alt="Second slide">
<div class="carousel-caption">
<h1>Our College</h1>
</div>
</div>
<div class="item">
<img class="third-slide" src="images/IMG_5459.jpg" alt="Third slide">
<div class="carousel-caption">
<h1>Our Team</h1>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<!-- /.carousel -->
</div>
<div class="jumbotron" style="padding: 20px 20px 20px 20px">
<h2><strong>Who are We?</strong></h2>
<p class="lead">We are four engineering students enrolled at Politecnico di Torino.
We develop "Study Station" system during 2016 Ambient Intelligence Course. Below some information about us.
</p>
</div>
<div class="container marketing">
<!-- Three columns of text below the carousel -->
<div class="row" style="margin-top: 20px; text-align: left">
<div class="col-lg-3">
<img class="img-circle" src="images/jack.jpg" alt="Generic placeholder image" width="200" height="200">
<h2>Giacomo Borraccini</h2>
<h4>Project Designer: he's simply <br><em>The Mind </em>of our project</h4>
<p><a href="mailto:[email protected]">[email protected]</a></p>
<p><a href="https://github.com/gborrach">GitHub Page</a></p>
<p><a href="https://www.facebook.com/profile.php?id=100006156316265">Facebook Page</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-3">
<img class="img-circle" src="images/gabri.jpg" alt="Generic placeholder image" width="200" height="200">
<h2>Gabriele Ciravegna</h2>
<h4>Web Designer and computer programmer: not the classic geek</h4>
<p><a href="mailto:[email protected]">[email protected]</a></p>
<p><a href="https://github.com/S201055">GitHub Page</a></p>
<p><a href="https://www.facebook.com/gabriele.ciravegna">Facebook Page</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-3">
<img class="img-circle" src="images/fabio2.jpg" alt="Generic placeholder image" width="200"
height="200">
<h2>Fabio <br>Cofano</h2>
<h4>Hardware designer: capable to cover every role</h4>
<p><a href="mailto:[email protected]">[email protected]</a></p>
<p><a href="https://github.com/S205191">GitHub Page</a></p>
<p><a href="https://www.facebook.com/fabio.cofano.9?fref=ts">Facebook Page</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-3">
<img class="img-circle" src="images/colu.jpg" alt="Generic placeholder image" width="200" height="200">
<h2>Andrea Coluccio</h2>
<h4>Hardware designer: he probably started using Arduino in the cradle</h4>
<p><a href="mailto:[email protected]">[email protected]</a></p>
<p><a href="https://github.com/S203625">GitHub Page</a></p>
<p><a href="https://www.facebook.com/Andrea.Floyder.Coluccio">Facebook Page</a></p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
</div>
</div>
<div id="footer">
<div>
<p>© 2016 by StSt. All rights reserved.</p>
</div>
</div>
</body>
</html>