-
Notifications
You must be signed in to change notification settings - Fork 0
/
terrassa-mercedes.html
139 lines (122 loc) · 5.53 KB
/
terrassa-mercedes.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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Placido Mo Project — Projecte</title>
<meta name="description" content="Page description goes here">
<!-- ******************************************************************************************
Set the type and color theme here - the Pro version contains additional themes -->
<link href="css/hawthorne_type2_color3.css" rel="stylesheet">
<!-- ************************************************************************************* -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<script src="js/vendor/modernizr.js"></script>
</head>
<body>
<div class="top-border"></div>
<div class="row">
<div class="small-12 medium-12 large-12 small-centered columns">
<header>
<div class="logo">
<a href="index.html"><img src="img/logo.png" alt="Magda Puig" /></a>
</div>
</header>
</div>
<div class="small-12 medium-12 large-12 small-centered columns">
<nav>
<ul class="inline-list-custom">
<li><a href="index.html">Projecte</a></li>
<li><a href="terrassa.html">Plácido Mo #Terrassa</a></li>
<li><a href="about.html">Equip</a></li>
</ul>
</nav>
</div>
</div>
<div class="row">
<div class="small-12 medium-6 large-6 columns">
<h2>Mercedes</h2>
<blockquote>
<p>“Después me cojo el autobús y me paso toda la mañana dando vueltas. A veces me duermo y todo. Me viene el conductor: señora que aquí no se puede dormir. Paso una vergüenza enorme. Y siempre me pillaba el conductor durmiendo. Y una vez me vino una conductora con mala leche y me dijo: señora aquí no se duerme, esto es para los pasajeros. A dormir en ese banco. Y me supo mal porque somos personas sin hogar y no tenemos donde ir a dormir durante el día y te dicen esas cosas y.... Pero bueno yo seguí sentada allí porque había pagado el asiento. Hay señoras que van tan despacio. Y voy dando vueltas y a veces no sé las vueltas que llego a dar. Después me bajo en el bar de la Maduixa, son chinos y me quieren mucho. A veces me quedo dormida y me lo quitan poquito a poco. Ya soy como de la família. A veces me bajo de un autobús, me monto en otro, me bajo de un autobús, me monto en otro, es lo que suelo hacer casi siempre.</p>
<p>Como es tan aburrido y tengo el pie izquierdo que me duele. Es lo que suelo hacer. Conozco sitios que no conozco de Terrassa. Así con los autobuses voy recorriendo sitios y zonas preciosas de Terrassa que no había visto nunca”</p>
</blockquote>
</div>
<div class="small-12 medium-6 large-6 columns">
<iframe width="516" height="315" src="https://www.youtube.com/embed/R7XvnR-M_88" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="row">
<div class="small-12 medium-12 large-12 columns">
<hr class="project-detail-hr" />
<div class="row">
<div class="small-12 medium-6 large-6 columns">
<div class="project-img">
<img src="img/projects/mercedes-1.jpg" alt="Plácido Mo - Mercedes" />
<h6>Plácido Mo - Mercedes</h6>
</div>
</div>
<div class="small-12 medium-6 large-6 columns">
<div class="project-img">
<img src="img/projects/mercedes-2.jpg" alt="Plácido Mo - Mercedes" />
<h6>Plácido Mo - Mercedes</h6>
</div>
<div class="project-img">
<img src="img/projects/mercedes-4.jpg" alt="Plácido Mo - Mercedes" />
<h6>Plácido Mo - Mercedes</h6>
</div>
</div>
</div>
<div class="row">
<div class="small-12 medium-6 large-6 columns">
<div class="project-img">
<img src="img/projects/mercedes-3.jpg" alt="Plácido Mo - Mercedes" />
<h6>Plácido Mo - Mercedes</h6>
</div>
</div>
<div class="small-12 medium-6 large-6 columns">
<div class="project-img">
<img src="img/projects/mercedes-5.jpg" alt="Plácido Mo - Mercedes" />
<h6>Plácido Mo - Mercedes</h6>
</div>
</div>
</div>
<div class="row">
<div class="small-12 medium-6 large-6 columns">
<div class="project-img">
<img src="img/projects/mercedes-6.jpg" alt="Plácido Mo - Mercedes" />
<h6>Plácido Mo - Mercedes</h6>
</div>
</div>
<div class="small-12 medium-6 large-6 columns">
</div>
</div>
</div>
</div>
<div class="row">
<div class="small-12 medium-12 large-12 columns">
<p class="back-to-top-holder"><a class="back-to-top"><i class="fa fa-chevron-circle-up fa-3x"></i></a></p>
</div>
</div>
<div class="row">
<div class="small-12 medium-12 large-12 columns">
<footer>
<ul>
<li>© 2016 <a href="index.html">Magda Puig</a>. All rights reserved.</li>
<li><a href="mailto:placidomoproject@gmail.com"><i class="fa fa-envelope-o"></i> placidomoproject@gmail.com</a></li>
<!-- *****************************************************************************************
The "Powered by Type & Grids" link in the footer is required in the Free version
typeandgrids.com/pirates -->
<li>Powered by <a href="http://www.typeandgrids.com" target="_blank">Type & Grids</a></li>
<!-- ************************************************************************************ -->
</ul>
<div class="social-icons">
<a href="https://twitter.com/Placidomo_Proj" target="_blank"><i class="fa fa-twitter-square fa-2x"></i></a>
<a href="https://www.facebook.com/Pl%C3%A1cido-Mo-156661438077281/" target="_blank"><i class="fa fa-facebook-square fa-2x"></i></a>
</div>
</footer>
</div>
</div>
<script src="js/vendor/jquery.min.js"></script>
<script src="js/foundation.min.js"></script>
<script src="js/hawthorne.js"></script>
</body>
</html>