├── 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 |
10 |

11 |
12 | 13 | 14 |
15 |
16 |

17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 |
30 |

31 |

32 |

33 |
34 | 35 | 36 |
37 |

38 |

39 |

40 |
41 |
42 |

43 |

44 |

45 |
46 |
47 |

48 |

49 |

50 |
51 | 52 | 53 | -------------------------------------------------------------------------------- /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 | 23 |
24 | 25 |
26 |

Luís Martínez

27 |

#programador

28 |

#músico

29 | 35 |
36 | 37 | 38 |
39 |
Foto Luís Martínez
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 |
45 |
46 |
47 | 48 | 49 |
50 |

Portfolio

51 |

Una mirada mas allá del texto

52 |
53 |
54 | 58 |

musica

59 |

concierto benicassim

60 |
61 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

62 |
63 |
64 |
65 | 66 |

musica

67 |

concierto benicassim

68 |
69 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

70 |
71 |
72 |
73 | Portfolio 3 74 |

musica

75 |

concierto benicassim

76 |
77 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

78 |
79 |
80 |
81 | Portfolio 4 82 |

musica

83 |

concierto benicassim

84 |
85 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

86 |
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 |
    101 |
  • 102 |
  • 103 |
  • 104 |
105 |
106 |
107 |

Diseño web

108 |

2018-2020

109 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

110 |
    111 |
  • 112 |
  • 113 |
  • 114 |
115 |
116 |
117 |

Diseño web

118 |

2018-2020

119 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

120 |
    121 |
  • 122 |
  • 123 |
  • 124 |
125 |
126 |
127 |

Diseño web

128 |

2018-2020

129 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

130 |
    131 |
  • 132 |
  • 133 |
  • 134 |
135 |
136 |
137 |

Diseño web

138 |

2018-2020

139 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

140 |
    141 |
  • 142 |
  • 143 |
  • 144 |
145 |
146 |
147 |

Diseño web

148 |

2018-2020

149 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

150 |
    151 |
  • 152 |
  • 153 |
  • 154 |
155 |
156 |
157 |
158 | 159 | 160 |
161 |

Contacto

162 |

Envíame tus dudas

163 |
164 |
165 | 166 | 167 |
168 |
169 | 170 | 171 |
172 |
173 | 174 | 175 |
176 |
177 | 178 | 179 |
180 |
181 | 182 |
183 |
184 |
185 | 186 |
187 | 188 | 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 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 |
Paco Gómez
Edad47Ciudad residenciaValencia
EstudiosSuperioresEspecialidadTelecomunicaciones
AficionCocinaDesporteBaloncesto
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 | Foto Luís Martínez 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 |
Paco Gómez
Edad47Ciudad residenciaValencia
EstudiosSuperioresEspecialidadTelecomunicaciones
AficionCocinaDesporteBaloncesto
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 | Foto Luís Martínez 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 |
Paco Gómez
Edad47Ciudad residenciaValencia
EstudiosSuperioresEspecialidadTelecomunicaciones
AficionCocinaDesporteBaloncesto
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 | Foto Luís Martínez 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 |
Paco Gómez
Edad47Ciudad residenciaValencia
EstudiosSuperioresEspecialidadTelecomunicaciones
AficionCocinaDesporteBaloncesto
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 | Foto Luís Martínez 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 |
Paco Gómez
Edad47Ciudad residenciaValencia
EstudiosSuperioresEspecialidadTelecomunicaciones
AficionCocinaDesporteBaloncesto
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 | Foto Luís Martínez 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 |
Paco Gómez
Edad47Ciudad residenciaValencia
EstudiosSuperioresEspecialidadTelecomunicaciones
AficionCocinaDesporteBaloncesto
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 | Foto Luís Martínez 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 |
Paco Gómez
Edad47Ciudad residenciaValencia
EstudiosSuperioresEspecialidadTelecomunicaciones
AficionCocinaDesporteBaloncesto
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 | Foto Luís Martínez 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 |
Paco Gómez
Edad47Ciudad residenciaValencia
EstudiosSuperioresEspecialidadTelecomunicaciones
AficionCocinaDesporteBaloncesto
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 | Foto Luís Martínez 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 |
Paco Gómez
Edad47Ciudad residenciaValencia
EstudiosSuperioresEspecialidadTelecomunicaciones
AficionCocinaDesporteBaloncesto
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 |
13 | 14 |
15 |
16 | 17 |
18 |

CV Extendido

19 |

Datos personales

20 | Foto Luís Martínez 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 |
Paco Gómez
Edad47Ciudad residenciaValencia
EstudiosSuperioresEspecialidadTelecomunicaciones
AficionCocinaDesporteBaloncesto
46 |
47 | 48 | 49 |
50 |

