-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
192 lines (165 loc) · 8.66 KB
/
index.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
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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="Real-Move Open Source Website">
<meta name="title" content="Real-Move">
<title>Real-Move Open Source Website</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/carousel.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
</head>
<body>
<div class="masthead">
<div class="container">
<div class="logo col-xs-6">
<a href="/"><img src="images/realmove_logo.png" /></a>
</div>
</div>
</div>
<!-- Carousel
================================================== -->
<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>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<img class="first-slide" src="images/slider-bg-2.jpg" alt="First slide">
<div class="container">
<div class="carousel-caption">
<div class="col-md-8">
<h2>ERC POC 2023</h2>
<h3>Project Grant Award</h3>
<hr/>
<p>Arash Ajoudani from the IIT - Italian Institute of Technology is among the 66 European researchers, 7 of whom are in Italy,
awarded today with Proof of Concept (PoC) funding by the European Research Council (ERC), amounting to 150,000 euros.
This funding aims to bridge the gap between the outcomes of their pioneering research and the initial stages of commercialization.
Ajoudani will focus on developing a new system of vision and artificial intelligence for monitoring three-dimensional human body movement.<p>
<p>The announcement by the ERC includes a list of 66 recipients across 14 countries in the European Union. 7 projects will be funded in Italy,
with 2 of them located at IIT in Genoa. The Proof of Concept grant scheme is only open to researchers who are currently or have previously
been funded by the ERC. The grant will be used to further develop the research project results achieved through other ERC contributions,
such as Starting, Consolidator, Advanced, or Synergy grants.</p>
</div>
<div class="col-md-4">
<div class="carousel-image">
<img src="images/carousel/erc-poc.png" alt="First Slide Image" width="500"/>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<img class="second-slide" src="images/slider-bg-2.jpg" alt="Second slide">
<div class="container">
<div class="carousel-caption">
<div class="col-md-8">
<h2>Our Team</h2>
<h3>Want to work on this technology?</h3>
<hr/>
<p>Are you ready to be part of something bigger than yourself? Do you have the drive to innovate, create, and collaborate with a team that is
passionate about pushing boundaries and making a real impact? If so, we invite you to join our dynamic and dedicated team!</p>
<p>Check out our <a href="https://hri.iit.it/openings">jobs</a> page for current openings.</p>
</div>
<div class="col-md-4">
<div class="carousel-image">
<img src="images/carousel/lab-picture.jpg" alt="Second Slide Image" width="500"/>
</div>
</div>
</div>
</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>
</div><!-- /.carousel -->
<!-- Marketing messaging and featurettes
================================================== -->
<div class="callout">
<div class="container">
<div class="col-xs-14">
<h1><span style="color:#ea2a2e;">Real-Move</span> Mission</h1>
<hr/>
<p><span style="color:#000000;">
We are committed to push the boundaries of what's possible. By combining the
latest advancements in computer vision, artificial intelligence, and motion analysis,
we offer state-of-the-art markerless 3D motion capture technology that captures the true
essence of human movement with unparalleled accuracy and detail.
</span></p>
</div>
<div class="video-container">
<video autoplay loop muted>
<source src="videos/cartoon_fast.mp4" type="video/mp4"/>
</video>
</div>
</div>
</div>
<!-- START THE FEATURETTES -->
<!-- <div class="col-sm-12">
<div class="row featurette">
<div class="col-sm-4">
<img class="featurette-image img-responsive center-block" src="images/front-icons/cloud-platform.png" alt="Generic placeholder image 1">
</div>
<div class="col-sm-8">
<h2 class="featurette-heading"><a class="nostyle" name="big-data">Big Data</a></h2>
<h3>Tools and services to get the most out of your (big) data</h3>
<p class="lead">Data is invaluable in making Netflix such an exceptional service for our customers. Behind the scenes, we have a
rich ecosystem of (big) data technologies facilitating our algorithms and analytics. We use and contribute to broadly-adopted open
source technologies including Hadoop, Hive, Pig, Parquet, Presto, and Spark. In addition, we’ve developed and contributed some additional
tools and services, which have further elevated our data platform. <a href="https://github.com/Netflix/genie">Genie</a> is a powerful, REST-based abstraction to our various
data processing frameworks, notably Hadoop. <a href="https://github.com/Netflix/inviso">Inviso</a> provides detailed insights into the performance of our Hadoop jobs and
clusters. <a href="https://github.com/Netflix/lipstick">Lipstick</a> shows the workflow of Pig jobs in a clear, visual fashion. And
<a href="https://github.com/Netflix/aegisthus">Aegisthus</a> enables the bulk abstraction of data out of Cassandra for downstream analytic processing.</p>
</div>
</div>
<hr class="featurette-divider">
</div> -->
</div><!-- /.container -->
<!-- FOOTER -->
<footer>
<div class="footer">
<div class="container">
<div class="col-md-4">
<p class="footer-sub"><strong>Real Move</strong></p>
<!-- <ul>
<li><a href="link" target="_blank">BLA BLA</a></li>
<li><a href="link" target="_blank">JOIN US!</a></li>
</ul> -->
</div>
<!-- <div class="col-md-4">
<p class="footer-sub"><strong>Stay in Touch</strong></p>
<ul>
<li><a href="link" target="_blank">MAIL</a></li>
<li><a href="link" target="_blank">ADDRESS</a></li>
<li><a href="link" target="_blank">OTHER</a></li>
</ul>
</div> -->
<!-- <div class="powered-by-copyright col-md-4">
<a href="/"><img src="images/Netflix-OSS-Logo-Small.png" /></a>
<p style="clear:both;">© 2012-2016 NETFLIX, INC. ALL RIGHTS RESERVED</p>
</div> -->
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>