diff --git a/P1/2c-template.css b/P1/2c-template.css index 32dd33e..74dbb2c 100644 --- a/P1/2c-template.css +++ b/P1/2c-template.css @@ -3,13 +3,18 @@ /* Así definimos el comportamiento de caja para todos los elementos */ body { background: no-repeat; - background-image: url(Fondo3.jpeg); + background-image: url(FondoFinal.jpg); background-size: cover; } * { box-sizing: border-box; } - + +@font-face { + font-family: "PokemonBlanco"; + src: url("LetraPokemon.ttf"); +} + /* Crear columnas de ancho diferente que se colocan una a continuación de la otra */ .columna { float: left; @@ -25,35 +30,101 @@ width: 25%; width: 75%; } +/* Cabeceras */ +h1 { + font-family:"PokemonBlanco"; + font-size: 50px; + text-align: center; + text-shadow:4px 4px #ffcb51; + /* border-bottom: none; */ + padding: 10px; + margin: 50px; + margin-bottom: 0px; + } + +.titulo{ + font-family:"PokemonBlanco"; + font-size: 20px; + text-align: center; + text-shadow:4px 4px #ffcb51; + border-bottom: #ffcb51 10px double; + /* border-bottom: none; */ + padding: 0px; + margin: 50px; + margin-bottom: 0px; + +} +.referencias{ + font-family:"PokemonBlanco"; + font-size: 20px; + text-align: center; + text-shadow:4px 4px #ffcb51; + padding: 0px; + margin: 50px; + margin-bottom: 0px; + width: 90% + +} +.parrafos{ + font-family:"PokemonBlanco"; + font-size: 10px; + color: rgb(255, 255, 255); + text-align: left; + /* border-bottom: #ffcb51 10px double; */ + /* border-bottom: none; */ + padding: 0px; + margin: 10px; + margin-bottom: 0px; + +} +.video{ + text-align: center; +} /* Clear floats despues de las columnas para eliminar la superposición */ -.filla:after { +.fila:after { content: ""; display: table; clear: both; } #c1 { - background-color: rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, 0.7); + border: #ffcb51 10px double; + padding: 10px; } #c2 { - background-color: rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, 0.7); + border: #ffcb51 10px double; + padding: 10px; } /* estilos para imágenes https://www.w3schools.com/css/css3_images.asp */ /* posicionamiento de imágenes https://www.w3schools.com/css/css_positioning.asp */ + img { width: 100%; height: auto; + margin-bottom: 0px } -.iresponsive { - padding: 0 6px; +.imagen { float: left; - width: 50%; + width: 100%; + border: #ffcb51 10px double; + margin: 0px; + padding: 20px; } + +/* Estilo del gif */ +.gif{ + position: absolute; + left:260px; +} + + /* Responsive layout - cuando el ancho de pantalla es menor a 600px, muestra las columnas apiladas. */ /* Así conseguimos que el contenido se vea bien en dispositvos móviles */ diff --git a/P1/Casa.webp b/P1/Casa.webp new file mode 100644 index 0000000..f68f99a Binary files /dev/null and b/P1/Casa.webp differ diff --git "a/P1/Cumplea\303\261os.png" "b/P1/Cumplea\303\261os.png" new file mode 100644 index 0000000..1756648 Binary files /dev/null and "b/P1/Cumplea\303\261os.png" differ diff --git a/P1/FondoFinal.jpg b/P1/FondoFinal.jpg new file mode 100644 index 0000000..da93151 Binary files /dev/null and b/P1/FondoFinal.jpg differ diff --git a/P1/Ghechis.png b/P1/Ghechis.png new file mode 100644 index 0000000..f6cc7a8 Binary files /dev/null and b/P1/Ghechis.png differ diff --git a/P1/Insta.png b/P1/Insta.png new file mode 100644 index 0000000..13307cd Binary files /dev/null and b/P1/Insta.png differ diff --git a/P1/LetraPokemon.ttf b/P1/LetraPokemon.ttf new file mode 100644 index 0000000..16ece25 Binary files /dev/null and b/P1/LetraPokemon.ttf differ diff --git a/P1/Mail.png b/P1/Mail.png new file mode 100644 index 0000000..3c4a075 Binary files /dev/null and b/P1/Mail.png differ diff --git a/P1/N_mini.jpg b/P1/N_mini.jpg new file mode 100644 index 0000000..673b1e3 Binary files /dev/null and b/P1/N_mini.jpg differ diff --git a/P1/Pokeball.png b/P1/Pokeball.png new file mode 100644 index 0000000..6023769 Binary files /dev/null and b/P1/Pokeball.png differ diff --git a/P1/TeamPlasma.png b/P1/TeamPlasma.png new file mode 100644 index 0000000..dc45fcf Binary files /dev/null and b/P1/TeamPlasma.png differ diff --git a/P1/Telefono.png b/P1/Telefono.png new file mode 100644 index 0000000..38964e2 Binary files /dev/null and b/P1/Telefono.png differ diff --git a/P1/Twitter.webp b/P1/Twitter.webp new file mode 100644 index 0000000..3bd766b Binary files /dev/null and b/P1/Twitter.webp differ diff --git a/P1/Wikidex.png b/P1/Wikidex.png new file mode 100644 index 0000000..5e1dbfa Binary files /dev/null and b/P1/Wikidex.png differ diff --git a/P1/about.html b/P1/about.html new file mode 100644 index 0000000..e69de29 diff --git a/P1/index.html b/P1/index.html index caaf62d..3decade 100644 --- a/P1/index.html +++ b/P1/index.html @@ -4,36 +4,194 @@ - - CV Dos columnas + + N + -

Diseño de plantilla a dos columnas

+

Natural Harmonia Gropius

-
- N +
+ N +
+ +
+

Contacto

+
+ +
+

+ Telefono + +12 345 678 910 +
+
+ Cumpleaños + 21 de marzo 2001 +
+
+ Dirección + Palacio De N, Liga Pokemón de la region de Teselia +
+
+ Correo + N_love_kyurem@gmail.com +
+
+ Correo Empresa + TeamPlasmaN@gmail.com +
+
+ Instagram + @reshiramxkyurem +
+
+ Twitter + @liberacionpokemon +
+
+ Wikidex + Mi Wikidex +

+ +
+ +
+

Formacion

+
+ +
+

+ Pokeball + Academia Pokemon de Teselia +
+
+ Pokeball + Bachillerato de Ciencias Politicas +
+
+ Pokeball + Universidad Pokemon +
+
+ Pokeball + Master de Periodismo +
+
+

-

-

-
    -
  • Contacto
    • -
  • Formación
    • -
  • Experiencia
    • -
  • Acerca de
    • -
+
+

Experiencia

+
+
+

+ Pokeball + Lider del Equipo Plasma +
+
+ Pokeball + Lider del Movimiento de Liberacion Pokemon +
+
+ Pokeball + Jefe Final +
+
+ Pokeball + Maestro de Dragones +
+
+ Pokeball + Cientifico visionario sobre la Fusion Pokemon +
+
+ Pokeball + Buscador de sus ideales radicales en contra de la ley opresora +

+
+
+ Mas Info +
-

Columna Derecha

+
+

Frases Celebres

+
+
+

+ "¡Mas! ¡Quiero escuchar la voz de tu equipo Pokemon!" +
+
+ "¡No sabia que los Pokemon pudieran decir todo eso!" +
+
+ "Sigo sin poder ver el futuro... El destino del mundo es incierto..." +
+
+ "¡Claro! ¿Como va a sorprenderte algo que ni siquiera entiendes?" +
+
+ "¿Tu crees que los combates pueden servir para conocer mejor a tus Pokemon?" +
+
+ "Amigos heridos… asi son los combates Pokemon" +
+
+ "¡Puedo ver el futuro! ¡Mi victoria sera aplastante!" +
+
+ "¡Nombre del jugador!" +

+
+ +
+

Video Presentación

+
+
+ +
+ +
+

Referencias

+
+ +
+ + + + + + + + + +
+ + Asociacion + + + + Lider Conjunto (Gechis) + +
+ N + + N +
+
+ + +
+
diff --git a/P1/pokeball.ico b/P1/pokeball.ico new file mode 100644 index 0000000..28313df Binary files /dev/null and b/P1/pokeball.ico differ