Experiencia

51 |
52 |

Producción BSO corto animación

53 |
    54 |
  • 55 |
  • 56 |
  • 57 |
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 |
13 | 14 | 21 |
22 |
23 | 24 |
25 |

CV Extendido

26 |

Datos personales

27 | Foto Luís Martínez 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 |
Paco Gómez
Edad47Ciudad residenciaValencia
EstudiosSuperioresEspecialidadTelecomunicaciones
AficionCocinaDesporteBaloncesto
53 |
54 | 55 | 56 |
57 |

Experiencia

58 |
59 |

Producción BSO corto animación

60 |
    61 |
  • 62 |
  • 63 |
  • 64 |
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 | 23 |
24 | 25 |
26 |

Luís Martínez

27 |

#programador

28 |

#músico

29 | 35 |
36 | 37 | 38 |
39 |
Foto Luís Martínez
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 |
45 |
46 |
47 | 48 | 49 |
50 |

Portfolio

51 |

Una mirada mas allá del texto

52 |
53 |
54 | 58 |

musica

59 |

concierto benicassim

60 |
61 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

62 |
63 |
64 |
65 | 66 |

musica

67 |

concierto benicassim

68 |
69 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

70 |
71 |
72 |
73 | Portfolio 3 74 |

musica

75 |

concierto benicassim

76 |
77 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

78 |
79 |
80 |
81 | Portfolio 4 82 |

musica

83 |

concierto benicassim

84 |
85 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

86 |
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 |
    101 |
  • 102 |
  • 103 |
  • 104 |
105 |
106 |
107 |

Diseño web

108 |

2018-2020

109 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

110 |
    111 |
  • 112 |
  • 113 |
  • 114 |
115 |
116 |
117 |

Diseño web

118 |

2018-2020

119 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

120 |
    121 |
  • 122 |
  • 123 |
  • 124 |
125 |
126 |
127 |

Diseño web

128 |

2018-2020

129 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

130 |
    131 |
  • 132 |
  • 133 |
  • 134 |
135 |
136 |
137 |

Diseño web

138 |

2018-2020

139 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

140 |
    141 |
  • 142 |
  • 143 |
  • 144 |
145 |
146 |
147 |

Diseño web

148 |

2018-2020

149 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

150 |
    151 |
  • 152 |
  • 153 |
  • 154 |
155 |
156 |
157 |
158 | 159 | 160 |
161 |

Contacto

162 |

Envíame tus dudas

163 |
164 |
165 | 166 | 167 |
168 |
169 | 170 | 171 |
172 |
173 | 174 | 175 |
176 |
177 | 178 | 179 |
180 |
181 | 182 |
183 |
184 |
185 | 186 |
187 | 188 | 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 |
13 | 14 | 21 |
22 |
23 | 24 |
25 |

CV Extendido

26 |

Datos personales

27 |
28 |
Foto Luís Martínez
29 |
30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 |
Edad47Ciudad residenciaValencia
EstudiosSuperioresEspecialidadTelecomunicaciones
AficionCocinaDesporteBaloncesto
52 |
53 |
54 |
55 | 56 | 57 |
58 |

Experiencia

59 |
60 |

Producción BSO corto animación

61 |
    62 |
  • 63 |
  • 64 |
  • 65 |
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 | 23 |
24 | 25 |
26 |

Luís Martínez

27 |

#programador

28 |

#músico

29 | 35 |
36 | 37 | 38 |
39 |
Foto Luís Martínez
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 |
45 |
46 |
47 | 48 | 49 |
50 |

Portfolio

51 |

Una mirada mas allá del texto

52 |
53 |
54 | 58 |

musica

59 |

concierto benicassim

60 |
61 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

62 |
63 |
64 |
65 | 66 |

musica

67 |

concierto benicassim

68 |
69 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

70 |
71 |
72 |
73 | Portfolio 3 74 |

musica

75 |

concierto benicassim

76 |
77 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

78 |
79 |
80 |
81 | Portfolio 4 82 |

musica

83 |

concierto benicassim

84 |
85 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

86 |
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 |
    101 |
  • 102 |
  • 103 |
  • 104 |
105 |
106 |
107 |

Diseño web

108 |

2018-2020

109 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

110 |
    111 |
  • 112 |
  • 113 |
  • 114 |
115 |
116 |
117 |

Diseño web

118 |

2018-2020

119 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

120 |
    121 |
  • 122 |
  • 123 |
  • 124 |
125 |
126 |
127 |

Diseño web

128 |

2018-2020

129 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

130 |
    131 |
  • 132 |
  • 133 |
  • 134 |
135 |
136 |
137 |

Diseño web

138 |

2018-2020

139 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

140 |
    141 |
  • 142 |
  • 143 |
  • 144 |
