commit 02ed61699ccf6907858d10c25cb7dd812ff19911 Author: jp.dev Date: Wed Nov 18 01:21:49 2020 -0300 Init repo diff --git a/CursoHTML/01_estructura.html b/CursoHTML/01_estructura.html new file mode 100755 index 0000000..cceff79 --- /dev/null +++ b/CursoHTML/01_estructura.html @@ -0,0 +1,12 @@ + + + + Título del Documento + + + Hola Mundo! +

+ + Siguiente--> + + \ No newline at end of file diff --git a/CursoHTML/02_comentarios.html b/CursoHTML/02_comentarios.html new file mode 100755 index 0000000..f39167d --- /dev/null +++ b/CursoHTML/02_comentarios.html @@ -0,0 +1,20 @@ + + + + Comentarios + + + Este es un contenido en el body + + + Ingreso mas contenido +

+ + <--Anterior + Siguiente--> + + \ No newline at end of file diff --git a/CursoHTML/03_encabezados.html b/CursoHTML/03_encabezados.html new file mode 100755 index 0000000..1da6a33 --- /dev/null +++ b/CursoHTML/03_encabezados.html @@ -0,0 +1,19 @@ + + + + Encabezados + + + Texto Antes del título +

Encabezado 1

Encabezado 2

Encabezado 3

Encabezado 4

Encabezado 5

Encabezado 6

+ + <--Anterior + Siguiente--> + + \ No newline at end of file diff --git a/CursoHTML/04_parrafos.html b/CursoHTML/04_parrafos.html new file mode 100755 index 0000000..c40c1ae --- /dev/null +++ b/CursoHTML/04_parrafos.html @@ -0,0 +1,25 @@ + + + + Párrafos + + +

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium, earum, sed sunt neque nemo culpa + voluptatibus esse quis repudiandae iure veniam atque ratione enim optio iusto. Omnis assumenda modi dicta.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, dolorum, deleniti veniam harum asperiores + hic optio illum ipsum velit et modi consequatur tempora possimus at excepturi porro corporis quidem id!Lorem + ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, nam expedita id numquam amet suscipit eius + culpa incidunt. Veritatis, ad ipsum aliquid quisquam nemo quis non ex ducimus vero eveniet.Lorem ipsum dolor + sit amet, consectetur adipisicing elit. Omnis, a, sapiente in voluptatem beatae architecto tenetur asperiores + incidunt pariatur officia consequatur iste nihil iusto libero nulla molestiae et explicabo dicta.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, provident, at mollitia iusto quisquam + soluta minima facilis esse laudantium harum perspiciatis distinctio modi voluptatibus quis quo voluptate + eveniet! Dolor, animi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus, suscipit quod + praesentium! Tempore, sint, dolorum, officia porro adipisci autem rem soluta sequi quos quis sed maiores ad + perferendis neque modi.

+ + <--Anterior + Siguiente--> + + \ No newline at end of file diff --git a/CursoHTML/05_elementos_vacios.html b/CursoHTML/05_elementos_vacios.html new file mode 100755 index 0000000..b84f9f7 --- /dev/null +++ b/CursoHTML/05_elementos_vacios.html @@ -0,0 +1,21 @@ + + + + + Elementos Vacíos + + +

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga, animi, perferendis, magni illo nam quod consequuntur sequi sit maxime eius tempora aspernatur ea eos veniam veritatis. Omnis, voluptate quis optio. + Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Inventore, soluta, itaque, aperiam aliquid aliquam voluptatum sequi natus a voluptate quo obcaecati eligendi nesciunt dolor unde quod eius nam maiores fuga. + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga, animi, perferendis, magni illo nam quod consequuntur sequi sit maxime eius tempora aspernatur ea eos veniam veritatis. Omnis, voluptate quis optio. +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, soluta, itaque, aperiam aliquid aliquam voluptatum sequi natus a voluptate quo obcaecati eligendi nesciunt dolor unde quod eius nam maiores fuga. +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga, animi, perferendis, magni illo nam quod consequuntur sequi sit maxime eius tempora aspernatur ea eos veniam veritatis.
Omnis, voluptate quis optio. + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, soluta, itaque, aperiam aliquid aliquam voluptatum sequi natus a voluptate quo obcaecati eligendi nesciunt dolor unde quod eius nam maiores fuga.

+ + <--Anterior + Siguiente--> + + \ No newline at end of file diff --git a/CursoHTML/06_elementos_frase.html b/CursoHTML/06_elementos_frase.html new file mode 100755 index 0000000..aa0e315 --- /dev/null +++ b/CursoHTML/06_elementos_frase.html @@ -0,0 +1,31 @@ + + + + + Elementos de frase + + +

Lorem ipsum dolor sit amet, adipisicing elit. Atque, temporibus, + laudantium erum nobis tenetur inciduntr enim quasi cumque earum + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro, non quos ipsa. Ut, + voluptates, reiciendis tempora possimus quae ea porro ab perferendis + voluptatem officiis sapiente similique ex iste aperiam adipisci! + soluta velit quo in molestias blanditiis illo laboriosam esse. Corporis, architecto.

10³

H₂O

+ + officiis sapiente +

+ Cursiva + Negrita + Destacado + Pequeña + ^{Indice Superior} + _{Indice Inferior} +

+ + <--Anterior + Siguiente--> + + \ No newline at end of file diff --git a/CursoHTML/07_elementos_cita.html b/CursoHTML/07_elementos_cita.html new file mode 100755 index 0000000..4c593bc --- /dev/null +++ b/CursoHTML/07_elementos_cita.html @@ -0,0 +1,26 @@ + + + + Elementos de Cita e Indentado + + +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, odit corporis possimus illo reprehenderit. Consectetur, dolor, aperiam, a officia consequatur ducimus dolores iusto velit perferendis soluta asperiores ratione harum tempore. + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, amet, nulla, repellendus, voluptate voluptatum deleniti modi laboriosam nesciunt neque eveniet odio corrupti aliquam inventore earum officiis veritatis omnis quaerat fuga. + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae, in, error, deserunt necessitatibus dolores impedit unde ducimus ab ipsam ipsa dignissimos amet culpa tempora reprehenderit tempore odit consequuntur totam accusantium. + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste rerum facilis ullam ipsum minus. Cumque, dolorem, recusandae saepe velit nobis consectetur eaque quis voluptatibus deserunt eligendi. Veniam, quae quaerat accusamus.

