-
Notifications
You must be signed in to change notification settings - Fork 0
/
terrassa-pere.html
126 lines (111 loc) · 4.91 KB
/
terrassa-pere.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
<!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>Pere</h2>
<blockquote>
<p>“Els matins ens llevem a les 8, esmorzem una mica i cap allà 8.30 me’n vaig cap a l’oficina. Definición de oficina: és un bar normal i corrent. Li diem l’oficina per despistar l’enemic. L’enemic són els monitors que estan amb nosaltres. Clar nosaltres ho parlem d’aquesta manera. Però sí, sí, pràcticament és una oficina perquè allà connectem amb wifi, ens estalviem els datos i allà rebem els emails, conversacions d’amics. Ens ajuntem 4 o 5, parlem de feina, projectes. I bueno, prenem un cafè, fumem una cigarreta. Però més aviat és per parlar de feina a llarg termini, perquè ara jo estic treballant en un lloc, l’altre també està treballant. Millor és a llarg termini. On anirem a viure? Si a una casa de puntada o una casa pagant. De fet estem mirant vàries opcions però és una mica arriscat. Al final no sé què farem. En principi la oficina és per aquestes coses”.</p>
</blockquote>
</div>
<div class="small-12 medium-6 large-6 columns">
<iframe width="516" height="315" src="https://www.youtube.com/embed/moI_uaPUvrE" 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/pere-1.jpg" alt="Plácido Mo - Pere" />
<h6>Plácido Mo - Pere</h6>
</div>
</div>
<div class="small-12 medium-6 large-6 columns">
<div class="project-img">
<img src="img/projects/pere-2.jpg" alt="Plácido Mo - Pere" />
<h6>Plácido Mo - Pere</h6>
</div>
<div class="project-img">
<img src="img/projects/pere-3.jpg" alt="Plácido Mo - Pere" />
<h6>Plácido Mo - Pere</h6>
</div>
</div>
</div>
<div class="row">
<div class="small-12 medium-6 large-6 columns">
<div class="project-img">
<img src="img/projects/pere-4.jpg" alt="Plácido Mo - Pere" />
<h6>Plácido Mo - Pere</h6>
</div>
</div>
<div class="small-12 medium-6 large-6 columns">
<div class="project-img">
<img src="img/projects/pere-5.jpg" alt="Plácido Mo - Pere" />
<h6>Plácido Mo - Pere</h6>
</div>
</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>