-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
173 lines (160 loc) · 7.46 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
<!DOCTYPE html>
<meta charset="utf-8">
<title>Xsub</title>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:100,300,400,700">
<link rel="stylesheet" type="text/css" href="./files/styles.css">
<link rel="shortcut icon" href="./images/favicon.ico">
<link rel="stylesheet" type="text/css" media="all" href="http://www.mightymeta.co.uk/resources/css-noise.css">
<style type="text/css">
html, body, input, select, textarea {
font:300 18px "Roboto", sans-serif;
color:#777
}
</style>
<!--[if lt IE 9]>
<script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" async defer></script>
<script src="//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js" async defer></script>
<![endif]-->
</head>
<body data-twttr-rendered="true">
<div class="content">
<header class="header wrapper">
<h1>X-Sub vehículo submarino teleoperado</h1>
<p>Proyecto de diseño y construcción de un ROV submarino pequeño de alta autonomía elaborado por estudiantes y profesores
de la Universidad Simón Bolívar como programa de investigación y desarrollo de manera interdiciplinaria con el objetivo de innovar, fomentar y
consolidar conocimentos tecnológicos inspirados en anteriores proyectos realizados en el campus universitario y en la comunidad internacional.</p>
</header>
<div class="bar2"></div>
<div class="shadow">
<div class="about wrapper">
<ul>
<li>
<div class="table-cell">
<p class="title">Universidad Simón Bolívar</p>
<p>En X-Sub se trabaja en diversos proyectos de investigación en diversas áreas de ingeniería: mecánica, computación, electrónica de potencia, circuitos electrónicos, comunicaciones, transferencia de energía, entre otros.</p>
</div>
<img src="./images/usb.jpg" width="280" height="220" alt="Starting is quick and easy">
</li>
<li class="left-side">
<img src="./images/mecatronica.jpg " width="280" height="220" alt="Simple settings">
<div class="table-cell">
<p class="title">Formamos parte de Mecatrónica USB</p>
<p>
El Grupo de Investigación y Desarrollo en Mecatronica trabaja en el desarrollo de soluciones basadas en la integración de
conocimientos de las areas de automática y control, computación, inteligencia artificial, mecánica y electrónica.
</p>
</div>
</li>
<li>
<div class="table-cell">
<p class="title">Estudiantes y profesores</p>
<p>Integrantes y desarrolladores del proyecto que emplean sus conocimientos para la implentación e innovación tecnológica en el desarrollo de submarinos rov.</p>
</div>
<img src="./images/integrantes.png" width="280" height="220" alt="Share it with your friends!">
</li>
<li class="left-side">
<img src="./images/poseibot.png" width="280" height="220" alt="Launch on start">
<div class="table-cell">
<p class="title">Poseibot</p>
<p>Primer submarino desarrollado por Mecatrónica para la inspección de tuberías de forma autónoma. Conocimientos utilizados en
el actual proyecto del ROV.</p>
</div>
</li>
<li>
<div class="table-cell">
<p class="title">Filosofía de X-Sub</p>
<p>La filosofía de diseño del X-Sub busca optimizar recursos tanto energéticos como de procesamiento para obtener una máxima eficiencia sin comprometer su capacidad de expansión, modularidad y confiabilidad. Busca ser simple, económico y versátil.</p>
</div>
<img src="./images/sub.png" width="280" height="220" alt="Pause during Skype call">
</li>
</ul>
</div>
</div>
<div class="noise features">
<div class="wrapper">
<h1>Características del proyecto</h1>
<div>
<img src="./images/micro.svg"/><BR>
pcDuino Lite ARM Cortex A10 512 MB.<BR>
MCU Freescale ColdFire MCF51QE128 32 bits.<BR>
IMU 6 DOF, magnetómetro, sensor de velocidad lineal por termistores.<BR>
Sensor de presión 700 KPA, termómetro, detector de humedad.<BR>
Webcam Microsoft HD con servomotores de pan y tilt.<BR>
2 Leds de alta intensidad de 1W.
</div>
<div>
<img src="./images/power.svg"/><BR>
Batería PbO2 12V 5000mAH.<BR>
Fuente de resonancia Full bridge 400W.<BR>
Línea de transmisión 10AWG.<BR>
Sistema de protección de sobrecorriente.<BR>
4 motores brushless turnigy 1000KV con 4 ESC HK 30A.<BR>
</div>
<div>
<img src="./images/pc.svg"/><BR>
Comunicación mediante cable ethernet 100Mbps CATE6.<BR>
Sistema de telemetría y control a través de ROS.<BR>
Capacidad de implementación de algoritmos de alto nivel para aplicaciones variadas.
Interzas gráfica del sistema de monitoreo.
</div>
<div>
<img src="./images/target.png"/><BR>
Exploración de sistemas biológicos marinos.<BR>
Detección de fallas en tuberías, líneas de transmisión y cascos marinos.<BR>
Mapeo del fondo marino.<BR>
Caracterización climatológica.<BR>
Exploración de cuevas y lugares submarinos de dificil acceso.
</div>
</div>
</div>
<div class="shadow">
<div id="reviews" class="reviews wrapper">
<div id="item-1" class="review">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet metus sed arcu lobortis, a commodo nibh suscipit. Mauris ullamcorper magna eget odio luctus, id laoreet mauris venenatis.</div>
<div id="item-2" class="review active">Vivamus odio diam, tincidunt id odio volutpat, suscipit luctus erat. Quisque vestibulum ante sit amet nulla eleifend semper.</div>
<div id="item-3" class="review">A Cappelletto le gusta a ir a pescar con los biólogos. No es por quererme meter en problemas ajenos pero eso es un poco raro.</div>
<div id="item-4" class="review">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet metus sed arcu lobortis, a commodo nibh suscipit. Mauris ullamcorper magna eget odio luctus, id laoreet mauris venenatis.</div>
<ul class="clearfix">
<li data-id="item-1">
<img src="./images/1.jpg" width="50" height="50" alt="José Cappelletto">
<p class="name">José Cappelletto</p>
<p>Coordinador de Electrónica</p>
</li>
<li data-id="item-2" class="active">
<img src="./images/2.jpg" width="50" height="50" alt="Gerardo Fernández">
<p class="name">Gerardo Fernández</p>
<p>Presidente de Averod</p>
</li>
<li data-id="item-3">
<img src="./images/3.jpg" width="50" height="50" alt="Danilo Díaz">
<p class="name">Ricardo Marques</p>
<p>Estudiante</p>
</li>
<li data-id="item-4">
<img src="./images/3.jpg" width="50" height="50" alt="Danilo Díaz">
<p class="name">Danilo Díaz</p>
<p>Estudiante</p>
</li>
</ul>
</div>
</div>
</div>
<footer>
Si estás interesado, comunícate con nosotros.<BR><BR>
Buscamos emprendedores proactivos que quieran poner a prueba sus conocimentos en un destacado grupo de trabajo.<BR><BR>
0412-5825780 [email protected]
</footer>
<script src="./files/jquery.min.js"></script><iframe name="oauth2relay734385136" id="oauth2relay734385136" src="./files/postmessageRelay.html" tabindex="-1" style="width: 1px; height: 1px; position: absolute; top: -100px;"></iframe>
<script type="text/javascript">
$(function(){
//reviews
$("#reviews li").click(function(){
if ($(this).hasClass("active") == false){
var id = $(this).data("id");
$("#reviews .active").removeClass("active");
$("#"+ id).addClass("active");
$(this).addClass("active");
}
});
});
</script>
</body></html>