+ Lorem Ipsum dolor sit amet, consectetur adipisicing elit. Minus, Como lo dijo Lorem: alias, similique, neque corrupti esse mollitia earum hic pariatur aliquam iusto repellat ipsam laboriosam vitae repudiandae animi totam vero voluptatem explicabo! + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, at, asperiores, expedita velit eveniet dolore commodi vel facere harum dicta sunt omnis ipsum libero iusto eligendi reprehenderit earum blanditiis voluptates! + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, beatae, a, accusamus assumenda harum veniam similique rerum eum magni placeat deleniti laudantium mollitia amet obcaecati ea blanditiis minus tempore vero. + Lorem Impsum dolor sit amet, consectetur adipisicing elit. Esse, odit, non, aut, in reiciendis similique voluptatem quia corrupti expedita hic necessitatibus repellendus cum natus dignissimos quos quibusdam officiis repudiandae dicta. +

+ + Lorem Impsum, autor del documento, Calle 3 No. 56-96 + +

+ + <--Anterior + Siguiente--> + + \ No newline at end of file diff --git a/CursoHTML/08_atributos.html b/CursoHTML/08_atributos.html new file mode 100755 index 0000000..b8b99ee --- /dev/null +++ b/CursoHTML/08_atributos.html @@ -0,0 +1,24 @@ + + + + Document + + +

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe,
+ obcaecati, et aliquam nesciunt facilis suscipit itaque accusantium.

+ Officia eius labore nisi vel placeat dolores porro veritatis. Autem laborum itaque ipsum!
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, impedit, eaque magnam ut
+ placeat mollitia vel similique earum architecto cupiditate vitae nihil voluptate asperiores quasi numquam eos
+ laudantium quidem tenetur?
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+ Molestias, quibusdam, expedita, animi accusantium fugiat laboriosam placeat
+ rerum maxime soluta officiis dolor repudiandae eligendi quia in necessitatibus aut debitis asperiores ratione.
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, enim, optio, nihil
+ repudiandae dolorum dignissimos dolor hic culpa laboriosam asperiores quod officia accusantium ad nostrum ab s
+ apiente veritatis soluta inventore.

+ + <--Anterior + Siguiente--> + + \ No newline at end of file diff --git a/CursoHTML/09_links.html b/CursoHTML/09_links.html new file mode 100755 index 0000000..c9cf7a4 --- /dev/null +++ b/CursoHTML/09_links.html @@ -0,0 +1,58 @@ + + + + + Links o Vínculos + + +

Hola a Todos!

+ + + + Thanks Link Remoto +

+ https://fossheim.io/writing/ + + Link Local +

+ + Link de Correo +

+ + Link Anclado "Abajo" +

+

+ Link Anclado "Arriba" +

Hasta Pronto!

+ + <--Anterior + Siguiente--> + + + \ No newline at end of file diff --git a/CursoHTML/10_imagenes.html b/CursoHTML/10_imagenes.html new file mode 100755 index 0000000..582ecda --- /dev/null +++ b/CursoHTML/10_imagenes.html @@ -0,0 +1,94 @@ + + + + + Imagenes + + + Comentario alterno que ayuda a describir el contenido de la imagen

