├── capitulo1
├── emmet.html
└── fuentes.html
├── capitulo2
├── batman.jpg
├── flex.html
├── flotando.html
├── grid.html
├── pin01.jpg
├── pin01.png
├── pin02.jpg
├── pin02.png
├── pin03.png
├── pin04.png
├── pin05.png
├── pin06.png
├── pin07.png
├── posiciones.html
├── spiderman.jpg
└── superman.jpg
├── portfolio
├── css
│ └── estilos.css
├── imagenes
│ ├── about-img.png
│ ├── about-img_250.png
│ ├── cascos.png
│ ├── fondo_contactar.png
│ ├── imagen_portfolio.png
│ ├── inicio.png
│ ├── sergey-zigle-rQ4_6TSliRg-unsplash.jpg
│ ├── tecno_au.png
│ ├── tecno_cu.png
│ └── tecno_html.png
├── index.html
├── media
│ ├── intro_mastermind.mp4
│ ├── intro_mastermindv2.mp4
│ └── intro_mastermindv2.webm
└── mockup
│ └── mockup.png
└── soluciones
├── experiencia_01.html
├── experiencia_02.html
├── experiencia_03.html
├── experiencia_04.html
├── experiencia_05.html
├── experiencia_06.html
├── experiencia_07.html
├── experiencia_08
├── css
│ └── estilos.css
└── experiencia_08.html
├── experiencia_09
├── css
│ └── estilos.css
└── experiencia_09.html
├── experiencia_10
├── css
│ └── estilos.css
└── experiencia_10.html
├── experiencia_11
├── css
│ └── estilos.css
└── experiencia_11.html
├── experiencia_12
├── css
│ └── estilos.css
└── experiencia_12.html
├── experiencia_13
├── css
│ └── estilos.css
└── experiencia_13.html
├── experiencia_14
├── css
│ └── estilos.css
└── experiencia_14.html
├── experiencia_15
├── css
│ └── estilos.css
└── experiencia_15.html
├── experiencia_16
├── css
│ ├── estilos.css
│ └── estilos_portfolio.css
├── extendido.html
├── imagenes
│ ├── about-img.png
│ ├── about-img_250.png
│ ├── cascos.png
│ ├── fondo_contactar.png
│ ├── imagen_portfolio.png
│ ├── inicio.png
│ ├── sergey-zigle-rQ4_6TSliRg-unsplash.jpg
│ ├── tecno_au.png
│ ├── tecno_cu.png
│ └── tecno_html.png
└── index.html
├── experiencia_17
├── css
│ ├── estilos.css
│ └── estilos_portfolio.css
├── extendido.html
├── imagenes
│ ├── about-img.png
│ ├── about-img_250.png
│ ├── cascos.png
│ ├── fondo_contactar.png
│ ├── imagen_portfolio.png
│ ├── inicio.png
│ ├── sergey-zigle-rQ4_6TSliRg-unsplash.jpg
│ ├── tecno_au.png
│ ├── tecno_cu.png
│ └── tecno_html.png
└── index.html
├── experiencia_18
├── css
│ ├── estilos.css
│ └── estilos_portfolio.css
├── extendido.html
├── imagenes
│ ├── about-img.png
│ ├── about-img_250.png
│ ├── cascos.png
│ ├── fondo_contactar.png
│ ├── imagen_portfolio.png
│ ├── inicio.png
│ ├── sergey-zigle-rQ4_6TSliRg-unsplash.jpg
│ ├── tecno_au.png
│ ├── tecno_cu.png
│ ├── tecno_html.png
│ └── university.jpg
└── index.html
├── experiencia_19
├── css
│ ├── estilos.css
│ └── estilos_portfolio.css
├── extendido.html
├── imagenes
│ ├── about-img.png
│ ├── about-img_250.png
│ ├── cascos.png
│ ├── fondo_contactar.png
│ ├── imagen_portfolio.png
│ ├── inicio.png
│ ├── sergey-zigle-rQ4_6TSliRg-unsplash.jpg
│ ├── tecno_au.png
│ ├── tecno_cu.png
│ ├── tecno_html.png
│ └── university.jpg
└── index.html
├── experiencia_20
├── css
│ ├── estilos.css
│ └── estilos_portfolio.css
├── extendido.html
├── imagenes
│ ├── about-img.png
│ ├── about-img_250.png
│ ├── cascos.png
│ ├── fondo_contactar.png
│ ├── imagen_portfolio.png
│ ├── inicio.png
│ ├── sergey-zigle-rQ4_6TSliRg-unsplash.jpg
│ ├── tecno_au.png
│ ├── tecno_cu.png
│ ├── tecno_html.png
│ └── university.jpg
└── index.html
└── imagenes
└── about-img.png
/capitulo1/emmet.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Ejemplo de emmet
6 |
7 |
8 |
9 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
34 |
35 |
36 |
41 |
46 |
51 |
52 |
53 |
--------------------------------------------------------------------------------
/capitulo1/fuentes.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Ejemplo sobre fuentes
6 |
24 |
25 |
26 |
27 |
Título grande
28 |
Subtítulo
29 |
Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem quaerat repudiandae aliquid quidem quia, fugiat animi error esse, a delectus repellat sunt quo. Voluptate vel nostrum illum esse, veritatis repudiandae.
30 |
31 |
32 |
--------------------------------------------------------------------------------
/capitulo2/batman.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/capitulo2/batman.jpg
--------------------------------------------------------------------------------
/capitulo2/flex.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Flex example
6 |
7 |
8 |
9 |
28 |
29 |
30 |
31 |
32 |
33 | superman
34 | Superman (en español: Superhombre) es un superhéroe ficticio que apareció por primera vez en los cómics estadounidenses publicados por DC Comics.
35 |
36 |
37 |
38 | spiderman
39 | Spider-Man, traducido en ocasiones como El Hombre Araña, es un personaje creado por los estadounidenses Stan Lee y Steve Ditko
40 |
41 |
42 |
43 | batman
44 | Batman (conocido inicialmente como Bat-Man y en español como el Hombre Murciélago) es un personaje de cómic creado por los estadounidenses Bob Kane y Bill Finger,
45 |
46 |
47 |
48 | superman
49 | Superman (en español: Superhombre) es un superhéroe ficticio que apareció por primera vez en los cómics estadounidenses publicados por DC Comics.
50 |
51 |
52 |
53 | spiderman
54 | Spider-Man, traducido en ocasiones como El Hombre Araña, es un personaje creado por los estadounidenses Stan Lee y Steve Ditko
55 |
56 |
57 |
58 |
--------------------------------------------------------------------------------
/capitulo2/flotando.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Flotando elementos
6 |
21 |
22 |
23 | elemento 1
24 | elemento 2
25 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum, numquam dicta. Eius similique recusandae obcaecati illum ex quam laudantium maxime sunt dolores laborum eaque laboriosam, nobis expedita ut at cum?
26 |
27 |
--------------------------------------------------------------------------------
/capitulo2/grid.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Grid Layout
6 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/capitulo2/pin01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/capitulo2/pin01.jpg
--------------------------------------------------------------------------------
/capitulo2/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/capitulo2/pin01.png
--------------------------------------------------------------------------------
/capitulo2/pin02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/capitulo2/pin02.jpg
--------------------------------------------------------------------------------
/capitulo2/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/capitulo2/pin02.png
--------------------------------------------------------------------------------
/capitulo2/pin03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/capitulo2/pin03.png
--------------------------------------------------------------------------------
/capitulo2/pin04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/capitulo2/pin04.png
--------------------------------------------------------------------------------
/capitulo2/pin05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/capitulo2/pin05.png
--------------------------------------------------------------------------------
/capitulo2/pin06.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/capitulo2/pin06.png
--------------------------------------------------------------------------------
/capitulo2/pin07.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/capitulo2/pin07.png
--------------------------------------------------------------------------------
/capitulo2/posiciones.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Posiciones relativas
6 |
71 |
72 |
73 |
74 | Aquí hay un párrafo
75 |
76 |
77 |
--------------------------------------------------------------------------------
/capitulo2/spiderman.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/capitulo2/spiderman.jpg
--------------------------------------------------------------------------------
/capitulo2/superman.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/capitulo2/superman.jpg
--------------------------------------------------------------------------------
/portfolio/css/estilos.css:
--------------------------------------------------------------------------------
1 | /*CSS general de elementos*/
2 | *{
3 | margin:0px;
4 | padding:0px;
5 | }
6 | body{
7 | background-color: #222;
8 | color: white;
9 | font: 200 14px 'Poppins', sans-serif;
10 | }
11 | h2{
12 | font-size: 36px;
13 | line-height: 36px;
14 | }
15 | h3{
16 | color: #999;
17 | font-size: 18px;
18 | font-weight: 300;
19 | }
20 | nav{
21 | position:fixed;
22 | width: 100%;
23 | height: 55px;
24 | background-color: #222;
25 | border-bottom: 1px solid white;
26 | padding-top: 10px;
27 | text-align: center;
28 | }
29 | nav ul{
30 | display: inline-block;
31 | }
32 | nav ul li{
33 | padding-top: 12px;
34 | text-transform: uppercase;
35 | }
36 | section{
37 | padding: 30px 100px 30px 100px;
38 | }
39 | p{
40 | text-align: justify;
41 | }
42 | cite{
43 | font-weight: 300;
44 | }
45 | i{
46 | font-size: 24px;
47 | }
48 | i:hover{
49 | color: #ffc900;
50 | }
51 | a{
52 | text-decoration: none;
53 | }
54 | a:any-link{
55 | color:white;
56 | }
57 | a:-webkit-any-link {
58 | color:white;
59 | }
60 | a:-moz-any-link {
61 | color:
62 | white;
63 | }
64 | a:hover{
65 | color: #ffc900;
66 | }
67 | ul{
68 | list-style: none;
69 | }
70 | li{
71 | float: left;
72 | /*width: 30px;*/
73 | margin-right: 5px;
74 | }
75 | button{
76 | border-radius: 10px;
77 | }
78 | footer{
79 | height: 55px;
80 | padding-top: 10px;
81 | text-align: center;
82 | }
83 | footer ul{
84 | display: inline-block;
85 | }
86 | footer ul li{
87 | float:left;
88 | }
89 | /*CSS IDs y Clase*/
90 | .hastag{
91 | color: #ffc900;
92 | }
93 | .seccion{
94 | padding: 10px 100px 10px 100px;
95 | }
96 | .logo{
97 | padding-top: 0px;
98 | }
99 | #redessociales{
100 | margin-top: 20px;
101 | }
102 | #inicio{
103 | background-image: url("../imagenes/inicio.png");
104 | background-repeat: no-repeat;
105 | background-size: cover;
106 | min-height: 280px;
107 | padding-top: 95px;
108 | }
109 | #experiencia{
110 | background-color: white;
111 | color: #222;
112 | }
113 | #experiencia h2,#portfolio h2{
114 | text-align: center;
115 | }
116 | #experiencia h3,#portfolio h3{
117 | text-align: center;
118 | margin-bottom: 30px;
119 | }
120 | #portfolio{
121 | border-top: 1px solid #ffc900;
122 | }
123 | .masinfo button{
124 | background-color: #ffc900;
125 | font-weight: 600;
126 | padding-left: 15px;
127 | padding-right: 15px;
128 | margin-top: 5px;
129 | padding: 5px;
130 | }
131 | #contactar{
132 | background-image: url("../imagenes/fondo_contactar.png");
133 | background-repeat: no-repeat;
134 | background-position: right;
135 | }
136 | /*Grid sobremi*/
137 | #sobremi{
138 | display: grid;
139 | grid-template-columns: 250px 1fr;
140 | }
141 | #sobremi h2{
142 | margin-bottom: 15px;
143 | }
144 | #sobremi .masinfo{
145 | margin-top: 15px
146 | }
147 | #sobremi .masinfo button
148 | {
149 | padding-top: 5px;
150 | padding-bottom: 5px;
151 | padding-left: 30px;
152 | padding-right: 30px;
153 | }
154 | #contactar{
155 | background-color: #ffc900;
156 | color: #222;
157 | }
158 | /*Card portfolio*/
159 | .filaportfolio{
160 | display: flex;
161 | flex-direction: row;
162 | flex-wrap: wrap;
163 | justify-content: space-between;
164 | gap: 30px 30px;
165 | margin-bottom: 15px;
166 | margin-top: 15px;
167 | }
168 | .card{
169 | width: 250px;
170 | background-color: #191919;
171 | border-radius: 15px;
172 | }
173 | .card img,.card video,.card iframe{
174 | border-radius: 15px 15px 0 0;
175 | }
176 | .card h3{
177 | color: #ffc900;
178 | }
179 | .card h4{
180 | margin:0 5px 5px 0;
181 | }
182 | .card h3,.card h4,.card p,.card .masinfo{
183 | padding: 0 15px;
184 | }
185 | .card .masinfo {
186 | margin: 15px 0px 15px 0 px;
187 | height: 26px;
188 | }
189 |
190 | .card .sep{
191 | margin: 0 5px 5px 0;
192 | border: 1px solid #ffc900;
193 | }
194 | .card .masinfo button{
195 | float: right;
196 | }
197 | /*Card experiencia*/
198 | .gridexp{
199 | display: grid;
200 | grid-template-columns: repeat(4,350px);
201 | grid-gap:10px;
202 | justify-content: space-between;
203 | align-content: space-around;
204 | }
205 | @media (min-width: 400px){
206 | .gridexp{
207 | display: flex;
208 | flex-direction: row;
209 | flex-wrap: wrap;
210 | justify-content: space-between;
211 | gap: 30px 30px;
212 | margin-bottom: 15px;
213 | margin-top: 15px;
214 | }
215 | }
216 |
217 | .cardexp{
218 | background-color: #222;
219 | border-radius: 15px;
220 | color: white;
221 | padding: 10px 15px;
222 | }
223 | .cardexp h2{
224 | margin-bottom: 5px;
225 | }
226 | .cardexp h3{
227 | margin-bottom: 20px;
228 | }
229 | .cardexp p{
230 | margin-bottom: 20px;
231 | }
232 | .cardexp ul{
233 | display: flex;
234 | justify-content: flex-end;
235 | }
236 | .cardexp li{
237 | height: 30px;
238 | }
239 | /*Formulario*/
240 | .itemform{
241 | display: grid;
242 | grid-template-columns: 150px 350px;
243 | justify-content: center;
244 | margin-bottom: 10px;
245 | }
246 | .itemform label{
247 | font-weight: 700;
248 | }
249 | .itemform input,.itemform textarea{
250 | border-radius: 5px;
251 | border: 1px solid white;
252 | }
253 | input[type="submit"]{
254 | background-color: #222;
255 | border: 1px solid #222;
256 | color: white;
257 | padding: 10px;
258 | grid-column: 2/3;
259 | justify-self: end;
260 | }
261 |
262 |
--------------------------------------------------------------------------------
/portfolio/imagenes/about-img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/portfolio/imagenes/about-img.png
--------------------------------------------------------------------------------
/portfolio/imagenes/about-img_250.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/portfolio/imagenes/about-img_250.png
--------------------------------------------------------------------------------
/portfolio/imagenes/cascos.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/portfolio/imagenes/cascos.png
--------------------------------------------------------------------------------
/portfolio/imagenes/fondo_contactar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/portfolio/imagenes/fondo_contactar.png
--------------------------------------------------------------------------------
/portfolio/imagenes/imagen_portfolio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/portfolio/imagenes/imagen_portfolio.png
--------------------------------------------------------------------------------
/portfolio/imagenes/inicio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/portfolio/imagenes/inicio.png
--------------------------------------------------------------------------------
/portfolio/imagenes/sergey-zigle-rQ4_6TSliRg-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/portfolio/imagenes/sergey-zigle-rQ4_6TSliRg-unsplash.jpg
--------------------------------------------------------------------------------
/portfolio/imagenes/tecno_au.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/portfolio/imagenes/tecno_au.png
--------------------------------------------------------------------------------
/portfolio/imagenes/tecno_cu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/portfolio/imagenes/tecno_cu.png
--------------------------------------------------------------------------------
/portfolio/imagenes/tecno_html.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/portfolio/imagenes/tecno_html.png
--------------------------------------------------------------------------------
/portfolio/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Portfolio de Luís Martínez
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
22 |
23 |
24 |
25 |
26 | Luís Martínez
27 | #programador
28 | #músico
29 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
Sobre mí
42 |
Soy Luís Martinez músico de carrera y apasionado de tecnología y la programación . Música y emprendimiento forman parte de la cotidianidad del músico freelance, es un mundo en el que me ha llevado a lo largo de mi carrera a conocer muchos grandes profesionales y maravillosos escenarios. Durante ese periplo se cruzó en mi vida el diseño y desarrollo web, donde se abren nuevas oportunidades de crecimiento combinadas al sector de la prodcución audiovisual.
43 |
Me defino como una persona creativa y enamorado de lo que hago, donde mi máxima es "el mundo es un aula maravillosa de aprendizaje continuo" .
44 |
MAS INFO
45 |
46 |
47 |
48 |
49 |
50 | Portfolio
51 | Una mirada mas allá del texto
52 |
53 |
54 |
55 |
56 |
57 |
58 |
musica
59 |
concierto benicassim
60 |
61 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
62 |
MAS INFO
63 |
64 |
65 |
VIDEO
66 |
musica
67 |
concierto benicassim
68 |
69 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
70 |
MAS INFO
71 |
72 |
73 |
74 |
musica
75 |
concierto benicassim
76 |
77 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
78 |
MAS INFO
79 |
80 |
81 |
82 |
musica
83 |
concierto benicassim
84 |
85 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
86 |
MAS INFO
87 |
88 |
89 |
90 |
91 |
92 |
93 | Experiencia & Skills
94 | Lorem ipsum dolor sit amet consectetur adipisicing elit.
95 |
96 |
97 |
Diseño web
98 |
2018-2020
99 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
100 |
105 |
106 |
107 |
Diseño web
108 |
2018-2020
109 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
110 |
115 |
116 |
117 |
Diseño web
118 |
2018-2020
119 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
120 |
125 |
126 |
127 |
Diseño web
128 |
2018-2020
129 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
130 |
135 |
136 |
137 |
Diseño web
138 |
2018-2020
139 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
140 |
145 |
146 |
147 |
Diseño web
148 |
2018-2020
149 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
150 |
155 |
156 |
157 |
158 |
159 |
160 |
185 |
186 |
187 |
188 |
189 |
190 |
191 | Lorem ipsum dolor sit amet consectetur adipisicing elit
192 |
193 |
194 |
195 |
--------------------------------------------------------------------------------
/portfolio/media/intro_mastermind.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/portfolio/media/intro_mastermind.mp4
--------------------------------------------------------------------------------
/portfolio/media/intro_mastermindv2.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/portfolio/media/intro_mastermindv2.mp4
--------------------------------------------------------------------------------
/portfolio/media/intro_mastermindv2.webm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/portfolio/media/intro_mastermindv2.webm
--------------------------------------------------------------------------------
/portfolio/mockup/mockup.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/portfolio/mockup/mockup.png
--------------------------------------------------------------------------------
/soluciones/experiencia_01.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | CV extendido
7 |
8 |
--------------------------------------------------------------------------------
/soluciones/experiencia_02.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 | CV extendido
8 |
9 |
--------------------------------------------------------------------------------
/soluciones/experiencia_03.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 | Datos personales
8 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quas praesentium ipsum, quasi aut, cupiditate officiis sit recusandae voluptas eius asperiores earum! Vitae tempora quibusdam quo. Minus et officiis eaque dicta.
9 |
10 |
--------------------------------------------------------------------------------
/soluciones/experiencia_04.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
CV Extendido
10 |
Datos personales
11 |
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quas praesentium ipsum, quasi aut, cupiditate officiis sit recusandae voluptas eius asperiores earum! Vitae tempora quibusdam quo. Minus et officiis eaque dicta.
12 |
13 |
14 |
15 |
16 |
Educacion
17 |
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam delectus ex nesciunt illum excepturi quasi incidunt magnam, reiciendis repudiandae maxime esse vero laboriosam ducimus! Fugiat, tempora inventore. Non, mollitia dolor.
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/soluciones/experiencia_05.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
CV Extendido
10 |
Datos personales
11 |
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quas praesentium ipsum, quasi aut, cupiditate officiis sit recusandae voluptas eius asperiores earum! Vitae tempora quibusdam quo. Minus et officiis eaque dicta.
12 |
13 |
14 |
15 |
16 |
Educacion
17 |
Cualquier experiencia es un aprendizaje y bajo ese prisma soy el profesional y la persona que soy por mis trabajo, mi educación y por las personas con las que colaboré. La educación es una parte muy importante en ese crecimiento personal y profesional ya que mis dos grandes amores son la tecnología y la música.
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/soluciones/experiencia_06.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
CV Extendido
10 |
Datos personales
11 |
12 |
13 | Paco Gómez
14 |
15 |
16 |
17 | Edad
18 | 47
19 | Ciudad residencia
20 | Valencia
21 |
22 |
23 | Estudios
24 | Superiores
25 | Especialidad
26 | Telecomunicaciones
27 |
28 |
29 | Aficion
30 | Cocina
31 | Desporte
32 | Baloncesto
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
Educacion
41 |
Cualquier experiencia es un aprendizaje y bajo ese prisma soy el profesional y la persona que soy por mis trabajo, mi educación y por las personas con las que colaboré. La educación es una parte muy importante en ese crecimiento personal y profesional ya que mis dos grandes amores son la tecnología y la música.
42 |
43 |
44 |
45 |
--------------------------------------------------------------------------------
/soluciones/experiencia_07.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
CV Extendido
10 |
Datos personales
11 |
12 |
13 |
14 | Paco Gómez
15 |
16 |
17 |
18 | Edad
19 | 47
20 | Ciudad residencia
21 | Valencia
22 |
23 |
24 | Estudios
25 | Superiores
26 | Especialidad
27 | Telecomunicaciones
28 |
29 |
30 | Aficion
31 | Cocina
32 | Desporte
33 | Baloncesto
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
Educacion
42 |
Cualquier experiencia es un aprendizaje y bajo ese prisma soy el profesional y la persona que soy por mis trabajo, mi educación y por las personas con las que colaboré. La educación es una parte muy importante en ese crecimiento personal y profesional ya que mis dos grandes amores son la tecnología y la música.
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/soluciones/experiencia_08/css/estilos.css:
--------------------------------------------------------------------------------
1 | body{
2 | background-color: white;
3 | color: #222;
4 | }
--------------------------------------------------------------------------------
/soluciones/experiencia_08/experiencia_08.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
10 |
CV Extendido
11 |
Datos personales
12 |
13 |
14 |
15 | Paco Gómez
16 |
17 |
18 |
19 | Edad
20 | 47
21 | Ciudad residencia
22 | Valencia
23 |
24 |
25 | Estudios
26 | Superiores
27 | Especialidad
28 | Telecomunicaciones
29 |
30 |
31 | Aficion
32 | Cocina
33 | Desporte
34 | Baloncesto
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
Educacion
43 |
Cualquier experiencia es un aprendizaje y bajo ese prisma soy el profesional y la persona que soy por mis trabajo, mi educación y por las personas con las que colaboré. La educación es una parte muy importante en ese crecimiento personal y profesional ya que mis dos grandes amores son la tecnología y la música.
44 |
45 |
46 |
47 |
--------------------------------------------------------------------------------
/soluciones/experiencia_09/css/estilos.css:
--------------------------------------------------------------------------------
1 | /*Definiciones de selectores*/
2 | body{
3 | background-color: white;
4 | color: #222;
5 | }
6 | /*Definiciones de clases y ids*/
7 | #educacion{
8 | background-color: #222;
9 | color: white;
10 | }
11 | #experiencia{
12 | background-color: #222;
13 | color: white;
14 | }
--------------------------------------------------------------------------------
/soluciones/experiencia_09/experiencia_09.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
10 |
CV Extendido
11 |
Datos personales
12 |
13 |
14 |
15 | Paco Gómez
16 |
17 |
18 |
19 | Edad
20 | 47
21 | Ciudad residencia
22 | Valencia
23 |
24 |
25 | Estudios
26 | Superiores
27 | Especialidad
28 | Telecomunicaciones
29 |
30 |
31 | Aficion
32 | Cocina
33 | Desporte
34 | Baloncesto
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
Educacion
43 |
Cualquier experiencia es un aprendizaje y bajo ese prisma soy el profesional y la persona que soy por mis trabajo, mi educación y por las personas con las que colaboré. La educación es una parte muy importante en ese crecimiento personal y profesional ya que mis dos grandes amores son la tecnología y la música.
44 |
45 |
46 |
47 |
48 |
Experiencia
49 |
Cualquier experiencia es un aprendizaje y bajo ese prisma soy el profesional y la persona que soy por mis trabajo, mi educación y por las personas con las que colaboré. La educación es una parte muy importante en ese crecimiento personal y profesional ya que mis dos grandes amores son la tecnología y la música.
50 |
51 |
52 |
53 |
--------------------------------------------------------------------------------
/soluciones/experiencia_10/css/estilos.css:
--------------------------------------------------------------------------------
1 | /*Definiciones de selectores*/
2 | body{
3 | background-color: white;
4 | color: #222;
5 | font: 200 14px 'Poppins', sans-serif
6 | }
7 | h1{
8 | font-size: 42px;
9 | font-weight: 400;
10 | }
11 | h2{
12 | font-size: 36px;
13 | font-weight: 300;
14 | }
15 | p{
16 | text-align: justify;
17 | }
18 | /*Definiciones de clases y ids*/
19 | #educacion{
20 | background-color: #222;
21 | color: white;
22 | }
23 | #experiencia{
24 | background-color: #222;
25 | color: white;
26 | }
--------------------------------------------------------------------------------
/soluciones/experiencia_10/experiencia_10.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
CV Extendido
15 |
Datos personales
16 |
17 |
18 |
19 | Paco Gómez
20 |
21 |
22 |
23 | Edad
24 | 47
25 | Ciudad residencia
26 | Valencia
27 |
28 |
29 | Estudios
30 | Superiores
31 | Especialidad
32 | Telecomunicaciones
33 |
34 |
35 | Aficion
36 | Cocina
37 | Desporte
38 | Baloncesto
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
Educacion
47 |
Cualquier experiencia es un aprendizaje y bajo ese prisma soy el profesional y la persona que soy por mis trabajo, mi educación y por las personas con las que colaboré. La educación es una parte muy importante en ese crecimiento personal y profesional ya que mis dos grandes amores son la tecnología y la música.
48 |
49 |
50 |
51 |
52 |
Experiencia
53 |
Cualquier experiencia es un aprendizaje y bajo ese prisma soy el profesional y la persona que soy por mis trabajo, mi educación y por las personas con las que colaboré. La educación es una parte muy importante en ese crecimiento personal y profesional ya que mis dos grandes amores son la tecnología y la música.
54 |
55 |
56 |
57 |
--------------------------------------------------------------------------------
/soluciones/experiencia_11/css/estilos.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin:0px;
3 | padding: 0px;
4 | }
5 | /*Definiciones de selectores*/
6 | body{
7 | background-color: white;
8 | color: #222;
9 | font: 200 14px 'Poppins', sans-serif
10 | }
11 | h1{
12 | font-size: 42px;
13 | font-weight: 400;
14 | }
15 | h2{
16 | font-size: 36px;
17 | font-weight: 300;
18 | }
19 | p{
20 | text-align: justify;
21 | }
22 | /*Definiciones de clases y ids*/
23 | #educacion{
24 | background-color: #222;
25 | color: white;
26 | }
27 | #experiencia{
28 | border-top: 1px solid #ffc900;
29 | background-color: #222;
30 | color:
31 | white;
32 | }
33 | .seccion{
34 | padding: 10px 100px 10px 100px;
35 | }
--------------------------------------------------------------------------------
/soluciones/experiencia_11/experiencia_11.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
CV Extendido
15 |
Datos personales
16 |
17 |
18 |
19 | Paco Gómez
20 |
21 |
22 |
23 | Edad
24 | 47
25 | Ciudad residencia
26 | Valencia
27 |
28 |
29 | Estudios
30 | Superiores
31 | Especialidad
32 | Telecomunicaciones
33 |
34 |
35 | Aficion
36 | Cocina
37 | Desporte
38 | Baloncesto
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
Educacion
47 |
Cualquier experiencia es un aprendizaje y bajo ese prisma soy el profesional y la persona que soy por mis trabajo, mi educación y por las personas con las que colaboré. La educación es una parte muy importante en ese crecimiento personal y profesional ya que mis dos grandes amores son la tecnología y la música.
48 |
49 |
50 |
51 |
52 |
Experiencia
53 |
Cualquier experiencia es un aprendizaje y bajo ese prisma soy el profesional y la persona que soy por mis trabajo, mi educación y por las personas con las que colaboré. La educación es una parte muy importante en ese crecimiento personal y profesional ya que mis dos grandes amores son la tecnología y la música.
54 |
55 |
56 |
57 |
--------------------------------------------------------------------------------
/soluciones/experiencia_12/css/estilos.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin:0px;
3 | padding: 0px;
4 | }
5 | /*Definiciones de selectores*/
6 | body{
7 | background-color: white;
8 | color: #222;
9 | font: 200 14px 'Poppins', sans-serif
10 | }
11 | h1{
12 | font-size: 42px;
13 | font-weight: 400;
14 | }
15 | h2{
16 | font-size: 36px;
17 | font-weight: 300;
18 | }
19 | p{
20 | text-align: justify;
21 | }
22 | thead{
23 | background-color: #222;
24 | color: white;
25 | }
26 | td{
27 | min-width: 150px;
28 | }
29 | i{
30 | margin-right: 5px;
31 | }
32 | /*Definiciones de clases y ids*/
33 | #educacion{
34 | background-color: #222;
35 | color: white;
36 | }
37 | #experiencia{
38 | border-top: 1px solid #ffc900;
39 | background-color: #222;
40 | color:
41 | white;
42 | }
43 | .seccion{
44 | padding: 10px 100px 10px 100px;
45 | }
--------------------------------------------------------------------------------
/soluciones/experiencia_12/experiencia_12.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
CV Extendido
15 |
Datos personales
16 |
17 |
18 |
19 | Paco Gómez
20 |
21 |
22 |
23 | Edad
24 | 47
25 | Ciudad residencia
26 | Valencia
27 |
28 |
29 | Estudios
30 | Superiores
31 | Especialidad
32 | Telecomunicaciones
33 |
34 |
35 | Aficion
36 | Cocina
37 | Desporte
38 | Baloncesto
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
Educacion
47 |
Cualquier experiencia es un aprendizaje y bajo ese prisma soy el profesional y la persona que soy por mis trabajo, mi educación y por las personas con las que colaboré. La educación es una parte muy importante en ese crecimiento personal y profesional ya que mis dos grandes amores son la tecnología y la música.
48 |
49 |
50 |
51 |
52 |
Experiencia
53 |
Cualquier experiencia es un aprendizaje y bajo ese prisma soy el profesional y la persona que soy por mis trabajo, mi educación y por las personas con las que colaboré. La educación es una parte muy importante en ese crecimiento personal y profesional ya que mis dos grandes amores son la tecnología y la música.
54 |
55 |
56 |
57 |
--------------------------------------------------------------------------------
/soluciones/experiencia_13/css/estilos.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin:0px;
3 | padding: 0px;
4 | }
5 | /*Definiciones de selectores*/
6 | body{
7 | background-color: white;
8 | color: #222;
9 | font: 200 14px 'Poppins', sans-serif
10 | }
11 | h1{
12 | font-size: 42px;
13 | font-weight: 400;
14 | }
15 | h2{
16 | font-size: 36px;
17 | font-weight: 300;
18 | }
19 | h3 {
20 | color:#ffc900;
21 | font-weight: 200;
22 | }
23 | p{
24 | text-align: justify;
25 | }
26 | thead{
27 | background-color: #222;
28 | color: white;
29 | }
30 | td{
31 | min-width: 150px;
32 | }
33 | li{
34 | list-style: none;
35 | float:left;
36 | }
37 | i{
38 | margin-right: 5px;
39 | }
40 | /*Definiciones de clases y ids*/
41 | #educacion{
42 | background-color: #222;
43 | color: white;
44 | }
45 | #experiencia{
46 | border-top: 1px solid #ffc900;
47 | background-color: #222;
48 | color:
49 | white;
50 | }
51 | .seccion{
52 | padding: 10px 100px 10px 100px;
53 | }
--------------------------------------------------------------------------------
/soluciones/experiencia_13/experiencia_13.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
CV Extendido
15 |
Datos personales
16 |
17 |
18 |
19 | Paco Gómez
20 |
21 |
22 |
23 | Edad
24 | 47
25 | Ciudad residencia
26 | Valencia
27 |
28 |
29 | Estudios
30 | Superiores
31 | Especialidad
32 | Telecomunicaciones
33 |
34 |
35 | Aficion
36 | Cocina
37 | Desporte
38 | Baloncesto
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
Educacion
47 |
Cualquier experiencia es un aprendizaje y bajo ese prisma soy el profesional y la persona que soy por mis trabajo, mi educación y por las personas con las que colaboré. La educación es una parte muy importante en ese crecimiento personal y profesional ya que mis dos grandes amores son la tecnología y la música.
48 |
49 |
50 |
51 |
52 |
Experiencia
53 |
54 |
Producción BSO corto animación
55 |
60 |
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum tempora omnis voluptatem nemo fugiat quibusdam provident unde a ut, facere necessitatibus praesentium vel perspiciatis eum dicta dolorum voluptas tempore atque.
61 |
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/soluciones/experiencia_14/css/estilos.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin:0px;
3 | padding: 0px;
4 | }
5 | /*Definiciones de selectores*/
6 | body{
7 | background-color: white;
8 | color: #222;
9 | font: 200 14px 'Poppins', sans-serif
10 | }
11 | h1{
12 | font-size: 42px;
13 | font-weight: 400;
14 | }
15 | h2{
16 | font-size: 36px;
17 | font-weight: 300;
18 | }
19 | h3 {
20 | color:#ffc900;
21 | font-weight: 200;
22 | }
23 | p{
24 | text-align: justify;
25 | }
26 | thead{
27 | background-color: #222;
28 | color: white;
29 | }
30 | td{
31 | min-width: 150px;
32 | }
33 | li{
34 | list-style: none;
35 | float:left;
36 | }
37 | i{
38 | margin-right: 5px;
39 | }
40 | a:any-link{
41 | color:white;
42 | }
43 | a:-webkit-any-link {
44 | color:white;
45 | }
46 | a:-moz-any-link {
47 | color:white;
48 | }
49 | /*Definiciones de clases y ids*/
50 | #educacion{
51 | background-color: #222;
52 | color: white;
53 | }
54 | #experiencia{
55 | border-top: 1px solid #ffc900;
56 | background-color: #222;
57 | color:
58 | white;
59 | }
60 | .seccion{
61 | padding: 10px 100px 10px 100px;
62 | }
63 | .enlace:hover{
64 | color: #ffc900;
65 | }
--------------------------------------------------------------------------------
/soluciones/experiencia_14/experiencia_14.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
CV Extendido
15 |
Datos personales
16 |
17 |
18 |
19 | Paco Gómez
20 |
21 |
22 |
23 | Edad
24 | 47
25 | Ciudad residencia
26 | Valencia
27 |
28 |
29 | Estudios
30 | Superiores
31 | Especialidad
32 | Telecomunicaciones
33 |
34 |
35 | Aficion
36 | Cocina
37 | Desporte
38 | Baloncesto
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
Experiencia
47 |
48 |
Producción BSO corto animación
49 |
54 |
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum tempora omnis voluptatem nemo fugiat quibusdam provident unde a ut, facere necessitatibus praesentium vel perspiciatis eum dicta dolorum voluptas tempore atque.
55 |
56 |
57 |
58 |
59 |
60 |
Educacion
61 |
62 |
2002 - Ingeniero de sonido por la UPV
63 |
La carrera explica el funcionamiento de los sistemas empleados para codificar, transmitir, recibir y procesar información en cualquier formato, ya sea audio, vídeo o datos, a través de diferentes medios. Además, incluye el estudio de sistemas y equipos de audio y vídeo, así como el diseño de locales para producción y grabación de material audiovisual.
64 |
65 | El plan de estudios tiene un enfoque práctico que emula situaciones del ámbito profesional, completando la formación con idiomas, economía, organización de empresas y programación. Este grado habilita para ejercer la profesión de Ingeniería Técnica de Telecomunicación en las especialidades de Sonido e Imagen o de Sistemas de Telecomunicación.
66 |
67 |
68 |
69 |
70 |
--------------------------------------------------------------------------------
/soluciones/experiencia_15/css/estilos.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin:0px;
3 | padding: 0px;
4 | }
5 | /*Definiciones de selectores*/
6 | body{
7 | background-color: white;
8 | color: #222;
9 | font: 200 14px 'Poppins', sans-serif
10 | }
11 | h1{
12 | font-size: 42px;
13 | font-weight: 400;
14 | }
15 | h2{
16 | font-size: 36px;
17 | font-weight: 300;
18 | }
19 | h3 {
20 | color:#ffc900;
21 | font-weight: 200;
22 | }
23 | p{
24 | text-align: justify;
25 | }
26 | thead{
27 | background-color: #222;
28 | color: white;
29 | }
30 | td{
31 | min-width: 150px;
32 | }
33 | li{
34 | list-style: none;
35 | float:left;
36 | }
37 | i{
38 | margin-right: 5px;
39 | }
40 | a:any-link{
41 | color:white;
42 | }
43 | a:-webkit-any-link {
44 | color:white;
45 | }
46 | a:-moz-any-link {
47 | color:white;
48 | }
49 | section{
50 | padding: 10px 100px 10px 100px;
51 | }
52 | /*Definiciones de clases y ids*/
53 | #educacion{
54 | background-color: #222;
55 | color: white;
56 | }
57 | #experiencia{
58 | border-top: 1px solid #ffc900;
59 | background-color: #222;
60 | color:
61 | white;
62 | }
63 | .enlace:hover{
64 | color: #ffc900;
65 | }
--------------------------------------------------------------------------------
/soluciones/experiencia_15/experiencia_15.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
15 |
16 |
17 |
18 | CV Extendido
19 | Datos personales
20 |
21 |
22 |
23 | Paco Gómez
24 |
25 |
26 |
27 | Edad
28 | 47
29 | Ciudad residencia
30 | Valencia
31 |
32 |
33 | Estudios
34 | Superiores
35 | Especialidad
36 | Telecomunicaciones
37 |
38 |
39 | Aficion
40 | Cocina
41 | Desporte
42 | Baloncesto
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 | Experiencia
51 |
52 |
Producción BSO corto animación
53 |
58 |
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum tempora omnis voluptatem nemo fugiat quibusdam provident unde a ut, facere necessitatibus praesentium vel perspiciatis eum dicta dolorum voluptas tempore atque.
59 |
60 |
61 |
62 |
63 |
64 | Educacion
65 |
66 |
2002 - Ingeniero de sonido por la UPV
67 |
La carrera explica el funcionamiento de los sistemas empleados para codificar, transmitir, recibir y procesar información en cualquier formato, ya sea audio, vídeo o datos, a través de diferentes medios. Además, incluye el estudio de sistemas y equipos de audio y vídeo, así como el diseño de locales para producción y grabación de material audiovisual.
68 |
69 | El plan de estudios tiene un enfoque práctico que emula situaciones del ámbito profesional, completando la formación con idiomas, economía, organización de empresas y programación. Este grado habilita para ejercer la profesión de Ingeniería Técnica de Telecomunicación en las especialidades de Sonido e Imagen o de Sistemas de Telecomunicación.
70 |
71 |
72 |
73 |
74 |
77 |
78 |
--------------------------------------------------------------------------------
/soluciones/experiencia_16/css/estilos.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin:0px;
3 | padding: 0px;
4 | }
5 | /*Definiciones de selectores*/
6 | body{
7 | background-color: white;
8 | color: #222;
9 | font: 200 14px 'Poppins', sans-serif
10 | }
11 | h1{
12 | font-size: 42px;
13 | font-weight: 400;
14 | }
15 | h2{
16 | font-size: 36px;
17 | font-weight: 300;
18 | }
19 | h3 {
20 | color:#ffc900;
21 | font-weight: 200;
22 | }
23 | p{
24 | text-align: justify;
25 | }
26 | thead{
27 | background-color: #222;
28 | color: white;
29 | }
30 | td{
31 | min-width: 150px;
32 | }
33 | li{
34 | list-style: none;
35 | float:left;
36 | }
37 | i{
38 | margin-right: 5px;
39 | }
40 | a{
41 | text-decoration: none;
42 | }
43 | nav{
44 | position:fixed;
45 | width: 100%;
46 | height: 55px;
47 | background-color: #222;
48 | border-bottom: 1px solid white;
49 | padding-top: 10px;
50 | text-align: center;
51 | }
52 | nav ul{
53 | display: inline-block;
54 | }
55 | nav ul li{
56 | padding-top: 12px;
57 | text-transform: uppercase;
58 | }
59 |
60 | a:any-link{
61 | color:white;
62 | }
63 | a:-webkit-any-link {
64 | color:white;
65 | }
66 | a:-moz-any-link {
67 | color:white;
68 | }
69 | a:hover{
70 | color: #ffc900;
71 | }
72 | section{
73 | padding: 10px 100px 10px 100px;
74 | }
75 | ul{
76 | list-style: none;
77 | }
78 | li{
79 | float: left;
80 | /*width: 30px;*/
81 | margin-right: 5px;
82 | }
83 | /*Definiciones de clases y ids*/
84 | #datos{
85 | padding-top: 65px;
86 | }
87 | #educacion{
88 | background-color: #222;
89 | color: white;
90 | }
91 | #experiencia{
92 | border-top: 1px solid #ffc900;
93 | background-color: #222;
94 | color:
95 | white;
96 | }
97 | .enlace:hover{
98 | color: #ffc900;
99 | }
100 | .logo{
101 | padding-top: 0px;
102 | }
--------------------------------------------------------------------------------
/soluciones/experiencia_16/css/estilos_portfolio.css:
--------------------------------------------------------------------------------
1 | /*CSS general de elementos*/
2 | *{
3 | margin:0px;
4 | padding:0px;
5 | }
6 | body{
7 | background-color: #222;
8 | color: white;
9 | font: 200 14px 'Poppins', sans-serif;
10 | }
11 | h2{
12 | font-size: 36px;
13 | line-height: 36px;
14 | }
15 | h3{
16 | color: #999;
17 | font-size: 18px;
18 | font-weight: 300;
19 | }
20 | nav{
21 | position:fixed;
22 | width: 100%;
23 | height: 55px;
24 | background-color: #222;
25 | border-bottom: 1px solid white;
26 | padding-top: 10px;
27 | text-align: center;
28 | }
29 | nav ul{
30 | display: inline-block;
31 | }
32 | nav ul li{
33 | padding-top: 12px;
34 | text-transform: uppercase;
35 | }
36 | section{
37 | padding: 30px 100px 30px 100px;
38 | }
39 | p{
40 | text-align: justify;
41 | }
42 | cite{
43 | font-weight: 300;
44 | }
45 | i{
46 | font-size: 24px;
47 | }
48 | i:hover{
49 | color: #ffc900;
50 | }
51 | a{
52 | text-decoration: none;
53 | }
54 | a:any-link{
55 | color:white;
56 | }
57 | a:-webkit-any-link {
58 | color:white;
59 | }
60 | a:-moz-any-link {
61 | color:
62 | white;
63 | }
64 | a:hover{
65 | color: #ffc900;
66 | }
67 | ul{
68 | list-style: none;
69 | }
70 | li{
71 | float: left;
72 | /*width: 30px;*/
73 | margin-right: 5px;
74 | }
75 | button{
76 | border-radius: 10px;
77 | }
78 | footer{
79 | height: 55px;
80 | padding-top: 10px;
81 | text-align: center;
82 | }
83 | footer ul{
84 | display: inline-block;
85 | }
86 | footer ul li{
87 | float:left;
88 | }
89 | /*CSS IDs y Clase*/
90 | .hastag{
91 | color: #ffc900;
92 | }
93 | .seccion{
94 | padding: 10px 100px 10px 100px;
95 | }
96 | .logo{
97 | padding-top: 0px;
98 | }
99 | #redessociales{
100 | margin-top: 20px;
101 | }
102 | #inicio{
103 | background-image: url("../imagenes/inicio.png");
104 | background-repeat: no-repeat;
105 | background-size: cover;
106 | min-height: 280px;
107 | padding-top: 95px;
108 | }
109 | #experiencia{
110 | background-color: white;
111 | color: #222;
112 | }
113 | #experiencia h2,#portfolio h2{
114 | text-align: center;
115 | }
116 | #experiencia h3,#portfolio h3{
117 | text-align: center;
118 | margin-bottom: 30px;
119 | }
120 | #portfolio{
121 | border-top: 1px solid #ffc900;
122 | }
123 | .masinfo button{
124 | background-color: #ffc900;
125 | font-weight: 600;
126 | padding-left: 15px;
127 | padding-right: 15px;
128 | margin-top: 5px;
129 | padding: 5px;
130 | }
131 | #contactar{
132 | background-image: url("../imagenes/fondo_contactar.png");
133 | background-repeat: no-repeat;
134 | background-position: right;
135 | }
136 | /*Grid sobremi*/
137 | #sobremi{
138 | display: grid;
139 | grid-template-columns: 250px 1fr;
140 | }
141 | #sobremi h2{
142 | margin-bottom: 15px;
143 | }
144 | #sobremi .masinfo{
145 | margin-top: 15px
146 | }
147 | #sobremi .masinfo button
148 | {
149 | padding-top: 5px;
150 | padding-bottom: 5px;
151 | padding-left: 30px;
152 | padding-right: 30px;
153 | }
154 | #contactar{
155 | background-color: #ffc900;
156 | color: #222;
157 | }
158 | /*Card portfolio*/
159 | .filaportfolio{
160 | display: flex;
161 | flex-direction: row;
162 | flex-wrap: wrap;
163 | justify-content: space-between;
164 | gap: 30px 30px;
165 | margin-bottom: 15px;
166 | margin-top: 15px;
167 | }
168 | .card{
169 | width: 250px;
170 | background-color: #191919;
171 | border-radius: 15px;
172 | }
173 | .card img,.card video,.card iframe{
174 | border-radius: 15px 15px 0 0;
175 | }
176 | .card h3{
177 | color: #ffc900;
178 | }
179 | .card h4{
180 | margin:0 5px 5px 0;
181 | }
182 | .card h3,.card h4,.card p,.card .masinfo{
183 | padding: 0 15px;
184 | }
185 | .card .masinfo {
186 | margin: 15px 0px 15px 0 px;
187 | height: 26px;
188 | }
189 |
190 | .card .sep{
191 | margin: 0 5px 5px 0;
192 | border: 1px solid #ffc900;
193 | }
194 | .card .masinfo button{
195 | float: right;
196 | }
197 | /*Card experiencia*/
198 | .gridexp{
199 | display: grid;
200 | grid-template-columns: repeat(4,350px);
201 | grid-gap:10px;
202 | justify-content: space-between;
203 | align-content: space-around;
204 | }
205 | @media (min-width: 400px){
206 | .gridexp{
207 | display: flex;
208 | flex-direction: row;
209 | flex-wrap: wrap;
210 | justify-content: space-between;
211 | gap: 30px 30px;
212 | margin-bottom: 15px;
213 | margin-top: 15px;
214 | }
215 | }
216 |
217 | .cardexp{
218 | background-color: #222;
219 | border-radius: 15px;
220 | color: white;
221 | padding: 10px 15px;
222 | }
223 | .cardexp h2{
224 | margin-bottom: 5px;
225 | }
226 | .cardexp h3{
227 | margin-bottom: 20px;
228 | }
229 | .cardexp p{
230 | margin-bottom: 20px;
231 | }
232 | .cardexp ul{
233 | display: flex;
234 | justify-content: flex-end;
235 | }
236 | .cardexp li{
237 | height: 30px;
238 | }
239 | /*Formulario*/
240 | .itemform{
241 | display: grid;
242 | grid-template-columns: 150px 350px;
243 | justify-content: center;
244 | margin-bottom: 10px;
245 | }
246 | .itemform label{
247 | font-weight: 700;
248 | }
249 | .itemform input,.itemform textarea{
250 | border-radius: 5px;
251 | border: 1px solid white;
252 | }
253 | input[type="submit"]{
254 | background-color: #222;
255 | border: 1px solid #222;
256 | color: white;
257 | padding: 10px;
258 | grid-column: 2/3;
259 | justify-self: end;
260 | }
261 |
262 |
--------------------------------------------------------------------------------
/soluciones/experiencia_16/extendido.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
22 |
23 |
24 |
25 | CV Extendido
26 | Datos personales
27 |
28 |
29 |
30 | Paco Gómez
31 |
32 |
33 |
34 | Edad
35 | 47
36 | Ciudad residencia
37 | Valencia
38 |
39 |
40 | Estudios
41 | Superiores
42 | Especialidad
43 | Telecomunicaciones
44 |
45 |
46 | Aficion
47 | Cocina
48 | Desporte
49 | Baloncesto
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 | Experiencia
58 |
59 |
Producción BSO corto animación
60 |
65 |
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum tempora omnis voluptatem nemo fugiat quibusdam provident unde a ut, facere necessitatibus praesentium vel perspiciatis eum dicta dolorum voluptas tempore atque.
66 |
67 |
68 |
69 |
70 |
71 | Educacion
72 |
73 |
2002 - Ingeniero de sonido por la UPV
74 |
La carrera explica el funcionamiento de los sistemas empleados para codificar, transmitir, recibir y procesar información en cualquier formato, ya sea audio, vídeo o datos, a través de diferentes medios. Además, incluye el estudio de sistemas y equipos de audio y vídeo, así como el diseño de locales para producción y grabación de material audiovisual.
75 |
76 | El plan de estudios tiene un enfoque práctico que emula situaciones del ámbito profesional, completando la formación con idiomas, economía, organización de empresas y programación. Este grado habilita para ejercer la profesión de Ingeniería Técnica de Telecomunicación en las especialidades de Sonido e Imagen o de Sistemas de Telecomunicación.
77 |
78 |
79 |
80 |
81 |
84 |
85 |
--------------------------------------------------------------------------------
/soluciones/experiencia_16/imagenes/about-img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_16/imagenes/about-img.png
--------------------------------------------------------------------------------
/soluciones/experiencia_16/imagenes/about-img_250.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_16/imagenes/about-img_250.png
--------------------------------------------------------------------------------
/soluciones/experiencia_16/imagenes/cascos.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_16/imagenes/cascos.png
--------------------------------------------------------------------------------
/soluciones/experiencia_16/imagenes/fondo_contactar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_16/imagenes/fondo_contactar.png
--------------------------------------------------------------------------------
/soluciones/experiencia_16/imagenes/imagen_portfolio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_16/imagenes/imagen_portfolio.png
--------------------------------------------------------------------------------
/soluciones/experiencia_16/imagenes/inicio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_16/imagenes/inicio.png
--------------------------------------------------------------------------------
/soluciones/experiencia_16/imagenes/sergey-zigle-rQ4_6TSliRg-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_16/imagenes/sergey-zigle-rQ4_6TSliRg-unsplash.jpg
--------------------------------------------------------------------------------
/soluciones/experiencia_16/imagenes/tecno_au.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_16/imagenes/tecno_au.png
--------------------------------------------------------------------------------
/soluciones/experiencia_16/imagenes/tecno_cu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_16/imagenes/tecno_cu.png
--------------------------------------------------------------------------------
/soluciones/experiencia_16/imagenes/tecno_html.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_16/imagenes/tecno_html.png
--------------------------------------------------------------------------------
/soluciones/experiencia_16/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Portfolio de Luís Martínez
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
22 |
23 |
24 |
25 |
26 | Luís Martínez
27 | #programador
28 | #músico
29 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
Sobre mí
42 |
Soy Luís Martinez músico de carrera y apasionado de tecnología y la programación . Música y emprendimiento forman parte de la cotidianidad del músico freelance, es un mundo en el que me ha llevado a lo largo de mi carrera a conocer muchos grandes profesionales y maravillosos escenarios. Durante ese periplo se cruzó en mi vida el diseño y desarrollo web, donde se abren nuevas oportunidades de crecimiento combinadas al sector de la prodcución audiovisual.
43 |
Me defino como una persona creativa y enamorado de lo que hago, donde mi máxima es "el mundo es un aula maravillosa de aprendizaje continuo" .
44 |
MAS INFO
45 |
46 |
47 |
48 |
49 |
50 | Portfolio
51 | Una mirada mas allá del texto
52 |
53 |
54 |
55 |
56 |
57 |
58 |
musica
59 |
concierto benicassim
60 |
61 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
62 |
MAS INFO
63 |
64 |
65 |
VIDEO
66 |
musica
67 |
concierto benicassim
68 |
69 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
70 |
MAS INFO
71 |
72 |
73 |
74 |
musica
75 |
concierto benicassim
76 |
77 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
78 |
MAS INFO
79 |
80 |
81 |
82 |
musica
83 |
concierto benicassim
84 |
85 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
86 |
MAS INFO
87 |
88 |
89 |
90 |
91 |
92 |
93 | Experiencia & Skills
94 | Lorem ipsum dolor sit amet consectetur adipisicing elit.
95 |
96 |
97 |
Diseño web
98 |
2018-2020
99 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
100 |
105 |
106 |
107 |
Diseño web
108 |
2018-2020
109 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
110 |
115 |
116 |
117 |
Diseño web
118 |
2018-2020
119 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
120 |
125 |
126 |
127 |
Diseño web
128 |
2018-2020
129 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
130 |
135 |
136 |
137 |
Diseño web
138 |
2018-2020
139 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
140 |
145 |
146 |
147 |
Diseño web
148 |
2018-2020
149 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
150 |
155 |
156 |
157 |
158 |
159 |
160 |
185 |
186 |
187 |
188 |
189 |
190 |
191 | Lorem ipsum dolor sit amet consectetur adipisicing elit
192 |
193 |
194 |
195 |
--------------------------------------------------------------------------------
/soluciones/experiencia_17/css/estilos.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin:0px;
3 | padding: 0px;
4 | }
5 | /*Definiciones de selectores*/
6 | body{
7 | background-color: white;
8 | color: #222;
9 | font: 200 14px 'Poppins', sans-serif
10 | }
11 | h1{
12 | font-size: 42px;
13 | font-weight: 400;
14 | }
15 | h2{
16 | font-size: 36px;
17 | font-weight: 300;
18 | }
19 | h3 {
20 | color:#ffc900;
21 | font-weight: 200;
22 | }
23 | p{
24 | text-align: justify;
25 | }
26 | thead{
27 | background-color: #222;
28 | color: white;
29 | }
30 | td{
31 | min-width: 150px;
32 | }
33 | li{
34 | list-style: none;
35 | float:left;
36 | }
37 | i{
38 | margin-right: 5px;
39 | }
40 | a{
41 | text-decoration: none;
42 | }
43 | nav{
44 | position:fixed;
45 | width: 100%;
46 | height: 55px;
47 | background-color: #222;
48 | border-bottom: 1px solid white;
49 | padding-top: 10px;
50 | text-align: center;
51 | }
52 | nav ul{
53 | display: inline-block;
54 | }
55 | nav ul li{
56 | padding-top: 12px;
57 | text-transform: uppercase;
58 | }
59 |
60 | a:any-link{
61 | color:white;
62 | }
63 | a:-webkit-any-link {
64 | color:white;
65 | }
66 | a:-moz-any-link {
67 | color:white;
68 | }
69 | a:hover{
70 | color: #ffc900;
71 | }
72 | section{
73 | padding: 10px 100px 10px 100px;
74 | }
75 | ul{
76 | list-style: none;
77 | }
78 | li{
79 | float: left;
80 | /*width: 30px;*/
81 | margin-right: 5px;
82 | }
83 | /*Definiciones de clases y ids*/
84 | #datos{
85 | padding-top: 65px;
86 | }
87 | #datoscontenedor{
88 | display: flex;
89 | column-gap: 10px;
90 | }
91 | #educacion{
92 | background-color: #222;
93 | color: white;
94 | }
95 | #experiencia{
96 | border-top: 1px solid #ffc900;
97 | background-color: #222;
98 | color:
99 | white;
100 | }
101 | .enlace:hover{
102 | color: #ffc900;
103 | }
104 | .logo{
105 | padding-top: 0px;
106 | }
--------------------------------------------------------------------------------
/soluciones/experiencia_17/css/estilos_portfolio.css:
--------------------------------------------------------------------------------
1 | /*CSS general de elementos*/
2 | *{
3 | margin:0px;
4 | padding:0px;
5 | }
6 | body{
7 | background-color: #222;
8 | color: white;
9 | font: 200 14px 'Poppins', sans-serif;
10 | }
11 | h2{
12 | font-size: 36px;
13 | line-height: 36px;
14 | }
15 | h3{
16 | color: #999;
17 | font-size: 18px;
18 | font-weight: 300;
19 | }
20 | nav{
21 | position:fixed;
22 | width: 100%;
23 | height: 55px;
24 | background-color: #222;
25 | border-bottom: 1px solid white;
26 | padding-top: 10px;
27 | text-align: center;
28 | }
29 | nav ul{
30 | display: inline-block;
31 | }
32 | nav ul li{
33 | padding-top: 12px;
34 | text-transform: uppercase;
35 | }
36 | section{
37 | padding: 30px 100px 30px 100px;
38 | }
39 | p{
40 | text-align: justify;
41 | }
42 | cite{
43 | font-weight: 300;
44 | }
45 | i{
46 | font-size: 24px;
47 | }
48 | i:hover{
49 | color: #ffc900;
50 | }
51 | a{
52 | text-decoration: none;
53 | }
54 | a:any-link{
55 | color:white;
56 | }
57 | a:-webkit-any-link {
58 | color:white;
59 | }
60 | a:-moz-any-link {
61 | color:
62 | white;
63 | }
64 | a:hover{
65 | color: #ffc900;
66 | }
67 | ul{
68 | list-style: none;
69 | }
70 | li{
71 | float: left;
72 | /*width: 30px;*/
73 | margin-right: 5px;
74 | }
75 | button{
76 | border-radius: 10px;
77 | }
78 | footer{
79 | height: 55px;
80 | padding-top: 10px;
81 | text-align: center;
82 | }
83 | footer ul{
84 | display: inline-block;
85 | }
86 | footer ul li{
87 | float:left;
88 | }
89 | /*CSS IDs y Clase*/
90 | .hastag{
91 | color: #ffc900;
92 | }
93 | .seccion{
94 | padding: 10px 100px 10px 100px;
95 | }
96 | .logo{
97 | padding-top: 0px;
98 | }
99 | #redessociales{
100 | margin-top: 20px;
101 | }
102 | #inicio{
103 | background-image: url("../imagenes/inicio.png");
104 | background-repeat: no-repeat;
105 | background-size: cover;
106 | min-height: 280px;
107 | padding-top: 95px;
108 | }
109 | #experiencia{
110 | background-color: white;
111 | color: #222;
112 | }
113 | #experiencia h2,#portfolio h2{
114 | text-align: center;
115 | }
116 | #experiencia h3,#portfolio h3{
117 | text-align: center;
118 | margin-bottom: 30px;
119 | }
120 | #portfolio{
121 | border-top: 1px solid #ffc900;
122 | }
123 | .masinfo button{
124 | background-color: #ffc900;
125 | font-weight: 600;
126 | padding-left: 15px;
127 | padding-right: 15px;
128 | margin-top: 5px;
129 | padding: 5px;
130 | }
131 | #contactar{
132 | background-image: url("../imagenes/fondo_contactar.png");
133 | background-repeat: no-repeat;
134 | background-position: right;
135 | }
136 | /*Grid sobremi*/
137 | #sobremi{
138 | display: grid;
139 | grid-template-columns: 250px 1fr;
140 | }
141 | #sobremi h2{
142 | margin-bottom: 15px;
143 | }
144 | #sobremi .masinfo{
145 | margin-top: 15px
146 | }
147 | #sobremi .masinfo button
148 | {
149 | padding-top: 5px;
150 | padding-bottom: 5px;
151 | padding-left: 30px;
152 | padding-right: 30px;
153 | }
154 | #contactar{
155 | background-color: #ffc900;
156 | color: #222;
157 | }
158 | /*Card portfolio*/
159 | .filaportfolio{
160 | display: flex;
161 | flex-direction: row;
162 | flex-wrap: wrap;
163 | justify-content: space-between;
164 | gap: 30px 30px;
165 | margin-bottom: 15px;
166 | margin-top: 15px;
167 | }
168 | .card{
169 | width: 250px;
170 | background-color: #191919;
171 | border-radius: 15px;
172 | }
173 | .card img,.card video,.card iframe{
174 | border-radius: 15px 15px 0 0;
175 | }
176 | .card h3{
177 | color: #ffc900;
178 | }
179 | .card h4{
180 | margin:0 5px 5px 0;
181 | }
182 | .card h3,.card h4,.card p,.card .masinfo{
183 | padding: 0 15px;
184 | }
185 | .card .masinfo {
186 | margin: 15px 0px 15px 0 px;
187 | height: 26px;
188 | }
189 |
190 | .card .sep{
191 | margin: 0 5px 5px 0;
192 | border: 1px solid #ffc900;
193 | }
194 | .card .masinfo button{
195 | float: right;
196 | }
197 | /*Card experiencia*/
198 | .gridexp{
199 | display: grid;
200 | grid-template-columns: repeat(4,350px);
201 | grid-gap:10px;
202 | justify-content: space-between;
203 | align-content: space-around;
204 | }
205 | @media (min-width: 400px){
206 | .gridexp{
207 | display: flex;
208 | flex-direction: row;
209 | flex-wrap: wrap;
210 | justify-content: space-between;
211 | gap: 30px 30px;
212 | margin-bottom: 15px;
213 | margin-top: 15px;
214 | }
215 | }
216 |
217 | .cardexp{
218 | background-color: #222;
219 | border-radius: 15px;
220 | color: white;
221 | padding: 10px 15px;
222 | }
223 | .cardexp h2{
224 | margin-bottom: 5px;
225 | }
226 | .cardexp h3{
227 | margin-bottom: 20px;
228 | }
229 | .cardexp p{
230 | margin-bottom: 20px;
231 | }
232 | .cardexp ul{
233 | display: flex;
234 | justify-content: flex-end;
235 | }
236 | .cardexp li{
237 | height: 30px;
238 | }
239 | /*Formulario*/
240 | .itemform{
241 | display: grid;
242 | grid-template-columns: 150px 350px;
243 | justify-content: center;
244 | margin-bottom: 10px;
245 | }
246 | .itemform label{
247 | font-weight: 700;
248 | }
249 | .itemform input,.itemform textarea{
250 | border-radius: 5px;
251 | border: 1px solid white;
252 | }
253 | input[type="submit"]{
254 | background-color: #222;
255 | border: 1px solid #222;
256 | color: white;
257 | padding: 10px;
258 | grid-column: 2/3;
259 | justify-self: end;
260 | }
261 |
262 |
--------------------------------------------------------------------------------
/soluciones/experiencia_17/extendido.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
22 |
23 |
24 |
25 | CV Extendido
26 | Datos personales
27 |
28 |
29 |
30 |
31 |
32 |
33 | Edad
34 | 47
35 | Ciudad residencia
36 | Valencia
37 |
38 |
39 | Estudios
40 | Superiores
41 | Especialidad
42 | Telecomunicaciones
43 |
44 |
45 | Aficion
46 | Cocina
47 | Desporte
48 | Baloncesto
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 | Experiencia
59 |
60 |
Producción BSO corto animación
61 |
66 |
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum tempora omnis voluptatem nemo fugiat quibusdam provident unde a ut, facere necessitatibus praesentium vel perspiciatis eum dicta dolorum voluptas tempore atque.
67 |
68 |
69 |
70 |
71 |
72 | Educacion
73 |
74 |
2002 - Ingeniero de sonido por la UPV
75 |
La carrera explica el funcionamiento de los sistemas empleados para codificar, transmitir, recibir y procesar información en cualquier formato, ya sea audio, vídeo o datos, a través de diferentes medios. Además, incluye el estudio de sistemas y equipos de audio y vídeo, así como el diseño de locales para producción y grabación de material audiovisual.
76 |
77 | El plan de estudios tiene un enfoque práctico que emula situaciones del ámbito profesional, completando la formación con idiomas, economía, organización de empresas y programación. Este grado habilita para ejercer la profesión de Ingeniería Técnica de Telecomunicación en las especialidades de Sonido e Imagen o de Sistemas de Telecomunicación.
78 |
79 |
80 |
81 |
82 |
85 |
86 |
--------------------------------------------------------------------------------
/soluciones/experiencia_17/imagenes/about-img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_17/imagenes/about-img.png
--------------------------------------------------------------------------------
/soluciones/experiencia_17/imagenes/about-img_250.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_17/imagenes/about-img_250.png
--------------------------------------------------------------------------------
/soluciones/experiencia_17/imagenes/cascos.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_17/imagenes/cascos.png
--------------------------------------------------------------------------------
/soluciones/experiencia_17/imagenes/fondo_contactar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_17/imagenes/fondo_contactar.png
--------------------------------------------------------------------------------
/soluciones/experiencia_17/imagenes/imagen_portfolio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_17/imagenes/imagen_portfolio.png
--------------------------------------------------------------------------------
/soluciones/experiencia_17/imagenes/inicio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_17/imagenes/inicio.png
--------------------------------------------------------------------------------
/soluciones/experiencia_17/imagenes/sergey-zigle-rQ4_6TSliRg-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_17/imagenes/sergey-zigle-rQ4_6TSliRg-unsplash.jpg
--------------------------------------------------------------------------------
/soluciones/experiencia_17/imagenes/tecno_au.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_17/imagenes/tecno_au.png
--------------------------------------------------------------------------------
/soluciones/experiencia_17/imagenes/tecno_cu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_17/imagenes/tecno_cu.png
--------------------------------------------------------------------------------
/soluciones/experiencia_17/imagenes/tecno_html.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_17/imagenes/tecno_html.png
--------------------------------------------------------------------------------
/soluciones/experiencia_17/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Portfolio de Luís Martínez
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
22 |
23 |
24 |
25 |
26 | Luís Martínez
27 | #programador
28 | #músico
29 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
Sobre mí
42 |
Soy Luís Martinez músico de carrera y apasionado de tecnología y la programación . Música y emprendimiento forman parte de la cotidianidad del músico freelance, es un mundo en el que me ha llevado a lo largo de mi carrera a conocer muchos grandes profesionales y maravillosos escenarios. Durante ese periplo se cruzó en mi vida el diseño y desarrollo web, donde se abren nuevas oportunidades de crecimiento combinadas al sector de la prodcución audiovisual.
43 |
Me defino como una persona creativa y enamorado de lo que hago, donde mi máxima es "el mundo es un aula maravillosa de aprendizaje continuo" .
44 |
MAS INFO
45 |
46 |
47 |
48 |
49 |
50 | Portfolio
51 | Una mirada mas allá del texto
52 |
53 |
54 |
55 |
56 |
57 |
58 |
musica
59 |
concierto benicassim
60 |
61 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
62 |
MAS INFO
63 |
64 |
65 |
VIDEO
66 |
musica
67 |
concierto benicassim
68 |
69 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
70 |
MAS INFO
71 |
72 |
73 |
74 |
musica
75 |
concierto benicassim
76 |
77 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
78 |
MAS INFO
79 |
80 |
81 |
82 |
musica
83 |
concierto benicassim
84 |
85 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
86 |
MAS INFO
87 |
88 |
89 |
90 |
91 |
92 |
93 | Experiencia & Skills
94 | Lorem ipsum dolor sit amet consectetur adipisicing elit.
95 |
96 |
97 |
Diseño web
98 |
2018-2020
99 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
100 |
105 |
106 |
107 |
Diseño web
108 |
2018-2020
109 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
110 |
115 |
116 |
117 |
Diseño web
118 |
2018-2020
119 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
120 |
125 |
126 |
127 |
Diseño web
128 |
2018-2020
129 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
130 |
135 |
136 |
137 |
Diseño web
138 |
2018-2020
139 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
140 |
145 |
146 |
147 |
Diseño web
148 |
2018-2020
149 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
150 |
155 |
156 |
157 |
158 |
159 |
160 |
185 |
186 |
187 |
188 |
189 |
190 |
191 | Lorem ipsum dolor sit amet consectetur adipisicing elit
192 |
193 |
194 |
195 |
--------------------------------------------------------------------------------
/soluciones/experiencia_18/css/estilos.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin:0px;
3 | padding: 0px;
4 | }
5 | /*Definiciones de selectores*/
6 | body{
7 | background-color: white;
8 | color: #222;
9 | font: 200 14px 'Poppins', sans-serif
10 | }
11 | h1{
12 | font-size: 42px;
13 | font-weight: 400;
14 | }
15 | h2{
16 | font-size: 36px;
17 | font-weight: 300;
18 | }
19 | h3 {
20 | color:#ffc900;
21 | font-weight: 200;
22 | }
23 | p{
24 | text-align: justify;
25 | }
26 | thead{
27 | background-color: #222;
28 | color: white;
29 | }
30 | td{
31 | min-width: 150px;
32 | }
33 | li{
34 | list-style: none;
35 | float:left;
36 | }
37 | i{
38 | margin-right: 5px;
39 | }
40 | a{
41 | text-decoration: none;
42 | }
43 | nav{
44 | position:fixed;
45 | width: 100%;
46 | height: 55px;
47 | background-color: #222;
48 | border-bottom: 1px solid white;
49 | padding-top: 10px;
50 | text-align: center;
51 | }
52 | nav ul{
53 | display: inline-block;
54 | }
55 | nav ul li{
56 | padding-top: 12px;
57 | text-transform: uppercase;
58 | }
59 |
60 | a:any-link{
61 | color:white;
62 | }
63 | a:-webkit-any-link {
64 | color:white;
65 | }
66 | a:-moz-any-link {
67 | color:white;
68 | }
69 | a:hover{
70 | color: #ffc900;
71 | }
72 | section{
73 | padding: 10px 100px 10px 100px;
74 | }
75 | ul{
76 | list-style: none;
77 | }
78 | li{
79 | float: left;
80 | /*width: 30px;*/
81 | margin-right: 5px;
82 | }
83 | /*Definiciones de clases y ids*/
84 | #datos{
85 | padding-top: 65px;
86 | }
87 | #datoscontenedor{
88 | display: flex;
89 | column-gap: 10px;
90 | }
91 | #educacion{
92 | background-color: #222;
93 | color: white;
94 | }
95 | #experiencia{
96 | border-top: 1px solid #ffc900;
97 | background-color: #222;
98 | color:
99 | white;
100 | }
101 | .enlace:hover{
102 | color: #ffc900;
103 | }
104 | .logo{
105 | padding-top: 0px;
106 | }
107 | /*Card experiencia*/
108 | .gridedu{
109 | display: grid;
110 | grid-template-columns: repeat(4,350px);
111 | grid-gap:10px;
112 | justify-content: space-between;
113 | align-content: space-around;
114 | }
115 | .cardedu img{
116 | border-radius: 15px 15px 0 0;
117 | margin-bottom: 15px;
118 | }
119 | .cardedu{
120 | background-color: #333;
121 | border-radius: 15px;
122 | color: white;
123 | padding: 10px 15px;
124 | }
125 | .cardedu h3{
126 | margin-bottom: 20px;
127 | border-top: 1px solid #ffc900;
128 | }
129 | .cardedu p{
130 | margin-bottom: 20px;
131 | }
--------------------------------------------------------------------------------
/soluciones/experiencia_18/css/estilos_portfolio.css:
--------------------------------------------------------------------------------
1 | /*CSS general de elementos*/
2 | *{
3 | margin:0px;
4 | padding:0px;
5 | }
6 | body{
7 | background-color: #222;
8 | color: white;
9 | font: 200 14px 'Poppins', sans-serif;
10 | }
11 | h2{
12 | font-size: 36px;
13 | line-height: 36px;
14 | }
15 | h3{
16 | color: #999;
17 | font-size: 18px;
18 | font-weight: 300;
19 | }
20 | nav{
21 | position:fixed;
22 | width: 100%;
23 | height: 55px;
24 | background-color: #222;
25 | border-bottom: 1px solid white;
26 | padding-top: 10px;
27 | text-align: center;
28 | }
29 | nav ul{
30 | display: inline-block;
31 | }
32 | nav ul li{
33 | padding-top: 12px;
34 | text-transform: uppercase;
35 | }
36 | section{
37 | padding: 30px 100px 30px 100px;
38 | }
39 | p{
40 | text-align: justify;
41 | }
42 | cite{
43 | font-weight: 300;
44 | }
45 | i{
46 | font-size: 24px;
47 | }
48 | i:hover{
49 | color: #ffc900;
50 | }
51 | a{
52 | text-decoration: none;
53 | }
54 | a:any-link{
55 | color:white;
56 | }
57 | a:-webkit-any-link {
58 | color:white;
59 | }
60 | a:-moz-any-link {
61 | color:
62 | white;
63 | }
64 | a:hover{
65 | color: #ffc900;
66 | }
67 | ul{
68 | list-style: none;
69 | }
70 | li{
71 | float: left;
72 | /*width: 30px;*/
73 | margin-right: 5px;
74 | }
75 | button{
76 | border-radius: 10px;
77 | }
78 | footer{
79 | height: 55px;
80 | padding-top: 10px;
81 | text-align: center;
82 | }
83 | footer ul{
84 | display: inline-block;
85 | }
86 | footer ul li{
87 | float:left;
88 | }
89 | /*CSS IDs y Clase*/
90 | .hastag{
91 | color: #ffc900;
92 | }
93 | .seccion{
94 | padding: 10px 100px 10px 100px;
95 | }
96 | .logo{
97 | padding-top: 0px;
98 | }
99 | #redessociales{
100 | margin-top: 20px;
101 | }
102 | #inicio{
103 | background-image: url("../imagenes/inicio.png");
104 | background-repeat: no-repeat;
105 | background-size: cover;
106 | min-height: 280px;
107 | padding-top: 95px;
108 | }
109 | #experiencia{
110 | background-color: white;
111 | color: #222;
112 | }
113 | #experiencia h2,#portfolio h2{
114 | text-align: center;
115 | }
116 | #experiencia h3,#portfolio h3{
117 | text-align: center;
118 | margin-bottom: 30px;
119 | }
120 | #portfolio{
121 | border-top: 1px solid #ffc900;
122 | }
123 | .masinfo button{
124 | background-color: #ffc900;
125 | font-weight: 600;
126 | padding-left: 15px;
127 | padding-right: 15px;
128 | margin-top: 5px;
129 | padding: 5px;
130 | }
131 | #contactar{
132 | background-image: url("../imagenes/fondo_contactar.png");
133 | background-repeat: no-repeat;
134 | background-position: right;
135 | }
136 | /*Grid sobremi*/
137 | #sobremi{
138 | display: grid;
139 | grid-template-columns: 250px 1fr;
140 | }
141 | #sobremi h2{
142 | margin-bottom: 15px;
143 | }
144 | #sobremi .masinfo{
145 | margin-top: 15px
146 | }
147 | #sobremi .masinfo button
148 | {
149 | padding-top: 5px;
150 | padding-bottom: 5px;
151 | padding-left: 30px;
152 | padding-right: 30px;
153 | }
154 | #contactar{
155 | background-color: #ffc900;
156 | color: #222;
157 | }
158 | /*Card portfolio*/
159 | .filaportfolio{
160 | display: flex;
161 | flex-direction: row;
162 | flex-wrap: wrap;
163 | justify-content: space-between;
164 | gap: 30px 30px;
165 | margin-bottom: 15px;
166 | margin-top: 15px;
167 | }
168 | .card{
169 | width: 250px;
170 | background-color: #191919;
171 | border-radius: 15px;
172 | }
173 | .card img,.card video,.card iframe{
174 | border-radius: 15px 15px 0 0;
175 | }
176 | .card h3{
177 | color: #ffc900;
178 | }
179 | .card h4{
180 | margin:0 5px 5px 0;
181 | }
182 | .card h3,.card h4,.card p,.card .masinfo{
183 | padding: 0 15px;
184 | }
185 | .card .masinfo {
186 | margin: 15px 0px 15px 0 px;
187 | height: 26px;
188 | }
189 |
190 | .card .sep{
191 | margin: 0 5px 5px 0;
192 | border: 1px solid #ffc900;
193 | }
194 | .card .masinfo button{
195 | float: right;
196 | }
197 | /*Card experiencia*/
198 | .gridexp{
199 | display: grid;
200 | grid-template-columns: repeat(4,350px);
201 | grid-gap:10px;
202 | justify-content: space-between;
203 | align-content: space-around;
204 | }
205 | @media (min-width: 400px){
206 | .gridexp{
207 | display: flex;
208 | flex-direction: row;
209 | flex-wrap: wrap;
210 | justify-content: space-between;
211 | gap: 30px 30px;
212 | margin-bottom: 15px;
213 | margin-top: 15px;
214 | }
215 | }
216 |
217 | .cardexp{
218 | background-color: #222;
219 | border-radius: 15px;
220 | color: white;
221 | padding: 10px 15px;
222 | }
223 | .cardexp h2{
224 | margin-bottom: 5px;
225 | }
226 | .cardexp h3{
227 | margin-bottom: 20px;
228 | }
229 | .cardexp p{
230 | margin-bottom: 20px;
231 | }
232 | .cardexp ul{
233 | display: flex;
234 | justify-content: flex-end;
235 | }
236 | .cardexp li{
237 | height: 30px;
238 | }
239 | /*Formulario*/
240 | .itemform{
241 | display: grid;
242 | grid-template-columns: 150px 350px;
243 | justify-content: center;
244 | margin-bottom: 10px;
245 | }
246 | .itemform label{
247 | font-weight: 700;
248 | }
249 | .itemform input,.itemform textarea{
250 | border-radius: 5px;
251 | border: 1px solid white;
252 | }
253 | input[type="submit"]{
254 | background-color: #222;
255 | border: 1px solid #222;
256 | color: white;
257 | padding: 10px;
258 | grid-column: 2/3;
259 | justify-self: end;
260 | }
261 |
262 |
--------------------------------------------------------------------------------
/soluciones/experiencia_18/extendido.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
22 |
23 |
24 |
25 | CV Extendido
26 | Datos personales
27 |
28 |
29 |
30 |
31 |
32 |
33 | Edad
34 | 47
35 | Ciudad residencia
36 | Valencia
37 |
38 |
39 | Estudios
40 | Superiores
41 | Especialidad
42 | Telecomunicaciones
43 |
44 |
45 | Aficion
46 | Cocina
47 | Desporte
48 | Baloncesto
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 | Experiencia
59 |
60 |
Producción BSO corto animación
61 |
66 |
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum tempora omnis voluptatem nemo fugiat quibusdam provident unde a ut, facere necessitatibus praesentium vel perspiciatis eum dicta dolorum voluptas tempore atque.
67 |
68 |
69 |
70 |
71 |
72 | Educacion
73 |
74 |
75 |
76 |
2002 - Ingeniero de sonido por la UPV
77 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
78 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
79 |
80 |
81 |
82 |
2002 - Ingeniero de sonido por la UPV
83 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
84 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
85 |
86 |
87 |
88 |
2002 - Ingeniero de sonido por la UPV
89 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
90 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
91 |
92 |
93 |
94 |
2002 - Ingeniero de sonido por la UPV
95 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
96 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
97 |
98 |
99 |
100 |
2002 - Ingeniero de sonido por la UPV
101 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
102 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
103 |
104 |
105 |
106 |
2002 - Ingeniero de sonido por la UPV
107 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
108 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
109 |
110 |
111 |
112 |
113 |
114 |
117 |
118 |
--------------------------------------------------------------------------------
/soluciones/experiencia_18/imagenes/about-img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_18/imagenes/about-img.png
--------------------------------------------------------------------------------
/soluciones/experiencia_18/imagenes/about-img_250.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_18/imagenes/about-img_250.png
--------------------------------------------------------------------------------
/soluciones/experiencia_18/imagenes/cascos.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_18/imagenes/cascos.png
--------------------------------------------------------------------------------
/soluciones/experiencia_18/imagenes/fondo_contactar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_18/imagenes/fondo_contactar.png
--------------------------------------------------------------------------------
/soluciones/experiencia_18/imagenes/imagen_portfolio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_18/imagenes/imagen_portfolio.png
--------------------------------------------------------------------------------
/soluciones/experiencia_18/imagenes/inicio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_18/imagenes/inicio.png
--------------------------------------------------------------------------------
/soluciones/experiencia_18/imagenes/sergey-zigle-rQ4_6TSliRg-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_18/imagenes/sergey-zigle-rQ4_6TSliRg-unsplash.jpg
--------------------------------------------------------------------------------
/soluciones/experiencia_18/imagenes/tecno_au.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_18/imagenes/tecno_au.png
--------------------------------------------------------------------------------
/soluciones/experiencia_18/imagenes/tecno_cu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_18/imagenes/tecno_cu.png
--------------------------------------------------------------------------------
/soluciones/experiencia_18/imagenes/tecno_html.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_18/imagenes/tecno_html.png
--------------------------------------------------------------------------------
/soluciones/experiencia_18/imagenes/university.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_18/imagenes/university.jpg
--------------------------------------------------------------------------------
/soluciones/experiencia_18/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Portfolio de Luís Martínez
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
22 |
23 |
24 |
25 |
26 | Luís Martínez
27 | #programador
28 | #músico
29 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
Sobre mí
42 |
Soy Luís Martinez músico de carrera y apasionado de tecnología y la programación . Música y emprendimiento forman parte de la cotidianidad del músico freelance, es un mundo en el que me ha llevado a lo largo de mi carrera a conocer muchos grandes profesionales y maravillosos escenarios. Durante ese periplo se cruzó en mi vida el diseño y desarrollo web, donde se abren nuevas oportunidades de crecimiento combinadas al sector de la prodcución audiovisual.
43 |
Me defino como una persona creativa y enamorado de lo que hago, donde mi máxima es "el mundo es un aula maravillosa de aprendizaje continuo" .
44 |
MAS INFO
45 |
46 |
47 |
48 |
49 |
50 | Portfolio
51 | Una mirada mas allá del texto
52 |
53 |
54 |
55 |
56 |
57 |
58 |
musica
59 |
concierto benicassim
60 |
61 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
62 |
MAS INFO
63 |
64 |
65 |
VIDEO
66 |
musica
67 |
concierto benicassim
68 |
69 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
70 |
MAS INFO
71 |
72 |
73 |
74 |
musica
75 |
concierto benicassim
76 |
77 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
78 |
MAS INFO
79 |
80 |
81 |
82 |
musica
83 |
concierto benicassim
84 |
85 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
86 |
MAS INFO
87 |
88 |
89 |
90 |
91 |
92 |
93 | Experiencia & Skills
94 | Lorem ipsum dolor sit amet consectetur adipisicing elit.
95 |
96 |
97 |
Diseño web
98 |
2018-2020
99 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
100 |
105 |
106 |
107 |
Diseño web
108 |
2018-2020
109 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
110 |
115 |
116 |
117 |
Diseño web
118 |
2018-2020
119 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
120 |
125 |
126 |
127 |
Diseño web
128 |
2018-2020
129 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
130 |
135 |
136 |
137 |
Diseño web
138 |
2018-2020
139 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
140 |
145 |
146 |
147 |
Diseño web
148 |
2018-2020
149 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
150 |
155 |
156 |
157 |
158 |
159 |
160 |
185 |
186 |
187 |
188 |
189 |
190 |
191 | Lorem ipsum dolor sit amet consectetur adipisicing elit
192 |
193 |
194 |
195 |
--------------------------------------------------------------------------------
/soluciones/experiencia_19/css/estilos.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin:0px;
3 | padding: 0px;
4 | }
5 | /*Definiciones de selectores*/
6 | body{
7 | background-color: white;
8 | color: #222;
9 | font: 200 14px 'Poppins', sans-serif
10 | }
11 | h1{
12 | font-size: 42px;
13 | font-weight: 400;
14 | }
15 | h2{
16 | font-size: 36px;
17 | font-weight: 300;
18 | }
19 | h3 {
20 | color:#ffc900;
21 | font-weight: 200;
22 | }
23 | p{
24 | text-align: justify;
25 | }
26 | thead{
27 | background-color: #222;
28 | color: white;
29 | }
30 | td{
31 | min-width: 150px;
32 | }
33 | li{
34 | list-style: none;
35 | float:left;
36 | }
37 | i{
38 | margin-right: 5px;
39 | }
40 | a{
41 | text-decoration: none;
42 | }
43 | nav{
44 | position:fixed;
45 | width: 100%;
46 | height: 55px;
47 | background-color: #222;
48 | border-bottom: 1px solid white;
49 | padding-top: 10px;
50 | text-align: center;
51 | }
52 | nav ul{
53 | display: inline-block;
54 | }
55 | nav ul li{
56 | padding-top: 12px;
57 | text-transform: uppercase;
58 | }
59 |
60 | a:any-link{
61 | color:white;
62 | }
63 | a:-webkit-any-link {
64 | color:white;
65 | }
66 | a:-moz-any-link {
67 | color:white;
68 | }
69 | a:hover{
70 | color: #ffc900;
71 | }
72 | section{
73 | padding: 10px 100px 10px 100px;
74 | }
75 | ul{
76 | list-style: none;
77 | }
78 | li{
79 | float: left;
80 | /*width: 30px;*/
81 | margin-right: 5px;
82 | }
83 | /*Definiciones de clases y ids*/
84 | #datos{
85 | padding-top: 65px;
86 | }
87 | #datoscontenedor{
88 | display: flex;
89 | column-gap: 10px;
90 | }
91 | #educacion{
92 | background-color: #222;
93 | color: white;
94 | }
95 | #experiencia{
96 | border-top: 1px solid #ffc900;
97 | background-color: #222;
98 | color:
99 | white;
100 | }
101 | #comentario{
102 | background-color: #ffc900;
103 | color: #222;
104 | }
105 | .enlace:hover{
106 | color: #ffc900;
107 | }
108 | .logo{
109 | padding-top: 0px;
110 | }
111 | /*Card experiencia*/
112 | .gridedu{
113 | display: grid;
114 | grid-template-columns: repeat(4,350px);
115 | grid-gap:10px;
116 | justify-content: space-between;
117 | align-content: space-around;
118 | }
119 | .cardedu img{
120 | border-radius: 15px 15px 0 0;
121 | margin-bottom: 15px;
122 | }
123 | .cardedu{
124 | background-color: #333;
125 | border-radius: 15px;
126 | color: white;
127 | padding: 10px 15px;
128 | }
129 | .cardedu h3{
130 | margin-bottom: 20px;
131 | border-top: 1px solid #ffc900;
132 | }
133 | .cardedu p{
134 | margin-bottom: 20px;
135 | }
136 | /*Formulario*/
137 | .itemform{
138 | display: grid;
139 | grid-template-columns: 150px 350px;
140 | justify-content: center;
141 | margin-bottom: 10px;
142 | }
143 | .itemform label{
144 | font-weight: 700;
145 | }
146 | .itemform input,.itemform textarea,.itemform select{
147 | border-radius: 5px;
148 | border: 1px solid white;
149 | }
150 | input[type="submit"]{
151 | background-color: #222;
152 | border: 1px solid #222;
153 | color: white;
154 | padding: 10px;
155 | grid-column: 2/3;
156 | justify-self: end;
157 | }
--------------------------------------------------------------------------------
/soluciones/experiencia_19/css/estilos_portfolio.css:
--------------------------------------------------------------------------------
1 | /*CSS general de elementos*/
2 | *{
3 | margin:0px;
4 | padding:0px;
5 | }
6 | body{
7 | background-color: #222;
8 | color: white;
9 | font: 200 14px 'Poppins', sans-serif;
10 | }
11 | h2{
12 | font-size: 36px;
13 | line-height: 36px;
14 | }
15 | h3{
16 | color: #999;
17 | font-size: 18px;
18 | font-weight: 300;
19 | }
20 | nav{
21 | position:fixed;
22 | width: 100%;
23 | height: 55px;
24 | background-color: #222;
25 | border-bottom: 1px solid white;
26 | padding-top: 10px;
27 | text-align: center;
28 | }
29 | nav ul{
30 | display: inline-block;
31 | }
32 | nav ul li{
33 | padding-top: 12px;
34 | text-transform: uppercase;
35 | }
36 | section{
37 | padding: 30px 100px 30px 100px;
38 | }
39 | p{
40 | text-align: justify;
41 | }
42 | cite{
43 | font-weight: 300;
44 | }
45 | i{
46 | font-size: 24px;
47 | }
48 | i:hover{
49 | color: #ffc900;
50 | }
51 | a{
52 | text-decoration: none;
53 | }
54 | a:any-link{
55 | color:white;
56 | }
57 | a:-webkit-any-link {
58 | color:white;
59 | }
60 | a:-moz-any-link {
61 | color:
62 | white;
63 | }
64 | a:hover{
65 | color: #ffc900;
66 | }
67 | ul{
68 | list-style: none;
69 | }
70 | li{
71 | float: left;
72 | /*width: 30px;*/
73 | margin-right: 5px;
74 | }
75 | button{
76 | border-radius: 10px;
77 | }
78 | footer{
79 | height: 55px;
80 | padding-top: 10px;
81 | text-align: center;
82 | }
83 | footer ul{
84 | display: inline-block;
85 | }
86 | footer ul li{
87 | float:left;
88 | }
89 | /*CSS IDs y Clase*/
90 | .hastag{
91 | color: #ffc900;
92 | }
93 | .seccion{
94 | padding: 10px 100px 10px 100px;
95 | }
96 | .logo{
97 | padding-top: 0px;
98 | }
99 | #redessociales{
100 | margin-top: 20px;
101 | }
102 | #inicio{
103 | background-image: url("../imagenes/inicio.png");
104 | background-repeat: no-repeat;
105 | background-size: cover;
106 | min-height: 280px;
107 | padding-top: 95px;
108 | }
109 | #experiencia{
110 | background-color: white;
111 | color: #222;
112 | }
113 | #experiencia h2,#portfolio h2{
114 | text-align: center;
115 | }
116 | #experiencia h3,#portfolio h3{
117 | text-align: center;
118 | margin-bottom: 30px;
119 | }
120 | #portfolio{
121 | border-top: 1px solid #ffc900;
122 | }
123 | .masinfo button{
124 | background-color: #ffc900;
125 | font-weight: 600;
126 | padding-left: 15px;
127 | padding-right: 15px;
128 | margin-top: 5px;
129 | padding: 5px;
130 | }
131 | #contactar{
132 | background-image: url("../imagenes/fondo_contactar.png");
133 | background-repeat: no-repeat;
134 | background-position: right;
135 | }
136 | /*Grid sobremi*/
137 | #sobremi{
138 | display: grid;
139 | grid-template-columns: 250px 1fr;
140 | }
141 | #sobremi h2{
142 | margin-bottom: 15px;
143 | }
144 | #sobremi .masinfo{
145 | margin-top: 15px
146 | }
147 | #sobremi .masinfo button
148 | {
149 | padding-top: 5px;
150 | padding-bottom: 5px;
151 | padding-left: 30px;
152 | padding-right: 30px;
153 | }
154 | #contactar{
155 | background-color: #ffc900;
156 | color: #222;
157 | }
158 | /*Card portfolio*/
159 | .filaportfolio{
160 | display: flex;
161 | flex-direction: row;
162 | flex-wrap: wrap;
163 | justify-content: space-between;
164 | gap: 30px 30px;
165 | margin-bottom: 15px;
166 | margin-top: 15px;
167 | }
168 | .card{
169 | width: 250px;
170 | background-color: #191919;
171 | border-radius: 15px;
172 | }
173 | .card img,.card video,.card iframe{
174 | border-radius: 15px 15px 0 0;
175 | }
176 | .card h3{
177 | color: #ffc900;
178 | }
179 | .card h4{
180 | margin:0 5px 5px 0;
181 | }
182 | .card h3,.card h4,.card p,.card .masinfo{
183 | padding: 0 15px;
184 | }
185 | .card .masinfo {
186 | margin: 15px 0px 15px 0 px;
187 | height: 26px;
188 | }
189 |
190 | .card .sep{
191 | margin: 0 5px 5px 0;
192 | border: 1px solid #ffc900;
193 | }
194 | .card .masinfo button{
195 | float: right;
196 | }
197 | /*Card experiencia*/
198 | .gridexp{
199 | display: grid;
200 | grid-template-columns: repeat(4,350px);
201 | grid-gap:10px;
202 | justify-content: space-between;
203 | align-content: space-around;
204 | }
205 | @media (min-width: 400px){
206 | .gridexp{
207 | display: flex;
208 | flex-direction: row;
209 | flex-wrap: wrap;
210 | justify-content: space-between;
211 | gap: 30px 30px;
212 | margin-bottom: 15px;
213 | margin-top: 15px;
214 | }
215 | }
216 |
217 | .cardexp{
218 | background-color: #222;
219 | border-radius: 15px;
220 | color: white;
221 | padding: 10px 15px;
222 | }
223 | .cardexp h2{
224 | margin-bottom: 5px;
225 | }
226 | .cardexp h3{
227 | margin-bottom: 20px;
228 | }
229 | .cardexp p{
230 | margin-bottom: 20px;
231 | }
232 | .cardexp ul{
233 | display: flex;
234 | justify-content: flex-end;
235 | }
236 | .cardexp li{
237 | height: 30px;
238 | }
239 | /*Formulario*/
240 | .itemform{
241 | display: grid;
242 | grid-template-columns: 150px 350px;
243 | justify-content: center;
244 | margin-bottom: 10px;
245 | }
246 | .itemform label{
247 | font-weight: 700;
248 | }
249 | .itemform input,.itemform textarea{
250 | border-radius: 5px;
251 | border: 1px solid white;
252 | }
253 | input[type="submit"]{
254 | background-color: #222;
255 | border: 1px solid #222;
256 | color: white;
257 | padding: 10px;
258 | grid-column: 2/3;
259 | justify-self: end;
260 | }
261 |
262 |
--------------------------------------------------------------------------------
/soluciones/experiencia_19/extendido.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
22 |
23 |
24 |
25 | CV Extendido
26 | Datos personales
27 |
28 |
29 |
30 |
31 |
32 |
33 | Edad
34 | 47
35 | Ciudad residencia
36 | Valencia
37 |
38 |
39 | Estudios
40 | Superiores
41 | Especialidad
42 | Telecomunicaciones
43 |
44 |
45 | Aficion
46 | Cocina
47 | Desporte
48 | Baloncesto
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 | Experiencia
59 |
60 |
Producción BSO corto animación
61 |
66 |
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum tempora omnis voluptatem nemo fugiat quibusdam provident unde a ut, facere necessitatibus praesentium vel perspiciatis eum dicta dolorum voluptas tempore atque.
67 |
68 |
69 |
70 |
71 |
72 | Educacion
73 |
74 |
75 |
76 |
2002 - Ingeniero de sonido por la UPV
77 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
78 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
79 |
80 |
81 |
82 |
2002 - Ingeniero de sonido por la UPV
83 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
84 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
85 |
86 |
87 |
88 |
2002 - Ingeniero de sonido por la UPV
89 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
90 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
91 |
92 |
93 |
94 |
2002 - Ingeniero de sonido por la UPV
95 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
96 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
97 |
98 |
99 |
100 |
2002 - Ingeniero de sonido por la UPV
101 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
102 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
103 |
104 |
105 |
106 |
2002 - Ingeniero de sonido por la UPV
107 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
108 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
109 |
110 |
111 |
112 |
113 |
137 |
138 |
139 |
142 |
143 |
--------------------------------------------------------------------------------
/soluciones/experiencia_19/imagenes/about-img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_19/imagenes/about-img.png
--------------------------------------------------------------------------------
/soluciones/experiencia_19/imagenes/about-img_250.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_19/imagenes/about-img_250.png
--------------------------------------------------------------------------------
/soluciones/experiencia_19/imagenes/cascos.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_19/imagenes/cascos.png
--------------------------------------------------------------------------------
/soluciones/experiencia_19/imagenes/fondo_contactar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_19/imagenes/fondo_contactar.png
--------------------------------------------------------------------------------
/soluciones/experiencia_19/imagenes/imagen_portfolio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_19/imagenes/imagen_portfolio.png
--------------------------------------------------------------------------------
/soluciones/experiencia_19/imagenes/inicio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_19/imagenes/inicio.png
--------------------------------------------------------------------------------
/soluciones/experiencia_19/imagenes/sergey-zigle-rQ4_6TSliRg-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_19/imagenes/sergey-zigle-rQ4_6TSliRg-unsplash.jpg
--------------------------------------------------------------------------------
/soluciones/experiencia_19/imagenes/tecno_au.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_19/imagenes/tecno_au.png
--------------------------------------------------------------------------------
/soluciones/experiencia_19/imagenes/tecno_cu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_19/imagenes/tecno_cu.png
--------------------------------------------------------------------------------
/soluciones/experiencia_19/imagenes/tecno_html.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_19/imagenes/tecno_html.png
--------------------------------------------------------------------------------
/soluciones/experiencia_19/imagenes/university.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_19/imagenes/university.jpg
--------------------------------------------------------------------------------
/soluciones/experiencia_19/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Portfolio de Luís Martínez
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
22 |
23 |
24 |
25 |
26 | Luís Martínez
27 | #programador
28 | #músico
29 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
Sobre mí
42 |
Soy Luís Martinez músico de carrera y apasionado de tecnología y la programación . Música y emprendimiento forman parte de la cotidianidad del músico freelance, es un mundo en el que me ha llevado a lo largo de mi carrera a conocer muchos grandes profesionales y maravillosos escenarios. Durante ese periplo se cruzó en mi vida el diseño y desarrollo web, donde se abren nuevas oportunidades de crecimiento combinadas al sector de la prodcución audiovisual.
43 |
Me defino como una persona creativa y enamorado de lo que hago, donde mi máxima es "el mundo es un aula maravillosa de aprendizaje continuo" .
44 |
MAS INFO
45 |
46 |
47 |
48 |
49 |
50 | Portfolio
51 | Una mirada mas allá del texto
52 |
53 |
54 |
55 |
56 |
57 |
58 |
musica
59 |
concierto benicassim
60 |
61 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
62 |
MAS INFO
63 |
64 |
65 |
VIDEO
66 |
musica
67 |
concierto benicassim
68 |
69 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
70 |
MAS INFO
71 |
72 |
73 |
74 |
musica
75 |
concierto benicassim
76 |
77 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
78 |
MAS INFO
79 |
80 |
81 |
82 |
musica
83 |
concierto benicassim
84 |
85 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
86 |
MAS INFO
87 |
88 |
89 |
90 |
91 |
92 |
93 | Experiencia & Skills
94 | Lorem ipsum dolor sit amet consectetur adipisicing elit.
95 |
96 |
97 |
Diseño web
98 |
2018-2020
99 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
100 |
105 |
106 |
107 |
Diseño web
108 |
2018-2020
109 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
110 |
115 |
116 |
117 |
Diseño web
118 |
2018-2020
119 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
120 |
125 |
126 |
127 |
Diseño web
128 |
2018-2020
129 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
130 |
135 |
136 |
137 |
Diseño web
138 |
2018-2020
139 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
140 |
145 |
146 |
147 |
Diseño web
148 |
2018-2020
149 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
150 |
155 |
156 |
157 |
158 |
159 |
160 |
185 |
186 |
187 |
188 |
189 |
190 |
191 | Lorem ipsum dolor sit amet consectetur adipisicing elit
192 |
193 |
194 |
195 |
--------------------------------------------------------------------------------
/soluciones/experiencia_20/css/estilos.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin:0px;
3 | padding: 0px;
4 | }
5 | /*Definiciones de selectores*/
6 | body{
7 | background-color: white;
8 | color: #222;
9 | font: 200 14px 'Poppins', sans-serif
10 | }
11 | h1{
12 | font-size: 42px;
13 | font-weight: 400;
14 | }
15 | h2{
16 | font-size: 36px;
17 | font-weight: 300;
18 | }
19 | h3 {
20 | color:#ffc900;
21 | font-weight: 200;
22 | }
23 | p{
24 | text-align: justify;
25 | }
26 | thead{
27 | background-color: #222;
28 | color: white;
29 | }
30 | td{
31 | min-width: 150px;
32 | }
33 | li{
34 | list-style: none;
35 | float:left;
36 | }
37 | i{
38 | margin-right: 5px;
39 | }
40 | a{
41 | text-decoration: none;
42 | }
43 | nav{
44 | position:fixed;
45 | width: 100%;
46 | height: 55px;
47 | background-color: #222;
48 | border-bottom: 1px solid white;
49 | padding-top: 10px;
50 | text-align: center;
51 | }
52 | nav ul{
53 | display: inline-block;
54 | }
55 | nav ul li{
56 | padding-top: 12px;
57 | text-transform: uppercase;
58 | }
59 |
60 | a:any-link{
61 | color:white;
62 | }
63 | a:-webkit-any-link {
64 | color:white;
65 | }
66 | a:-moz-any-link {
67 | color:white;
68 | }
69 | a:hover{
70 | color: #ffc900;
71 | }
72 | section{
73 | padding: 10px 100px 10px 100px;
74 | }
75 | ul{
76 | list-style: none;
77 | }
78 | li{
79 | float: left;
80 | /*width: 30px;*/
81 | margin-right: 5px;
82 | }
83 | /*Definiciones de clases y ids*/
84 | #datos{
85 | padding-top: 65px;
86 | }
87 | #datoscontenedor{
88 | display: flex;
89 | column-gap: 10px;
90 | }
91 | #educacion{
92 | background-color: #222;
93 | color: white;
94 | }
95 | #experiencia{
96 | border-top: 1px solid #ffc900;
97 | background-color: #222;
98 | color:
99 | white;
100 | }
101 | #comentario{
102 | background-color: #ffc900;
103 | color: #222;
104 | }
105 | .enlace:hover{
106 | color: #ffc900;
107 | }
108 | .logo{
109 | padding-top: 0px;
110 | }
111 | /*Card experiencia*/
112 | .gridedu{
113 | display: grid;
114 | grid-template-columns: repeat(4,350px);
115 | grid-gap:10px;
116 | justify-content: space-between;
117 | align-content: space-around;
118 | }
119 | .cardedu img{
120 | border-radius: 15px 15px 0 0;
121 | margin-bottom: 15px;
122 | }
123 | .cardedu{
124 | background-color: #333;
125 | border-radius: 15px;
126 | color: white;
127 | padding: 10px 15px;
128 | }
129 | .cardedu h3{
130 | margin-bottom: 20px;
131 | border-top: 1px solid #ffc900;
132 | }
133 | .cardedu p{
134 | margin-bottom: 20px;
135 | }
136 | /*Formulario*/
137 | .itemform{
138 | display: grid;
139 | grid-template-columns: 150px 350px;
140 | justify-content: center;
141 | margin-bottom: 10px;
142 | }
143 | .itemform label{
144 | font-weight: 700;
145 | }
146 | .itemform input,.itemform textarea,.itemform select{
147 | border-radius: 5px;
148 | border: 1px solid white;
149 | }
150 | input[type="submit"]{
151 | background-color: #222;
152 | border: 1px solid #222;
153 | color: white;
154 | padding: 10px;
155 | grid-column: 2/3;
156 | justify-self: end;
157 | }
--------------------------------------------------------------------------------
/soluciones/experiencia_20/css/estilos_portfolio.css:
--------------------------------------------------------------------------------
1 | /*CSS general de elementos*/
2 | *{
3 | margin:0px;
4 | padding:0px;
5 | }
6 | body{
7 | background-color: #222;
8 | color: white;
9 | font: 200 14px 'Poppins', sans-serif;
10 | }
11 | h2{
12 | font-size: 36px;
13 | line-height: 36px;
14 | }
15 | h3{
16 | color: #999;
17 | font-size: 18px;
18 | font-weight: 300;
19 | }
20 | nav{
21 | position:fixed;
22 | width: 100%;
23 | height: 55px;
24 | background-color: #222;
25 | border-bottom: 1px solid white;
26 | padding-top: 10px;
27 | text-align: center;
28 | }
29 | nav ul{
30 | display: inline-block;
31 | }
32 | nav ul li{
33 | padding-top: 12px;
34 | text-transform: uppercase;
35 | }
36 | section{
37 | padding: 30px 100px 30px 100px;
38 | }
39 | p{
40 | text-align: justify;
41 | }
42 | cite{
43 | font-weight: 300;
44 | }
45 | i{
46 | font-size: 24px;
47 | }
48 | i:hover{
49 | color: #ffc900;
50 | }
51 | a{
52 | text-decoration: none;
53 | }
54 | a:any-link{
55 | color:white;
56 | }
57 | a:-webkit-any-link {
58 | color:white;
59 | }
60 | a:-moz-any-link {
61 | color:
62 | white;
63 | }
64 | a:hover{
65 | color: #ffc900;
66 | }
67 | ul{
68 | list-style: none;
69 | }
70 | li{
71 | float: left;
72 | /*width: 30px;*/
73 | margin-right: 5px;
74 | }
75 | button{
76 | border-radius: 10px;
77 | }
78 | footer{
79 | height: 55px;
80 | padding-top: 10px;
81 | text-align: center;
82 | }
83 | footer ul{
84 | display: inline-block;
85 | }
86 | footer ul li{
87 | float:left;
88 | }
89 | /*CSS IDs y Clase*/
90 | .hastag{
91 | color: #ffc900;
92 | }
93 | .seccion{
94 | padding: 10px 100px 10px 100px;
95 | }
96 | .logo{
97 | padding-top: 0px;
98 | }
99 | #redessociales{
100 | margin-top: 20px;
101 | }
102 | #inicio{
103 | background-image: url("../imagenes/inicio.png");
104 | background-repeat: no-repeat;
105 | background-size: cover;
106 | min-height: 280px;
107 | padding-top: 95px;
108 | }
109 | #experiencia{
110 | background-color: white;
111 | color: #222;
112 | }
113 | #experiencia h2,#portfolio h2{
114 | text-align: center;
115 | }
116 | #experiencia h3,#portfolio h3{
117 | text-align: center;
118 | margin-bottom: 30px;
119 | }
120 | #portfolio{
121 | border-top: 1px solid #ffc900;
122 | }
123 | .masinfo button{
124 | background-color: #ffc900;
125 | font-weight: 600;
126 | padding-left: 15px;
127 | padding-right: 15px;
128 | margin-top: 5px;
129 | padding: 5px;
130 | }
131 | #contactar{
132 | background-image: url("../imagenes/fondo_contactar.png");
133 | background-repeat: no-repeat;
134 | background-position: right;
135 | }
136 | /*Grid sobremi*/
137 | #sobremi{
138 | display: grid;
139 | grid-template-columns: 250px 1fr;
140 | }
141 | #sobremi h2{
142 | margin-bottom: 15px;
143 | }
144 | #sobremi .masinfo{
145 | margin-top: 15px
146 | }
147 | #sobremi .masinfo button
148 | {
149 | padding-top: 5px;
150 | padding-bottom: 5px;
151 | padding-left: 30px;
152 | padding-right: 30px;
153 | }
154 | #contactar{
155 | background-color: #ffc900;
156 | color: #222;
157 | }
158 | /*Card portfolio*/
159 | .filaportfolio{
160 | display: flex;
161 | flex-direction: row;
162 | flex-wrap: wrap;
163 | justify-content: space-between;
164 | gap: 30px 30px;
165 | margin-bottom: 15px;
166 | margin-top: 15px;
167 | }
168 | .card{
169 | width: 250px;
170 | background-color: #191919;
171 | border-radius: 15px;
172 | }
173 | .card img,.card video,.card iframe{
174 | border-radius: 15px 15px 0 0;
175 | }
176 | .card h3{
177 | color: #ffc900;
178 | }
179 | .card h4{
180 | margin:0 5px 5px 0;
181 | }
182 | .card h3,.card h4,.card p,.card .masinfo{
183 | padding: 0 15px;
184 | }
185 | .card .masinfo {
186 | margin: 15px 0px 15px 0 px;
187 | height: 26px;
188 | }
189 |
190 | .card .sep{
191 | margin: 0 5px 5px 0;
192 | border: 1px solid #ffc900;
193 | }
194 | .card .masinfo button{
195 | float: right;
196 | }
197 | /*Card experiencia*/
198 | .gridexp{
199 | display: grid;
200 | grid-template-columns: repeat(4,350px);
201 | grid-gap:10px;
202 | justify-content: space-between;
203 | align-content: space-around;
204 | }
205 | @media (min-width: 400px){
206 | .gridexp{
207 | display: flex;
208 | flex-direction: row;
209 | flex-wrap: wrap;
210 | justify-content: space-between;
211 | gap: 30px 30px;
212 | margin-bottom: 15px;
213 | margin-top: 15px;
214 | }
215 | }
216 |
217 | .cardexp{
218 | background-color: #222;
219 | border-radius: 15px;
220 | color: white;
221 | padding: 10px 15px;
222 | }
223 | .cardexp h2{
224 | margin-bottom: 5px;
225 | }
226 | .cardexp h3{
227 | margin-bottom: 20px;
228 | }
229 | .cardexp p{
230 | margin-bottom: 20px;
231 | }
232 | .cardexp ul{
233 | display: flex;
234 | justify-content: flex-end;
235 | }
236 | .cardexp li{
237 | height: 30px;
238 | }
239 | /*Formulario*/
240 | .itemform{
241 | display: grid;
242 | grid-template-columns: 150px 350px;
243 | justify-content: center;
244 | margin-bottom: 10px;
245 | }
246 | .itemform label{
247 | font-weight: 700;
248 | }
249 | .itemform input,.itemform textarea{
250 | border-radius: 5px;
251 | border: 1px solid white;
252 | }
253 | input[type="submit"]{
254 | background-color: #222;
255 | border: 1px solid #222;
256 | color: white;
257 | padding: 10px;
258 | grid-column: 2/3;
259 | justify-self: end;
260 | }
261 |
262 |
--------------------------------------------------------------------------------
/soluciones/experiencia_20/extendido.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | CV Extendido de Luís Martínez
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
22 |
23 |
24 |
25 | CV Extendido
26 | Datos personales
27 |
28 |
29 | VIDEO
30 |
31 |
32 |
33 |
34 |
35 | Edad
36 | 47
37 | Ciudad residencia
38 | Valencia
39 |
40 |
41 | Estudios
42 | Superiores
43 | Especialidad
44 | Telecomunicaciones
45 |
46 |
47 | Aficion
48 | Cocina
49 | Desporte
50 | Baloncesto
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 | Experiencia
62 |
63 |
Producción BSO corto animación
64 |
69 |
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum tempora omnis voluptatem nemo fugiat quibusdam provident unde a ut, facere necessitatibus praesentium vel perspiciatis eum dicta dolorum voluptas tempore atque.
70 |
71 |
72 |
73 |
74 |
75 | Educacion
76 |
77 |
78 |
79 |
2002 - Ingeniero de sonido por la UPV
80 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
81 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
82 |
83 |
84 |
85 |
2002 - Ingeniero de sonido por la UPV
86 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
87 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
88 |
89 |
90 |
91 |
2002 - Ingeniero de sonido por la UPV
92 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
93 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
94 |
95 |
96 |
97 |
2002 - Ingeniero de sonido por la UPV
98 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
99 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
100 |
101 |
102 |
103 |
2002 - Ingeniero de sonido por la UPV
104 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
105 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
106 |
107 |
108 |
109 |
2002 - Ingeniero de sonido por la UPV
110 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
111 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
112 |
113 |
114 |
115 |
116 |
140 |
141 |
142 |
145 |
146 |
--------------------------------------------------------------------------------
/soluciones/experiencia_20/imagenes/about-img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_20/imagenes/about-img.png
--------------------------------------------------------------------------------
/soluciones/experiencia_20/imagenes/about-img_250.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_20/imagenes/about-img_250.png
--------------------------------------------------------------------------------
/soluciones/experiencia_20/imagenes/cascos.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_20/imagenes/cascos.png
--------------------------------------------------------------------------------
/soluciones/experiencia_20/imagenes/fondo_contactar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_20/imagenes/fondo_contactar.png
--------------------------------------------------------------------------------
/soluciones/experiencia_20/imagenes/imagen_portfolio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_20/imagenes/imagen_portfolio.png
--------------------------------------------------------------------------------
/soluciones/experiencia_20/imagenes/inicio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_20/imagenes/inicio.png
--------------------------------------------------------------------------------
/soluciones/experiencia_20/imagenes/sergey-zigle-rQ4_6TSliRg-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_20/imagenes/sergey-zigle-rQ4_6TSliRg-unsplash.jpg
--------------------------------------------------------------------------------
/soluciones/experiencia_20/imagenes/tecno_au.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_20/imagenes/tecno_au.png
--------------------------------------------------------------------------------
/soluciones/experiencia_20/imagenes/tecno_cu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_20/imagenes/tecno_cu.png
--------------------------------------------------------------------------------
/soluciones/experiencia_20/imagenes/tecno_html.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_20/imagenes/tecno_html.png
--------------------------------------------------------------------------------
/soluciones/experiencia_20/imagenes/university.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/experiencia_20/imagenes/university.jpg
--------------------------------------------------------------------------------
/soluciones/experiencia_20/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Portfolio de Luís Martínez
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
22 |
23 |
24 |
25 |
26 | Luís Martínez
27 | #programador
28 | #músico
29 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
Sobre mí
42 |
Soy Luís Martinez músico de carrera y apasionado de tecnología y la programación . Música y emprendimiento forman parte de la cotidianidad del músico freelance, es un mundo en el que me ha llevado a lo largo de mi carrera a conocer muchos grandes profesionales y maravillosos escenarios. Durante ese periplo se cruzó en mi vida el diseño y desarrollo web, donde se abren nuevas oportunidades de crecimiento combinadas al sector de la prodcución audiovisual.
43 |
Me defino como una persona creativa y enamorado de lo que hago, donde mi máxima es "el mundo es un aula maravillosa de aprendizaje continuo" .
44 |
MAS INFO
45 |
46 |
47 |
48 |
49 |
50 | Portfolio
51 | Una mirada mas allá del texto
52 |
53 |
54 |
55 |
56 |
57 |
58 |
musica
59 |
concierto benicassim
60 |
61 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
62 |
MAS INFO
63 |
64 |
65 |
VIDEO
66 |
musica
67 |
concierto benicassim
68 |
69 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
70 |
MAS INFO
71 |
72 |
73 |
74 |
musica
75 |
concierto benicassim
76 |
77 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
78 |
MAS INFO
79 |
80 |
81 |
82 |
musica
83 |
concierto benicassim
84 |
85 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
86 |
MAS INFO
87 |
88 |
89 |
90 |
91 |
92 |
93 | Experiencia & Skills
94 | Lorem ipsum dolor sit amet consectetur adipisicing elit.
95 |
96 |
97 |
Diseño web
98 |
2018-2020
99 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
100 |
105 |
106 |
107 |
Diseño web
108 |
2018-2020
109 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
110 |
115 |
116 |
117 |
Diseño web
118 |
2018-2020
119 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
120 |
125 |
126 |
127 |
Diseño web
128 |
2018-2020
129 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
130 |
135 |
136 |
137 |
Diseño web
138 |
2018-2020
139 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
140 |
145 |
146 |
147 |
Diseño web
148 |
2018-2020
149 |
Lorem ipsum dolor sit amet consectetur adipisicing elit.
150 |
155 |
156 |
157 |
158 |
159 |
160 |
185 |
186 |
187 |
188 |
189 |
190 |
191 | Lorem ipsum dolor sit amet consectetur adipisicing elit
192 |
193 |
194 |
195 |
--------------------------------------------------------------------------------
/soluciones/imagenes/about-img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/imagenes/about-img.png
--------------------------------------------------------------------------------