-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdetailsAtraplas.html
149 lines (130 loc) · 6.37 KB
/
detailsAtraplas.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
<!DOCTYPE html>
<html lang="e">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>oqubo</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<link href="css/lightbox.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/lightbox.min.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playwrite+NL:[email protected]&family=Quicksand:[email protected]&family=Zain:wght@200;300;400;700;800;900&display=swap" rel="stylesheet">
</head><!--/head-->
<body>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="images/favicon.ico">
</head><!--/head-->
<body>
<script language="javascript" type="text/javascript" src="header.js"></script>
<section id="page-breadcrumb">
<div class="vertical-center sun">
<div class="container">
<div class="row">
<div class="action">
<div class="col-sm-12">
<h1 class="title">Atraplas</h1>
<p>Videojuego</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--/#action-->
<section id="portfolio-information" class="padding-top">
<div class="container">
<div class="row">
<div class="col-sm-6">
<img src="images/portfolio/atraplas/icono512.png" class="img-responsive" width="500px" alt="">
<div class="google-play-link" style="margin-top: 20px;">
<a href="https://play.google.com/store/apps/details?id=com.lhc.atraplas" target="_blank">
<img src="images/android.png" alt="Get it on Google Play" style="width: 200px;">
</a>
</div>
</div>
<div class="col-sm-6">
<h2>Atraplas</h2>
<p>Atraplás es un pulpo que cuida del planeta.</p>
<p>Ayúdalo a recoger toda la basura que encuentra en el agua y únete al desafío de limpiar los océanos. ¿Puedes decir qué objetos no pertenecen al fondo del mar?</p>
<h3>Atrapa la basura a la deriva</h3>
<p>Baterías, anillos de plástico, bolsas... ¡incluso pañales! En el mar de Atraplás, hay mucha basura que no vemos desde la superficie. Pesca todo lo que puedas con él y aprende cuántos años tardaría en desaparecer si nadie la retira.</p>
<h3>Respeta la vida marina</h3>
<p>¡Pero ten cuidado! Atraplás no quiere molestar a los animales que viven en el mar. Si accidentalmente atrapa uno, se angustia y libera tinta. La esponja te ayudará a ver el fondo del mar de nuevo, pero debes recompensarla recogiendo las perlas que ves en la corriente.</p>
</div>
</div>
</div>
</section>
<!--/#portfolio-information-->
<section id="related-work" class="padding-top padding-bottom">
<div class="container">
<div class="row">
<h1 class="title text-center"></h1>
<div class="col-sm-3">
<div class="portfolio-wrapper">
<div class="portfolio-single">
<div class="portfolio-thumb">
<a href="images/portfolio/atraplas/2full.png" data-lightbox="example-set"><img src="images/portfolio/atraplas/2.png" class="img-responsive" alt=""></a>
</div>
</div>
<div class="portfolio-info "><h2></h2></div>
</div>
</div>
<div class="col-sm-3">
<div class="portfolio-wrapper">
<div class="portfolio-single">
<div class="portfolio-thumb">
<a href="images/portfolio/atraplas/1full.jpg" data-lightbox="example-set"><img src="images/portfolio/atraplas/1.jpg" class="img-responsive" alt=""></a>
</div>
</div>
<div class="portfolio-info "><h2></h2></div>
</div>
</div>
<div class="col-sm-3">
<div class="portfolio-wrapper">
<div class="portfolio-single">
<div class="portfolio-thumb">
<a href="images/portfolio/atraplas/5full.jpg" data-lightbox="example-set"><img src="images/portfolio/atraplas/5.jpg" class="img-responsive" alt=""></a>
</div>
</div>
<div class="portfolio-info "><h2></h2></div>
</div>
</div>
<div class="col-sm-3">
<div class="portfolio-wrapper">
<div class="portfolio-single">
<div class="portfolio-thumb">
<a href="images/portfolio/atraplas/3full.jpg" data-lightbox="example-set"><img src="images/portfolio/atraplas/3.jpg" class="img-responsive" alt=""></a>
</div>
</div>
<div class="portfolio-info "><h2></h2></div>
</div>
</div>
</div>
</div>
</section>
<!--/#related-work-->
<script language="javascript" type="text/javascript" src="footer.js"></script>
</body>
</html>