Comentario alterno que ayuda a describir el contenido de la imagen

Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Rerum, quaerat, in, eligendi a excepturi dolorem consequuntur tenetur nam accusantium + iste ut quis porro distinctio labore aperiam unde qui vitae commodi.consectetur adipisicing + elit. Eos, error quam obcaecati sunt neque facilis placeat earum tempora aliquam autem odio + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, reprehenderit + excepturi id ipsam incidunt libero dolor nam consequatur tempore dolorum culpa possimus quos + sed aliquid autem quisquam facilis. Alias, eum. + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, reprehenderit + excepturi id ipsam incidunt libero dolor nam consequatur tempore dolorum culpa possimus quos + sed aliquid autem quisquam facilis. Alias, eum. + Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Rerum, quaerat, in, eligendi a excepturi dolorem consequuntur tenetur nam accusantium + iste ut quis porro distinctio labore aperiam unde qui vitae commodi.consectetur adipisicing + elit. Eos, error quam obcaecati sunt neque facilis placeat earum tempora aliquam autem odio + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, reprehenderit + excepturi id ipsam incidunt libero dolor nam consequatur tempore dolorum culpa possimus quos + sed aliquid autem quisquam facilis. Alias, eum. + laboriosam totam assumenda amet aperiam voluptatibus dolore minus excepturi + Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, reprehenderit + excepturi id ipsam incidunt libero dolor nam consequatur tempore dolorum culpa possimus quos + sed aliquid autem quisquam facilis. Alias, eum. + Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Rerum, quaerat, in, eligendi a excepturi dolorem consequuntur tenetur nam accusantium + iste ut quis porro distinctio labore aperiam unde qui vitae commodi.consectetur adipisicing + elit. Eos, error quam obcaecati sunt neque facilis placeat earum tempora aliquam autem odio + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, reprehenderit + excepturi id ipsam incidunt libero dolor nam consequatur tempore dolorum culpa possimus quos + sed aliquid autem quisquam facilis. Alias, eum. + laboriosam totam assumenda amet aperiam voluptatibus dolore minus excepturi + Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, reprehenderit + excepturi id ipsam incidunt libero dolor nam consequatur tempore dolorum culpa possimus quos + sed aliquid autem quisquam facilis. Alias, eum. + Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Rerum, quaerat, in, eligendi a excepturi dolorem consequuntur tenetur nam accusantium + iste ut quis porro distinctio labore aperiam unde qui vitae commodi.consectetur adipisicing + elit. Eos, error quam obcaecati sunt neque facilis placeat earum tempora aliquam autem odio + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, reprehenderit + excepturi id ipsam incidunt libero dolor nam consequatur tempore dolorum culpa possimus quos + sed aliquid autem quisquam facilis. Alias, eum. + laboriosam totam assumenda amet aperiam voluptatibus dolore minus excepturi + Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Rerum, quaerat, in, eligendi a excepturi dolorem consequuntur tenetur nam accusantium + iste ut quis porro distinctio labore aperiam unde qui vitae commodi.consectetur adipisicing + elit. Eos, error quam obcaecati sunt neque facilis placeat earum tempora aliquam autem odio + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, reprehenderit + excepturi id ipsam incidunt libero dolor nam consequatur tempore dolorum culpa possimus quos + sed aliquid autem quisquam facilis. Alias, eum. + Rerum, quaerat, in, eligendi a excepturi dolorem consequuntur tenetur nam accusantium + iste ut quis porro distinctio labore aperiam unde qui vitae commodi.consectetur adipisicing + elit. Eos, error quam obcaecati sunt neque facilis placeat earum tempora aliquam autem odio + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, reprehenderit + excepturi id ipsam incidunt libero dolor nam consequatur tempore dolorum culpa possimus quos + sed aliquid autem quisquam facilis. Alias, eum. + Rerum, quaerat, in, eligendi a excepturi dolorem consequuntur tenetur nam accusantium + iste ut quis porro distinctio labore aperiam unde qui vitae commodi.consectetur adipisicing + elit. Eos, error quam obcaecati sunt neque facilis placeat earum tempora aliquam autem odio + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, reprehenderit + excepturi id ipsam incidunt libero dolor nam consequatur tempore dolorum culpa possimus quos + sed aliquid autem quisquam facilis. Alias, eum. + Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Rerum, quaerat, in, eligendi a excepturi dolorem consequuntur tenetur nam accusantium + iste ut quis porro distinctio labore aperiam unde qui vitae commodi.consectetur adipisicing + elit. Eos, error quam obcaecati sunt neque facilis placeat earum tempora aliquam autem odio + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, reprehenderit + excepturi id ipsam incidunt libero dolor nam consequatur tempore dolorum culpa possimus quos + sed aliquid autem quisquam facilis. Alias, eum. + laboriosam totam assumenda amet aperiam voluptatibus dolore minus excepturi + Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Rerum, quaerat, in, eligendi a excepturi dolorem consequuntur tenetur nam accusantium + iste ut quis porro distinctio labore aperiam unde qui vitae commodi.consectetur adipisicing + elit. Eos, error quam obcaecati sunt neque facilis placeat earum tempora aliquam autem odio + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, reprehenderit + excepturi id ipsam incidunt libero dolor nam consequatur tempore dolorum culpa possimus quos + sed aliquid autem quisquam facilis. Alias, eum. + laboriosam totam assumenda amet aperiam voluptatibus dolore minus excepturi + laboriosam totam assumenda amet aperiam voluptatibus dolore minus excepturi.

+ + <--Anterior + Siguiente--> + + \ No newline at end of file diff --git a/CursoHTML/11_link-imagen.html b/CursoHTML/11_link-imagen.html new file mode 100755 index 0000000..53f5cb1 --- /dev/null +++ b/CursoHTML/11_link-imagen.html @@ -0,0 +1,16 @@ + + + + + Links - Imagenes + + + +

+ +

+ + <--Anterior + Siguiente--> + + \ No newline at end of file diff --git a/CursoHTML/12_listas.html b/CursoHTML/12_listas.html new file mode 100755 index 0000000..e31b9c8 --- /dev/null +++ b/CursoHTML/12_listas.html @@ -0,0 +1,53 @@ + + + + + Listas + + + + +

Elemento 1
Elemento 2
Elemento 3
Elemento 4
Elemento 5

+ + +

Elemento 1
Elemento 2
Elemento 3
Elemento 4
Elemento 5

Elemento 1
Elemento 2
Elemento 3

Elemento 1
Elemento 2
Elemento 3
Elemento 4
Elemento 5

Elemento 4
Elemento 5

+ +

Photochop: Software para hacer shops helados con la justa espuma.
GIMP: Software para hacer harinaos o navegaos como un profesional.
Presidento: Mierda de Presidente, para una mierda de Pueblo

+ +

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/13_tablas.html b/CursoHTML/13_tablas.html new file mode 100755 index 0000000..c129ce3 --- /dev/null +++ b/CursoHTML/13_tablas.html @@ -0,0 +1,45 @@ + + + + + Document + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Tabla de Posiciones
Equipo	Puntos
Rojo	16
Amarillo	15
Azul	7
Naranja	7
Posiciones luego de 6 partidos

+ +

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/14_div-span.html b/CursoHTML/14_div-span.html new file mode 100755 index 0000000..fd12f83 --- /dev/null +++ b/CursoHTML/14_div-span.html @@ -0,0 +1,29 @@ + + + + + DIV / SPAN + + +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam, hic nobis perferendis + quidem quia sint accusamus? Similique, ex, ut reprehenderit saepe doloribus modi quasi + amet facilis consequuntur corporis molestiae incidunt. Lorem ipsum dolor sit amet, + consectetur adipisicing elit. Eveniet, ex, quis, atque ab est corporis officiis + perspiciatis obcaecati dicta nobis cum aspernatur reprehenderit eligendi laborum aliquid. + Id, molestiae vitae quos. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias + saepe vero ex totam quas. Dolores, suscipit corrupti praesentium perferendis reiciendis + ratione at officia accusamus inventore eos. Cupiditate, porro obcaecati perferendis. + Delectus, laudantium veritatis vel at aliquid consequuntur quia aspernatur ipsam voluptates + itaque voluptatem impedit officiis a eligendi obcaecati enim ipsum dignissimos. Eaque + dignissimos cum facilis suscipit nulla rem laudantium id. + Fuga, exercitationem, voluptatibus labore dicta sit quos. Modi, maiores, earum, nostrum, + obcaecati voluptatibus iure possimus perspiciatis iste nesciunt officia ea voluptate + inventore ullam tenetur voluptatem ad repellendus saepe sunt recusandae. +