145 |
146 |
147 |

Diseño web

148 |

2018-2020

149 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

150 |
    151 |
  • 152 |
  • 153 |
  • 154 |
155 |
156 |
157 |
158 | 159 | 160 |
161 |

Contacto

162 |

Envíame tus dudas

163 |
164 |
165 | 166 | 167 |
168 |
169 | 170 | 171 |
172 |
173 | 174 | 175 |
176 |
177 | 178 | 179 |
180 |
181 | 182 |
183 |
184 |
185 | 186 |
187 | 188 | 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 |
13 | 14 | 21 |
22 |
23 | 24 |
25 |

CV Extendido

26 |

Datos personales

27 |
28 |
Foto Luís Martínez
29 |
30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 |
Edad47Ciudad residenciaValencia
EstudiosSuperioresEspecialidadTelecomunicaciones
AficionCocinaDesporteBaloncesto
52 |
53 |
54 |
55 | 56 | 57 |
58 |

Experiencia

59 |
60 |

Producción BSO corto animación

61 |
    62 |
  • 63 |
  • 64 |
  • 65 |
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 | Universidad 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 | Universidad 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 | Universidad 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 | Universidad 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 | Universidad 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 | Universidad 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 | 23 |
24 | 25 |
26 |

Luís Martínez

27 |

#programador

28 |

#músico

29 | 35 |
36 | 37 | 38 |
39 |
Foto Luís Martínez
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 |
45 |
46 |
47 | 48 | 49 |
50 |

Portfolio

51 |

Una mirada mas allá del texto

52 |
53 |
54 | 58 |

musica

59 |

concierto benicassim

60 |
61 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

62 |
63 |
64 |
65 | 66 |

musica

67 |

concierto benicassim

68 |
69 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

70 |
71 |
72 |
73 | Portfolio 3 74 |

musica

75 |

concierto benicassim

76 |
77 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

78 |
79 |
80 |
81 | Portfolio 4 82 |

musica

83 |

concierto benicassim

84 |
85 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

86 |
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 |
    101 |
  • 102 |
  • 103 |
  • 104 |
105 |
106 |
107 |

Diseño web

108 |

2018-2020

109 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

110 |
    111 |
  • 112 |
  • 113 |
  • 114 |
115 |
116 |
117 |

Diseño web

118 |

2018-2020

119 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

120 |
    121 |
  • 122 |
  • 123 |
  • 124 |
125 |
126 |
127 |

Diseño web

128 |

2018-2020

129 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

130 |
    131 |
  • 132 |
  • 133 |
  • 134 |
135 |
136 |
137 |

Diseño web

138 |

2018-2020

139 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

140 |
    141 |
  • 142 |
  • 143 |
  • 144 |
145 |
146 |
147 |

Diseño web

148 |

2018-2020

149 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

150 |
    151 |
  • 152 |
  • 153 |
  • 154 |
155 |
156 |
157 |
158 | 159 | 160 |
161 |

Contacto

162 |

Envíame tus dudas

163 |
164 |
165 | 166 | 167 |
168 |
169 | 170 | 171 |
172 |
173 | 174 | 175 |
176 |
177 | 178 | 179 |
180 |
181 | 182 |
183 |
184 |
185 | 186 |
187 | 188 | 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 |
13 | 14 | 21 |
22 |
23 | 24 |
25 |

CV Extendido

26 |

Datos personales

27 |
28 |
Foto Luís Martínez
29 |
30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 |
Edad47Ciudad residenciaValencia
EstudiosSuperioresEspecialidadTelecomunicaciones
AficionCocinaDesporteBaloncesto
52 |
53 |
54 |
55 | 56 | 57 |
58 |

Experiencia

59 |
60 |

Producción BSO corto animación

61 |
    62 |
  • 63 |
  • 64 |
  • 65 |
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 | Universidad 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 | Universidad 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 | Universidad 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 | Universidad 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 | Universidad 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 | Universidad 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 |

Enviar comentario

115 |
116 |
117 | 118 | 119 |
120 |
121 | 122 | 127 |
128 |
129 | 130 | 131 |
132 |
133 | 134 |
135 |
136 |
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 | 23 |
24 | 25 |
26 |

Luís Martínez

27 |

#programador

28 |

#músico

29 | 35 |
36 | 37 | 38 |
39 |
Foto Luís Martínez
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 |
45 |
46 |
47 | 48 | 49 |
50 |

Portfolio

51 |

Una mirada mas allá del texto

52 |
53 |
54 | 58 |

musica

59 |

concierto benicassim

60 |
61 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

62 |
63 |
64 |
65 | 66 |

musica

67 |

concierto benicassim

68 |
69 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

70 |
71 |
72 |
73 | Portfolio 3 74 |

