Skip to content

Commit

Permalink
Practica
Browse files Browse the repository at this point in the history
  • Loading branch information
@yamoreno2021
yamoreno2021 committed Feb 29, 2024
1 parent 2d225da commit bb79a69
Show file tree
Hide file tree
Showing 17 changed files with 251 additions and 22 deletions.
87 changes: 79 additions & 8 deletions P1/2c-template.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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 */

Expand Down
Binary file added P1/Casa.webp
View file
Binary file not shown.
Binary file added P1/Cumpleaños.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added P1/FondoFinal.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added P1/Ghechis.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added P1/Insta.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added P1/LetraPokemon.ttf
View file
Binary file not shown.
Binary file added P1/Mail.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added P1/N_mini.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added P1/Pokeball.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added P1/TeamPlasma.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added P1/Telefono.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added P1/Twitter.webp
View file
Binary file not shown.
Binary file added P1/Wikidex.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Empty file added P1/about.html
View file
Empty file.
186 changes: 172 additions & 14 deletions P1/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,36 +4,194 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="icon" href="pokeball.gif" type="image/x-icon">
<title>CV Dos columnas</title>
<link rel="shortcut icon" href="pokeball.gif" sizes="64x64">
<title>N</title>

<!-- Hoja de estilo -->
<link rel="stylesheet" href="2c-template.css">

</head>

<body>

<h2>Diseño de plantilla a dos columnas</h2>
<h1>Natural Harmonia Gropius</h1>

<div class="fila">
<div id="c1" class="columna izquierda">

<div class="iresponsive">
<img id="imgN" src="N.png" alt="N" width="425" height="601">
<div class="imagen">
<img src="N.png" alt="N" width="850" height="1202">
</div>

<div class="titulo">
<h2>Contacto</h2>
</div>

<div class ="parrafos">
<p>
<img src="Telefono.png" alt="Telefono" style="width: 20px">
+12 345 678 910
<br>
<br>
<img src="Cumpleaños.png" alt="Cumpleaños" style="width: 20px">
21 de marzo 2001
<br>
<br>
<img src="Casa.webp" alt="Dirección" style="width: 20px">
Palacio De N, Liga Pokemón de la region de Teselia
<br>
<br>
<img src="Mail.png" alt="Correo" style="width: 20px">
[email protected]
<br>
<br>
<img src="Mail.png" alt="Correo Empresa" style="width: 20px">
[email protected]
<br>
<br>
<img src="Insta.png" alt="Instagram" style="width: 20px">
@reshiramxkyurem
<br>
<br>
<img src="Twitter.webp" alt="Twitter" style="width: 20px">
@liberacionpokemon
<br>
<br>
<img src="Wikidex.png" alt="Wikidex" style="width: 20px">
<a href="https://www.wikidex.net/wiki/N">Mi Wikidex</a>
</p>

</div>

<div class="titulo">
<h2>Formacion</h2>
</div>

<div class ="parrafos">
<p>
<img src="Pokeball.png" alt="Pokeball" style="width: 20px">
Academia Pokemon de Teselia
<br>
<br>
<img src="Pokeball.png" alt="Pokeball" style="width: 20px">
Bachillerato de Ciencias Politicas
<br>
<br>
<img src="Pokeball.png" alt="Pokeball" style="width: 20px">
Universidad Pokemon
<br>
<br>
<img src="Pokeball.png" alt="Pokeball" style="width: 20px">
Master de Periodismo
<br>
<br>
</p>
</div>

<p>
</p>
<ul>
<li>Contacto</li>
<li>Formación</li>
<li>Experiencia</li>
<li>Acerca de</li>
</ul>
<div class="titulo">
<h2>Experiencia</h2>
</div>
<div class ="parrafos">
<p>
<img src="Pokeball.png" alt="Pokeball" style="width: 20px">
Lider del Equipo Plasma
<br>
<br>
<img src="Pokeball.png" alt="Pokeball" style="width: 20px">
Lider del Movimiento de Liberacion Pokemon
<br>
<br>
<img src="Pokeball.png" alt="Pokeball" style="width: 20px">
Jefe Final
<br>
<br>
<img src="Pokeball.png" alt="Pokeball" style="width: 20px">
Maestro de Dragones
<br>
<br>
<img src="Pokeball.png" alt="Pokeball" style="width: 20px">
Cientifico visionario sobre la Fusion Pokemon
<br>
<br>
<img src="Pokeball.png" alt="Pokeball" style="width: 20px">
Buscador de sus ideales radicales en contra de la ley opresora
</p>
</div>
<div class="titulo">
<a href="https://yamoreno2021.github.io/2023-2024-CSAAI-Practicas/p1/about.html">Mas Info</a>
</div>
</div>

<div id="c2" class="columna derecha">
<h2>Columna Derecha</h2>
<div class="titulo">
<h2>Frases Celebres</h2>
</div>
<div class ="parrafos">
<p>
"¡Mas! ¡Quiero escuchar la voz de tu equipo Pokemon!"
<br>
<br>
"¡No sabia que los Pokemon pudieran decir todo eso!"
<br>
<br>
"Sigo sin poder ver el futuro... El destino del mundo es incierto..."
<br>
<br>
"¡Claro! ¿Como va a sorprenderte algo que ni siquiera entiendes?"
<br>
<br>
"¿Tu crees que los combates pueden servir para conocer mejor a tus Pokemon?"
<br>
<br>
"Amigos heridos… asi son los combates Pokemon"
<br>
<br>
"¡Puedo ver el futuro! ¡Mi victoria sera aplastante!"
<br>
<br>
"¡Nombre del jugador!"
</p>
</div>

<div class="titulo">
<h2>Video Presentación</h2>
</div>
<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/NWtOh76fOs0?si=JWVZuyt-J0jjaUmR&amp;start=6" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>

<div class="titulo">
<h2>Referencias</h2>
</div>

<div class="referencias">
<table>
<tr>
<th>
<u>
Asociacion
</u>
</th>
<th>
<u>
Lider Conjunto (Gechis)
</u>
</th>
</tr>
<tr>
<th>
<img src="TeamPlasma.png" alt="N" style="width: 80%;">
</th>
<th>
<img src="Ghechis.png" alt="N">
</th>
</tr>
</table>
</div>


</div>

</div>
</div>

Expand Down
Binary file added P1/pokeball.ico
View file
Binary file not shown.

0 comments on commit bb79a69

Please sign in to comment.