+ +

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/15_iframe.html b/CursoHTML/15_iframe.html new file mode 100755 index 0000000..a34aab4 --- /dev/null +++ b/CursoHTML/15_iframe.html @@ -0,0 +1,17 @@ + + + + + Document + + + + +

+ Ir a documento de cita
+ Ir a Google + +

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/16_caracteres.html b/CursoHTML/16_caracteres.html new file mode 100755 index 0000000..1c42f3d --- /dev/null +++ b/CursoHTML/16_caracteres.html @@ -0,0 +1,14 @@ + + + + + Caracteres Especiales + + + < > & ¢ £ ¥ € © ® ™ × ÷ + + +

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/17_formularios.html b/CursoHTML/17_formularios.html new file mode 100755 index 0000000..4ee4fee --- /dev/null +++ b/CursoHTML/17_formularios.html @@ -0,0 +1,60 @@ + + + + + Formularios + + + + + +

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/18_Script1.html b/CursoHTML/18_Script1.html new file mode 100755 index 0000000..e3c78f6 --- /dev/null +++ b/CursoHTML/18_Script1.html @@ -0,0 +1,16 @@ + + + + + Script 1 + + +

Script --------------------->

+ + +

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/18_Script2.html b/CursoHTML/18_Script2.html new file mode 100755 index 0000000..6730a24 --- /dev/null +++ b/CursoHTML/18_Script2.html @@ -0,0 +1,14 @@ + + + + + Script 2 + + + +

Script 2 ------------------->

+ +

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/19_cabecera.html b/CursoHTML/19_cabecera.html new file mode 100755 index 0000000..c08e16f --- /dev/null +++ b/CursoHTML/19_cabecera.html @@ -0,0 +1,25 @@ + + + + + + + + + + Elementos de la cabecera + + + Hola desde el body!
+ en 5 segundos esta pagina se redirigirá a google.cl
+ Pulsa la tecla ESC para cancelar. + +

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/20_doctype.html b/CursoHTML/20_doctype.html new file mode 100755 index 0000000..dd1219e --- /dev/null +++ b/CursoHTML/20_doctype.html @@ -0,0 +1,26 @@ + + + + + + + + Ejemplos Doctype + +

El título del documento(h2)

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/31_Fuente.html b/CursoHTML/31_Fuente.html new file mode 100755 index 0000000..b586a99 --- /dev/null +++ b/CursoHTML/31_Fuente.html @@ -0,0 +1,23 @@ + + + + Propiedades - Fuente + + + +

El título del documento(h2)

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, est, error obcaecati tempora accusantium deserunt + libero labore cumque itaque reprehenderit repellat tenetur eaque doloremque ipsa sit aliquid veniam in cum. Lorem + ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, culpa, blanditiis! Incidunt, facere, molestias + optio obcaecati atque molestiae iure labore ut rem perspiciatis corrupti voluptatum beatae officiis eius consectetur + ullam. +

+ +

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/35_Cuadro_2.html b/CursoHTML/35_Cuadro_2.html new file mode 100755 index 0000000..822ce72 --- /dev/null +++ b/CursoHTML/35_Cuadro_2.html @@ -0,0 +1,22 @@ + + + + Propiedades - Cuadro 2 + + + +

Este es un parrafo, no uno cualquiera, uno de los mejores al lado del cuadro

+ +

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/36_Display.html b/CursoHTML/36_Display.html new file mode 100755 index 0000000..59a313e --- /dev/null +++ b/CursoHTML/36_Display.html @@ -0,0 +1,27 @@ + + + + Propiedades - Display + + + +

Este es el div1

Este es el div2

Este es el div3

Este sería un subtitulo Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, accusantium, + temporibus est dolorum cupiditate recusandae maiores nulla delectus architecto praesentium soluta enim laudantium + blanditiis modi omnis doloribus quasi. Doloribus, deserunt. Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Inventore, magni, optio officiis porro velit et ipsa tenetur amet eligendi ipsum cum accusantium autem vel quidem + mollitia maiores ducimus molestias libero!. Consectetur adipisicing elit. Magnam, odit, pariatur consequatur autem + nostrum doloremque rem laborum accusantium esse eveniet temporibus natus ab optio sed quidem soluta libero animi similique. + Consectetur repellat ut itaque similique cum illum sequi placeat error. Consequuntur tenetur rerum cupiditate ratione + reiciendis! Qui, facilis, dignissimos sapiente labore ex consectetur mollitia architecto iste quod amet laborum aperiam? + Illum, sit, excepturi cupiditate iure molestiae in asperiores id nostrum minus praesentium quos quam quo! Deserunt, + quibusdam, quidem, numquam nostrum rem fuga dolorem architecto officiis quas vel corrupti rerum porro! + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et nulla suscipit reiciendis delectus quaerat. Aliquam, + dolorum a deleniti id aspernatur officia aut veniam harum doloremque natus dolores obcaecati delectus accusamus.

+ +

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/37_Listas.html b/CursoHTML/37_Listas.html new file mode 100755 index 0000000..a83914a --- /dev/null +++ b/CursoHTML/37_Listas.html @@ -0,0 +1,19 @@ + + + + Propiedades - Listas + + + +

Elemento
Elemento
Elemento
Elemento
Elemento

+ +

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/38_Tablas.html b/CursoHTML/38_Tablas.html new file mode 100755 index 0000000..2777192 --- /dev/null +++ b/CursoHTML/38_Tablas.html @@ -0,0 +1,20 @@ + + + + Propiedades - Tablas + + + + + + + + + + +

1	2
3

+ +

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/39_Position.html b/CursoHTML/39_Position.html new file mode 100755 index 0000000..2d75ebb --- /dev/null +++ b/CursoHTML/39_Position.html @@ -0,0 +1,31 @@ + + + + Propiedades - Posición + + + +

+ +

Fija

+ +

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat, vitae, + voluptatem placeat iusto nemo architecto error maiores nostrum a vel perferendis temporibus + facilis dolor possimus fugit consectetur doloribus quibusdam sed. + Autem, laborum

