-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpage2.html
More file actions
222 lines (143 loc) · 11.2 KB
/
page2.html
File metadata and controls
222 lines (143 loc) · 11.2 KB
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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!DOCTYPE html>
<html >
<head>
<!-- Site made with Mobirise Website Builder v4.12.3, https://mobirise.com -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Mobirise v4.12.3, mobirise.com">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/logo4.png" type="image/x-icon">
<meta name="description" content="">
<title># 3 homeoffice</title>
<link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/tether/tether.min.css">
<link rel="stylesheet" href="assets/animatecss/animate.min.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<section class="header11 cid-rUGwdNV1u7" id="header11-3o">
<!-- Block parameters controls (Blue "Gear" panel) -->
<!-- End block parameters -->
<div class="container align-left">
<div class="media-container-column mbr-white col-md-12">
<h1 class="mbr-section-title py-3 mbr-fonts-style display-2"><strong>#HomeOffice</strong></h1>
<p class="mbr-text py-3 mbr-fonts-style display-5"><strong>
Integral</strong>, holístico,<br><strong>y saludable
</strong></p>
</div>
</div>
</section>
<section class="engine"><a href="https://mobirise.info/v">html templates</a></section><section class="cid-rUGNfo0oPz" id="image3-3v">
<figure class="mbr-figure container">
<div class="image-block" style="width: 58%;">
<img src="assets/images/deco2-960x640.jpg" width="1400" alt="Mobirise" title="">
</div>
</figure>
</section>
<section class="mbr-section content4 cid-rUGDgxkn6G" id="content4-3u">
<div class="container">
<div class="media-container-row">
<div class="title col-12 col-md-8">
<h2 class="align-center pb-3 mbr-fonts-style display-5"><strong><em>#HomeOffice</em></strong></h2>
<h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-5">'No es llevar la oficina a casa, <br>sino <strong>hacer agradable el trabajo.'</strong></h3>
</div>
</div>
</div>
</section>
<section class="cid-rUMKhj4qwj" id="image3-40">
<figure class="mbr-figure container">
<div class="image-block" style="width: 50%;">
<img src="assets/images/deco6-649x918.jpg" width="1400" alt="Mobirise" title="">
</div>
</figure>
</section>
<section class="cid-rUGNw4By4C" id="image3-3w">
<figure class="mbr-figure container">
<div class="image-block" style="width: 50%;">
<img src="assets/images/deco3-960x640.jpg" width="1400" alt="Mobirise" title="">
</div>
</figure>
</section>
<section class="cid-rUjAvKNDq9" id="image3-29">
<figure class="mbr-figure container">
<div class="image-block" style="width: 63%;">
<img src="assets/images/la2-884x271.jpg" width="1400" alt="Mobirise" title="">
</div>
</figure>
</section>
<section class="testimonials1 cid-rUGyXTfZHp" id="testimonials1-3r">
<div class="container">
<div class="media-container-row">
<div class="title col-12 align-center">
</div>
</div>
</div>
<div class="container pt-3 mt-2">
<div class="media-container-row">
<div class="mbr-testimonial p-3 align-center col-12 col-md-6">
<div class="panel-item p-3">
<div class="card-block">
<div class="testimonial-photo">
<img src="assets/images/marcosmartin-240x236.jpg" alt="" title="">
</div>
<p class="mbr-text mbr-fonts-style display-7"><strong>
MARCOS MARTÍN</strong><br>ING. INFORMÁTICO</p>
</div>
<div class="card-footer">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mbr-section content4 cid-rUGzSJrmlL" id="content4-3s">
<div class="container">
<div class="media-container-row">
<div class="title col-12 col-md-8">
<h2 class="align-center pb-3 mbr-fonts-style display-5"><strong>My</strong> tele<strong>HomeWork</strong></h2>
<h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-5">Hola, soy <strong>Marcos Martín</strong>:<br><br>Soy Ingeniero Informático y aunque desempeño mi trabajo presencial en la Universidad he practicado el <strong>#teletrabajo</strong> y el <strong>#autoempleo</strong> desde el año 2.000.<br><br>No es nada fácil dedicarse en exclusiva al <strong>#HomeOffice</strong> porque el <strong>mundo del trabajo</strong> (o profesión) y el <strong>mundo personal</strong> (o familiar) tiene características opuestas, es como intentar mezclar <strong>agua y aceite.</strong><br><br>Por tanto, <strong>al combinarlos en espacio y tiempo</strong>, se presentan circunstancias muy difíciles de manejar que incluso pueden provocar elevadas dosis de <strong>estrés y problemas de salud</strong>, tanto física como mental.<br><br>Ahora todo el mundo aconseja el <strong>#teletrabajo.</strong> Se describe como una panacea paradisiaca y todo el mundo se presta a dar consejos de lo que debería hacerse (pero que en realidad nadie pone en práctica de forma coherente.)<br><br>Por eso, el punto de vista de este proyecto <strong>no es dar mini consejos 'obvios' y concretos</strong> sobre cómo organizarse en los detalles del día a día en el #homeoffice.<br><br>El <strong>Leitmotif</strong> de este sitio es indagar, buscar y ofrecer <span style="font-size: 1.5rem;">una visión global, integral y holística de lo que representa tener la <strong>oficina-en-casa</strong> o tener la <strong>casa-en-la-oficina</strong> (tanto monta, monta tanto) que contribuya a tener una sensación permanente que sirva de guia general para manejar las dificultades.</span><br><br><span style="font-size: 1.5rem;">No trato de dar (sólo) mi visión personal, aunque estoy encantado de ofrecerla, sino de recopilar <strong>el punto de vista de cientos de pioneros</strong> que practican el #teletrabajo o el #homeoffice.</span><br><br><span style="font-size: 1.5rem;">Esta multitud de puntos de vista de #teletrabajadores permitirá tener una visión global y certera de este <strong>#telecolectivo.</strong> </span><br><br><span style="font-size: 1.5rem;">Gracias x unirte en RED.<br><em>Marcos Martín</em><br></span><div><div><br></div></div></h3>
</div>
</div>
</div>
</section>
<section class="cid-rUjAvMKoiN" id="header2-2d">
<div class="container align-center">
<div class="row justify-content-md-center">
<div class="mbr-white col-md-10">
<h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style display-2"><span style="font-weight: normal;">Envíame tu <br>Opinión sobre el</span> <br>#homeoffice</h1>
<p class="mbr-text pb-3 mbr-fonts-style display-5">Desde tu punto de vista, <br> de forma seria o humorística,<br><br>Resume en una frase que describa <br><strong>algún aspecto experimentado,<br></strong><br>ventaja o inconveniente,<br>placentero o estresante,<br>aconsejable o a evitar.</p>
<div class="mbr-section-btn"><a class="btn btn-md btn-primary display-4" href="https://mobirise.co">ANONIMAMENTE</a>
<a class="btn btn-md btn-white-outline display-4" href="https://mobirise.co">RECONOCIDAMENTE</a></div>
</div>
</div>
</div>
<div class="mbr-arrow hidden-sm-down" aria-hidden="true">
<a href="#next">
<i class="mbri-down mbr-iconfont"></i>
</a>
</div>
</section>
<section class="mbr-section content4 cid-rUB6VGCcsd" id="content4-3n">
<div class="container">
<div class="media-container-row">
<div class="title col-12 col-md-8">
<h2 class="align-center pb-3 mbr-fonts-style display-2"><strong><em>#miHomeOffice es</em></strong></h2>
<h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-5"><p>'Aprender a <strong>hacer <br>agradable el trabajo.'</strong><br><br><strong>Disfrutar del espacio <br>de creatividad</strong><br><strong><br></strong><br><strong>conservar de buen humor</strong><strong><br></strong>sentir tu trabajo es util y se reconoce<br><br>lo condicional y el afecto sin-condiciones<br><br><strong>cuidar de salusable</strong><br><strong>ascenso profesional</strong><br><strong><br></strong>saber mezclar<br><strong>equilibrio entre la vida personal y la profesional</strong><br><strong>entre la iniciativa y la adaptación</strong><br><strong>la importancia del </strong><br><strong>el recomocimiento profesional y el cuidadado de</strong><br><strong>cuidar del equilibrio</strong><br><strong>ser profesional y ser persona </strong><br><strong>el afecto personal y las metas profesionales</strong><br><br><strong>El reto de manejar los tiempos</strong><br><strong>entre los 30 y los 50.</strong><br><br><strong>Es mi #MANYmoneyFIESTO</strong></p><br><p><strong>Ser médico y celador al mismo tiempo</strong></p><br><br><p><strong>tener autoridad e impulso<br>pero receptividad y emociones</strong></p><br><br><p><strong>saber estar de pie ysaber sentarse correctamente</strong></p><br><p><strong>cuidar de tu culo, <br>en el sentido vital <br>y en el sentido LITERAL</strong></p><br><br><p><strong>saber distinguir los tiempos donde diseñas webs<br></strong><strong>y te cortas las uñas </strong></p><br><br><p><strong>que no se te manche el teclado de crema de los pies</strong></p><br><br><p><strong>sbaer conseguir un <br>cliente con el pijama de la suerte</strong></p></h3>
</div>
</div>
</div>
</section>
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/tether/tether.min.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/viewportchecker/jquery.viewportchecker.js"></script>
<script src="assets/theme/js/script.js"></script>
<input name="animation" type="hidden">
</body>
</html>