musica

75 |

concierto benicassim

76 |
77 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

78 |
79 |
80 |
81 | Portfolio 4 82 |

musica

83 |

concierto benicassim

84 |
85 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

86 |
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 |
    101 |
  • 102 |
  • 103 |
  • 104 |
105 |
106 |
107 |

Diseño web

108 |

2018-2020

109 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

110 |
    111 |
  • 112 |
  • 113 |
  • 114 |
115 |
116 |
117 |

Diseño web

118 |

2018-2020

119 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

120 |
    121 |
  • 122 |
  • 123 |
  • 124 |
125 |
126 |
127 |

Diseño web

128 |

2018-2020

129 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

130 |
    131 |
  • 132 |
  • 133 |
  • 134 |
135 |
136 |
137 |

Diseño web

138 |

2018-2020

139 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

140 |
    141 |
  • 142 |
  • 143 |
  • 144 |
145 |
146 |
147 |

Diseño web

148 |

2018-2020

149 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

150 |
    151 |
  • 152 |
  • 153 |
  • 154 |
155 |
156 |
157 |
158 | 159 | 160 |
161 |

Contacto

162 |

Envíame tus dudas

163 |
164 |
165 | 166 | 167 |
168 |
169 | 170 | 171 |
172 |
173 | 174 | 175 |
176 |
177 | 178 | 179 |
180 |
181 | 182 |
183 |
184 |
185 | 186 |
187 | 188 | 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 |
13 | 14 | 21 |
22 |
23 | 24 |
25 |

CV Extendido

26 |

Datos personales

27 |
28 |
29 | 30 |
31 |
32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 |
Edad47Ciudad residenciaValencia
EstudiosSuperioresEspecialidadTelecomunicaciones
AficionCocinaDesporteBaloncesto
54 |
55 | 56 |
57 |
58 | 59 | 60 |
61 |

Experiencia

62 |
63 |

Producción BSO corto animación

64 |
    65 |
  • 66 |
  • 67 |
  • 68 |
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 | Universidad 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 | Universidad 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 | Universidad 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 | Universidad 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 | Universidad 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 | Universidad 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 |
117 |

Enviar comentario

118 |
119 |
120 | 121 | 122 |
123 |
124 | 125 | 130 |
131 |
132 | 133 | 134 |
135 |
136 | 137 |
138 |
139 |
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 | 23 |
24 | 25 |
26 |

Luís Martínez

27 |

#programador

28 |

#músico

29 | 35 |
36 | 37 | 38 |
39 |
Foto Luís Martínez
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 |
45 |
46 |
47 | 48 | 49 |
50 |

Portfolio

51 |

Una mirada mas allá del texto

52 |
53 |
54 | 58 |

musica

59 |

concierto benicassim

60 |
61 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

62 |
63 |
64 |
65 | 66 |

musica

67 |

concierto benicassim

68 |
69 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

70 |
71 |
72 |
73 | Portfolio 3 74 |

musica

75 |

concierto benicassim

76 |
77 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

78 |
79 |
80 |
81 | Portfolio 4 82 |

musica

83 |

concierto benicassim

84 |
85 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

86 |
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 |
    101 |
  • 102 |
  • 103 |
  • 104 |
105 |
106 |
107 |

Diseño web

108 |

2018-2020

109 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

110 |
    111 |
  • 112 |
  • 113 |
  • 114 |
115 |
116 |
117 |

Diseño web

118 |

2018-2020

119 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

120 |
    121 |
  • 122 |
  • 123 |
  • 124 |
125 |
126 |
127 |

Diseño web

128 |

2018-2020

129 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

130 |
    131 |
  • 132 |
  • 133 |
  • 134 |
135 |
136 |
137 |

Diseño web

138 |

2018-2020

139 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

140 |
    141 |
  • 142 |
  • 143 |
  • 144 |
145 |
146 |
147 |

Diseño web

148 |

2018-2020

149 |

Lorem ipsum dolor sit amet consectetur adipisicing elit.

150 |
    151 |
  • 152 |
  • 153 |
  • 154 |
155 |
156 |
157 |
158 | 159 | 160 |
161 |

Contacto

162 |

Envíame tus dudas

163 |
164 |
165 | 166 | 167 |
168 |
169 | 170 | 171 |
172 |
173 | 174 | 175 |
176 |
177 | 178 | 179 |
180 |
181 | 182 |
183 |
184 |
185 | 186 |
187 | 188 | 194 | 195 | -------------------------------------------------------------------------------- /soluciones/imagenes/about-img.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mastermindac/curso-html-css-basico/30d8f7cd7e0c013f9702812b9e1a6111c04de573/soluciones/imagenes/about-img.png --------------------------------------------------------------------------------