+ +

Cuadro

+ +

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores, atque, magnam, laboriosam + a rerum mollitia dolore quo illo dolorem expedita nulla eius quibusdam. Odio, mollitia, libero + laboriosam rerum et quae?

+ +

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/39a_Zindex.html b/CursoHTML/39a_Zindex.html new file mode 100755 index 0000000..3a6537c --- /dev/null +++ b/CursoHTML/39a_Zindex.html @@ -0,0 +1,16 @@ + + + + Propiedades - Z index + + + +

Div 1

Div 2

+ +

+

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/40_Float.html b/CursoHTML/40_Float.html new file mode 100755 index 0000000..79e39e7 --- /dev/null +++ b/CursoHTML/40_Float.html @@ -0,0 +1,31 @@ + + + + Propiedades - Float + + + +

+ +
+

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/41_Float_vs_display.html b/CursoHTML/41_Float_vs_display.html new file mode 100755 index 0000000..4b9a578 --- /dev/null +++ b/CursoHTML/41_Float_vs_display.html @@ -0,0 +1,31 @@ + + + + Propiedades - Float vs Display + + + +

Uno

Dos

Tres

Cuatro

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores, laudantium, ut, + magni doloremque expedita maiores voluptates in quaerat nulla voluptatum laboriosam + fugiat a dolorem sequi iure quasi cumque. Deleniti, ex! + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores, laudantium, ut, + magni doloremque expedita maiores voluptates in quaerat nulla voluptatum laboriosam + fugiat a dolorem sequi iure quasi cumque. Deleniti, ex! + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores, laudantium, ut, + magni doloremque expedita maiores voluptates in quaerat nulla voluptatum laboriosam + fugiat a dolorem sequi iure quasi cumque. Deleniti, ex! + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores, laudantium, ut, + magni doloremque expedita maiores voluptates in quaerat nulla voluptatum laboriosam + fugiat a dolorem sequi iure quasi cumque. Deleniti, ex! + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores, laudantium, ut, + magni doloremque expedita maiores voluptates in quaerat nulla voluptatum laboriosam + fugiat a dolorem sequi iure quasi cumque. Deleniti, ex!

+ +
+

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/42_Agrupar_Selectores.html b/CursoHTML/42_Agrupar_Selectores.html new file mode 100755 index 0000000..6adc1d8 --- /dev/null +++ b/CursoHTML/42_Agrupar_Selectores.html @@ -0,0 +1,16 @@ + + + + Agrupar Selectores + + + +

Titulo h1

Titulo h2

Titulo h3

+ +
+

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/43_Herencia.html b/CursoHTML/43_Herencia.html new file mode 100755 index 0000000..32d5d48 --- /dev/null +++ b/CursoHTML/43_Herencia.html @@ -0,0 +1,20 @@ + + + + Herencia de Selectores + + + +

Párrafo 1 dentro del div.

Párrafo 2 dentro del div.

Parrafo 3 dentro del div.

Párrafo 4 fuera del div.

Párrafo 5 fuera del div.

+ +
+

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/44_Cursor.html b/CursoHTML/44_Cursor.html new file mode 100755 index 0000000..3bdc5c5 --- /dev/null +++ b/CursoHTML/44_Cursor.html @@ -0,0 +1,14 @@ + + + + Propiedades - Cursor + + + +

Párrafo "HOLA" desde el body.

+ +
+

+ <--Anterior + Siguiente--> + \ No newline at end of file diff --git a/CursoHTML/css/agrupar.css b/CursoHTML/css/agrupar.css new file mode 100755 index 0000000..ef2d219 --- /dev/null +++ b/CursoHTML/css/agrupar.css @@ -0,0 +1,13 @@ +body { + font-family: arial, helvetica, sans-serif; +} +/* +h1 { color: red; } + +h2 { color: red; } + +h3 { color: red; }*/ +h1, h2, h3 { + color: red; + text-decoration: underline; +} \ No newline at end of file diff --git a/CursoHTML/css/cursor.css b/CursoHTML/css/cursor.css new file mode 100755 index 0000000..e78ea92 --- /dev/null +++ b/CursoHTML/css/cursor.css @@ -0,0 +1,8 @@ +body { + font-family: arial, helvetica, sans-serif; +} + +p { + cursor: pointer; /* crosshair, alias... */ +} + diff --git a/CursoHTML/css/display.css b/CursoHTML/css/display.css new file mode 100755 index 0000000..200ce79 --- /dev/null +++ b/CursoHTML/css/display.css @@ -0,0 +1,17 @@ +div { /* elementos de bloque, ocupan todo el espacio horizontal ( la diferencia se muestra vacia)*/ + width: 200px; + height: 200px; + background: #CCC; + display: inline-block; +} + +span { + color: darkgreen; + font-weight: bold; + display: block; +} + +#dos { + /*display: none; oculta el contenido en pantalla, y este no ocupa espacio*/ + visibility: hidden; /* solo lo oculta pero sigue ocupando espacio */ +} \ No newline at end of file diff --git a/CursoHTML/css/estilos.css b/CursoHTML/css/estilos.css new file mode 100755 index 0000000..3548702 --- /dev/null +++ b/CursoHTML/css/estilos.css @@ -0,0 +1,106 @@ +@import url(otrosEstilos.css); +h2 { color: crimson; } +p { color: deeppink } + +/* SELECTOR UNIVERSAL <-- Aplica una caracteristica a TODOS los elementos de un html */ +/** { font-family:arial; } */ + +/* SELECTOR DE TIPO O ETIQUETA <-- Modifica etiquetas especificas del documento HTML */ +span { color: darkgreen; } + +/* SELECTOR CLASS <-- Permiten crear una clase personalizada (class subrayado ejm.).A su vez permite limitar la aplicación de esta clase a un tipo de elemento */ +span.subrayado { text-decoration: underline; } + +/* SELECTOR ID <-- Similar al selector Class, se define con un signo #, y se aplica con id="" */ +h3#mayusculas { text-transform: uppercase; } + +/* SELECTOR PSEUDO-CLASS */ +a:link { color: darkred; } /* Link NO visitado */ +a:visited { color: aquamarine; } /* Link Visitado */ +a:hover { font-weight: bold; text-decoration: none; } /* Cursor sobre el link */ +a:active { color:brown; } /* Link presionado (al hacer click) */ + +/* SELECTOR DE ATRIBUTO */ +img[title]{ width:200px; height:auto; }/* <-- Aplica sobre todos los elementos con el atributo especifico*/ +img[alt="mineral"]{ width: 400px; height: auto;}/* <-- Y también piede aplicar a todos los elementos con el atributo especifico y con un valor especifico del mismo atributo */ +img[alt="fuente"]{ width: 650px; height: auto;} + +/* COLORES CSS + +p{ color:red; } <--- Valores por nombre del color +p{ color: #FF0000; } <--- Valores en notación hexadecimal +p{ color: #F00; } <-- Valores en notación hexadecimal abreviada +p{ color: rgb(255, 0, 0); } <-- Valores en notación RGB +*/ +/* PAGINAS DE AYUDA PARA SELECCIONAR COLORES */ +/* websafecolors.info/color-chart */ +/* www.colors.commutercreative.com/grid/ */ +/* https://color.adobe.com/es/create/color-wheel */ +/* https://css-tricks.com/snippets/css/named-colors-and-hex-equivalents/ */ + +/* FUENTE */ +body { + /*font-family: arial,hevetica,sans-serif; + font-size: 14px; + font-weight: 300; /* 0 = normal, 1000 = bold *//* + font-style: italic; + font-variant: small-caps; + line-height: 1.5; *//* tb puede ser 150% o 50px*/ +/* Shorthand o metodo abreviado (en el sgte orden) */ + font: italic small-caps bold 20px/150% aria, helvetica, sans-serif; +} + +/* TEXTO */ +p { + text-align: justify; /* left, center, right, justify */ + text-indent: 20px; /* número o porcentaje */ + text-transform: capitalize; /* lowercase, uppercase */ + text-decoration: overline; /* line-through, underline, overline, none */ +} + +a { + text-decoration: none; +} + +img { + vertical-align: middle;/* top, middle, bottom, sup, sub....*/ +} + +h2 { + letter-spacing: 15px; /* */ + word-spacing: 30px; +} + +/* FONDO */ +body { /* puede ser en cualquier parte del documento */ + /*background-color: peachpuff;*/ +/* background-image: url(../img/ojo.jpg); + background-repeat: no-repeat; /* repeat, repeat-x*, repeat-y */ +/* background-position: 20% 50%; /* bottom, center, left, right, top, center top, 100px 200px */ +/* background-attachment: fixed; /* como se va a mover segun el contenido{ scroll, fixed } */ +} + +/* CUADRO */ +#cuadro { + width: 400px; /* Define el ancho del elemento*/ + height: 200px; /* Define el alto del elemento*/ + overflow: auto; /* scroll, hidden */ + background: lime; + +/* border-width: 4px; */ +/* border-style: solid; *//* dotted, dash, double, groove, ridge, outset, inset */ +/* border-color: darkblue; */ + border: 4px dashed darkblue; /* border-bottom, border-left..... */ + +/* padding-top: 25px; + padding-bottom: 50px; + padding-left: 50px; + padding-right: 50px;*/ + padding: 25px 50px 50px 50px; /* desde arriba y en sentido horario*/ + +/* margin-top: 80px; + margin-right: 0px; + margin-bottom: 0px; + margin-left: 100px;*/ + margin: 20px 0px 0px 100px; +} \ No newline at end of file diff --git a/CursoHTML/css/float.css b/CursoHTML/css/float.css new file mode 100755 index 0000000..8968cd7 --- /dev/null +++ b/CursoHTML/css/float.css @@ -0,0 +1,24 @@ +body { + font-family: arial, helvetica, sans-serif; + font-size: 14px; +} + +#principal { + width: 800px; + padding: 20px; + border: 2px dashed #3498DB; + margin: 20px auto; + color: #888888; +} + +img { + width: 30%; + height: auto; + margin: 0 20px 10px 0; + float: right; /* left */ +} + +p { + line-height: 1.5; + margin: 0 0 10px 0; +} \ No newline at end of file diff --git a/CursoHTML/css/float2.css b/CursoHTML/css/float2.css new file mode 100755 index 0000000..15be9be --- /dev/null +++ b/CursoHTML/css/float2.css @@ -0,0 +1,26 @@ +/* Float vs Display: Inline-block */ +body { + font-family: arial, helvetica, sans-serif; +} + +#principal { + width: 800px; + padding: 20px; + border: 2px solid #3498DB; /* dashed */ + margin: 20px auto; + color: 888888; +} + +div { + padding: 30px 0; + text-align: center; + width: 25%; + /*float: left;*/ + display: inline-block; /* elementos se comportan como texto */ +} + +#div1 { background: #FFCC00; } +#div2 { background: #99FFAA; } +#div3 { background: #AADDFF; } +#div4 { background: #EEAAFF; } +/* p { clear: both; } /* evita acplamiento ( cuando se usa float)*/ \ No newline at end of file diff --git a/CursoHTML/css/herencia.css b/CursoHTML/css/herencia.css new file mode 100755 index 0000000..58c95ad --- /dev/null +++ b/CursoHTML/css/herencia.css @@ -0,0 +1,13 @@ +body { font-family: arial, helvetica, sans-serif; } + +/* SELECTOR PADRE */ +/*div p { background: #FF0; }*/ + +/* SELECTOR HIJO */ +/*div > p { background: #FF0; }*/ + +/* SELECTOR ADYACENTE GENERAL */ +/*div ~ p { background: #FF0; }*/ + +/* SELECTOR ADYACENTE INMEDIATO */ +div + p { background: #FF0; } \ No newline at end of file diff --git a/CursoHTML/css/listas.css b/CursoHTML/css/listas.css new file mode 100755 index 0000000..f22f0d0 --- /dev/null +++ b/CursoHTML/css/listas.css @@ -0,0 +1,10 @@ +ul { + font-size: 22px; + line-height: 150%; + padding: 50; + border: 1px solid red; + /*list-style-type: lower-greek; /* circle, square, decimal,lower-alpha */ + /*list-style-image: url(../img/arriba.png); + /*list-style-position: inside; /* outside */ + list-style: url(../img/arriba.png) inside; +} \ No newline at end of file diff --git a/CursoHTML/css/otrosEstilos.css b/CursoHTML/css/otrosEstilos.css new file mode 100755 index 0000000..38e709c --- /dev/null +++ b/CursoHTML/css/otrosEstilos.css @@ -0,0 +1 @@ +h3 { color: darkmagenta ;} \ No newline at end of file diff --git a/CursoHTML/css/position.css b/CursoHTML/css/position.css new file mode 100755 index 0000000..6e3eb64 --- /dev/null +++ b/CursoHTML/css/position.css @@ -0,0 +1,40 @@ +/* POSITION + - static + - relative + - absolute + - fixed +Todos los elementos HTML tienen por defecto asignada la posicion "Static" */ + +body { + font-family: arial, helvetica, sans-serif; + padding-bottom: 1200px; +} + +#padre { + width: 600px; + height: 500px; + border: 4px solid #0CC; + margin: 20px auto; + padding: 20px; + position: relative; /* los elementos hijo dependen de la posicion del padre para tomar las coordenadas 0,0 */ +} + +#hijo { + text-align: center; + padding: 50px; + background: rgba(128,128,128,0.7); + font-size: 2em; + position: absolute; /*absolute, relative (si el padre es relative las coordenandas hijo parten del 0,0 del padre)*/ + top: 150px; + left:150px; +} + +#fija { + text-align: center; + padding: 50px; + background: rgba(220,20,128,0.5); + font-size: 2em; + position: fixed; /*posicion fija, no se mueve*/ + top: 50px; + right: 350; +} \ No newline at end of file diff --git a/CursoHTML/css/tablas.css b/CursoHTML/css/tablas.css new file mode 100755 index 0000000..d306ff4 --- /dev/null +++ b/CursoHTML/css/tablas.css @@ -0,0 +1,13 @@ +table { + width: 500px; + height: 500px; + empty-cells: hide; /* hide, show*/ + border-spacing: 15px 30px; + border-collapse: collapse; /* separate por defecto (celdas unidas o separadas) */ +} + +td { + border: 1px solid #08d; + text-align: center; + font-size: 28px; +} \ No newline at end of file diff --git a/CursoHTML/css/zindex.css b/CursoHTML/css/zindex.css new file mode 100755 index 0000000..555dc0b --- /dev/null +++ b/CursoHTML/css/zindex.css @@ -0,0 +1,32 @@ +/* Z-Indez = indice de profundidad */ +body { + font-family: arial, helvetica, sans-serif; +} + +div { + width: 200px; + height: 150px; + padding: 20px; + position: absolute; /* para usar el z index todos los elementos deben tener el mismo tipo de position*/ +} + +#div1 { + background: #FC0; + top: 0; + left: 0; + z-index: 10; +} + +#div2 { + background: #0FC; + top: 50px; + left: 50px; + z-index: 20; +} + +#div3 { + background: #AE0; + top: 100px; + left: 100px; + z-index: 30; +} \ No newline at end of file diff --git a/CursoHTML/img/arriba.png b/CursoHTML/img/arriba.png new file mode 100755 index 0000000..43d8d6c Binary files /dev/null and b/CursoHTML/img/arriba.png differ diff --git a/CursoHTML/img/font-size.png b/CursoHTML/img/font-size.png new file mode 100755 index 0000000..b152046 Binary files /dev/null and b/CursoHTML/img/font-size.png differ diff --git a/CursoHTML/img/modelo-caja.png b/CursoHTML/img/modelo-caja.png new file mode 100755 index 0000000..0ed6b94 Binary files /dev/null and b/CursoHTML/img/modelo-caja.png differ diff --git a/CursoHTML/img/ojo.jpg b/CursoHTML/img/ojo.jpg new file mode 100755 index 0000000..d617b1c Binary files /dev/null and b/CursoHTML/img/ojo.jpg differ diff --git a/CursoHTML/img/roca.jpg b/CursoHTML/img/roca.jpg new file mode 100755 index 0000000..56fd5cc Binary files /dev/null and b/CursoHTML/img/roca.jpg differ diff --git a/CursoHTML/img/workshop.png b/CursoHTML/img/workshop.png new file mode 100755 index 0000000..bac5638 Binary files /dev/null and b/CursoHTML/img/workshop.png differ diff --git a/CursoHTML/js/script.js b/CursoHTML/js/script.js new file mode 100755 index 0000000..30a37fc --- /dev/null +++ b/CursoHTML/js/script.js @@ -0,0 +1 @@ +alert("Hola mundo desde un script externo"); \ No newline at end of file diff --git a/Workshop-CursoHTML/css/estilos.css b/Workshop-CursoHTML/css/estilos.css new file mode 100755 index 0000000..59aa5d2 --- /dev/null +++ b/Workshop-CursoHTML/css/estilos.css @@ -0,0 +1,31 @@ +* { margin: 0; padding: 0; } +body { background: url(../img/fondo.jpg) no-repeat top center; + font-family: arial, helvetica, sans-serif;} +#contenedor { width: 960px; margin: 0 auto; /*border: 1px solid;*/ } +#redes { position: fixed; right: 0; top: 420px; width: 36px;} +#cabecera { position: relative; padding-top: 20px; } +#logo { width: 21%; float: left; color: #FFF; font-size: 34px; + background: url(../img/nube.png) no-repeat left center; padding-left: 4%;} +#menu { width: 75%; float: right; text-align: right; padding-top: 15px;} +#menu ul { list-style: none; } +#menu ul li { display: inline-block; } +#menu ul li a { color: #FFF; text-decoration: none; padding: 5px 20px; font-size: 14px; } +#menu ul li a:hover, #menu ul li a#activo:hover { border-bottom: 2px solid #FFF; } +#menu ul li a#activo { border-bottom: 1px solid #FFF; } +#mensaje { clear: both; height: 340px; position: relative; text-align: center; + color: #FFF; background: url(../img/nube-mensaje.png) no-repeat center 90px; } +#mensaje h2 { position: relative; font-size: 32px; text-transform: uppercase; font-weight: normal; + top: 160px; } +#mensaje p { position: relative; font-size: 18px; top: 170px; letter-spacing: 4px;} +#mensaje a { position: relative; color: #FFF; text-decoration: none; top: 210px; + border: 2px solid #FFF; padding: 10px 30px; font-size: 14px; } +#principal, #footer { padding: 20px 0; } +#principal img { width: 50%; float: right; margin-left: 20px; } +#principal h1 { color: #F60; background: url(../img/nube-naranja.png) no-repeat left center; + padding-left: 30px; margin-bottom: 15px;} +#principal p { font-size: 12px; color: #555; letter-spacing: 1px; line-height: 1.9;} +#principal hr { border: none; border-top: 1px solid #CCC; margin: 25px 0; } +#principal iframe { width: 100%; height: 250px; } +#footer { background: #CCC; text-align: center; position: relative;} +#footer p { color: #555; font-size: 12px; } +#footer img { position: absolute; right: 5px; top: 50%; margin-top: -7.5px;} \ No newline at end of file diff --git a/Workshop-CursoHTML/img/Thumbs.db b/Workshop-CursoHTML/img/Thumbs.db new file mode 100755 index 0000000..7d8f5cc Binary files /dev/null and b/Workshop-CursoHTML/img/Thumbs.db differ diff --git a/Workshop-CursoHTML/img/arriba.png b/Workshop-CursoHTML/img/arriba.png new file mode 100755 index 0000000..43d8d6c Binary files /dev/null and b/Workshop-CursoHTML/img/arriba.png differ diff --git a/Workshop-CursoHTML/img/cc_new.png b/Workshop-CursoHTML/img/cc_new.png new file mode 100755 index 0000000..b8c25e8 Binary files /dev/null and b/Workshop-CursoHTML/img/cc_new.png differ diff --git a/Workshop-CursoHTML/img/facebook.png b/Workshop-CursoHTML/img/facebook.png new file mode 100755 index 0000000..464c96f Binary files /dev/null and b/Workshop-CursoHTML/img/facebook.png differ diff --git a/Workshop-CursoHTML/img/favicon.ico b/Workshop-CursoHTML/img/favicon.ico new file mode 100755 index 0000000..c6ea6ea Binary files /dev/null and b/Workshop-CursoHTML/img/favicon.ico differ diff --git a/Workshop-CursoHTML/img/fondo.jpg b/Workshop-CursoHTML/img/fondo.jpg new file mode 100755 index 0000000..8cb6442 Binary files /dev/null and b/Workshop-CursoHTML/img/fondo.jpg differ diff --git a/Workshop-CursoHTML/img/laptop.jpg b/Workshop-CursoHTML/img/laptop.jpg new file mode 100755 index 0000000..28aab12 Binary files /dev/null and b/Workshop-CursoHTML/img/laptop.jpg differ diff --git a/Workshop-CursoHTML/img/licencia-cc-by-nc-sa.png b/Workshop-CursoHTML/img/licencia-cc-by-nc-sa.png new file mode 100755 index 0000000..0f2a0f1 Binary files /dev/null and b/Workshop-CursoHTML/img/licencia-cc-by-nc-sa.png differ diff --git a/Workshop-CursoHTML/img/nube-mensaje.png b/Workshop-CursoHTML/img/nube-mensaje.png new file mode 100755 index 0000000..954107c Binary files /dev/null and b/Workshop-CursoHTML/img/nube-mensaje.png differ diff --git a/Workshop-CursoHTML/img/nube-naranja.png b/Workshop-CursoHTML/img/nube-naranja.png new file mode 100755 index 0000000..a7ebe4a Binary files /dev/null and b/Workshop-CursoHTML/img/nube-naranja.png differ diff --git a/Workshop-CursoHTML/img/nube.png b/Workshop-CursoHTML/img/nube.png new file mode 100755 index 0000000..009501b Binary files /dev/null and b/Workshop-CursoHTML/img/nube.png differ diff --git a/Workshop-CursoHTML/img/twitter.png b/Workshop-CursoHTML/img/twitter.png new file mode 100755 index 0000000..4147643 Binary files /dev/null and b/Workshop-CursoHTML/img/twitter.png differ diff --git a/Workshop-CursoHTML/index.html b/Workshop-CursoHTML/index.html new file mode 100755 index 0000000..3bd32e8 --- /dev/null +++ b/Workshop-CursoHTML/index.html @@ -0,0 +1,64 @@ + + + + + + + + + + Curso HTML & CSS + + + + +

Logo

+ +

Página modelo HTML & CSS

Workshop aplicación de conocimientos adquiridos en el curso.

+ Leer más +

+ + +

Curso de HTML & CSS

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo natus ut obcaecati + ratione culpa. Voluptas, odit, ut, quidem voluptatem doloribus possimus harum + architecto est ipsum ea quos suscipit facilis temporibus. Optio, nulla, quos, + blanditiis ducimus delectus similique cupiditate perferendis qui error mollitia + ipsam ut accusamus suscipit ab culpa facilis alias eaque quia deleniti dignissimos + iste officiis accusantium quod est reprehenderit laborum distinctio totam voluptas + eum recusandae assumenda doloremque voluptatem aut architecto perspiciatis harum + quo earum doloribus amet ex! Expedita, rem, deleniti, id, architecto cupiditate + debitis quibusdam commodi fugiat nemo accusantium aspernatur quod quis mollitia + tenetur ducimus repellat quam aliquam perspiciatis.

+ +

+ + + \ No newline at end of file diff --git a/Workshop-CursoHTML/wireframe.png b/Workshop-CursoHTML/wireframe.png new file mode 100755 index 0000000..d392ea1 Binary files /dev/null and b/Workshop-CursoHTML/wireframe.png differ