Skip to content

Commit

Permalink
estilos responsive
Browse files Browse the repository at this point in the history
  • Loading branch information
Daniela committed Nov 14, 2023
1 parent 23286d1 commit ee96f4f
Show file tree
Hide file tree
Showing 6 changed files with 94 additions and 70 deletions.
48 changes: 19 additions & 29 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,35 +16,32 @@
<label for="burger" class="burger"> ☰ </label>
<ul class="navbar">
<li class="nav-item">
<a href="index.html"><p >Inicio</p></a>
<a href="index.html"><p>Inicio</p></a>
</li>
<li class="nav-item">
<a href="pages/sobremi.html"
><p >Sobre mí</p></a
>
<a href="pages/sobremi.html"><p>Sobre mí</p></a>
</li>
<li class="nav-item">
<a href="pages/formacion.html"
><p>Formación y experiencia</p>
</a>
<a href="pages/formacion.html"><p>Formación y experiencia</p> </a>
</li>
<li class="nav-item">
<a href="pages/aptitudes.html"
><p>Aptitudes e idiomas</p></a
>
<a href="pages/aptitudes.html"><p>Aptitudes e idiomas</p></a>
</li>
<li class="nav-item">
<a href="pages/contacto.html"
><p>Contacto</p></a
>
<a href="pages/contacto.html"><p>Contacto</p></a>
</li>
<div class="switch">
<input type="checkbox" class="switch__input" id="Switch">
<label onclick="darkmode()" type="checkbox" class="switch__label" for="Switch">
<span class="switch__indicator"></span>
<span class="switch__decoration"></span>
<input type="checkbox" class="switch__input" id="Switch" />
<label
onclick="darkmode()"
type="checkbox"
class="switch__label"
for="Switch"
>
<span class="switch__indicator"></span>
<span class="switch__decoration"></span>
</label>
</div>
</div>
</ul>
</nav>
</header>
Expand All @@ -55,22 +52,19 @@
<h2 style="font-size: 5rem; margin-bottom: 4px">
<b>HOLA, SOY</b>
</h2>
<p
class="nombre"
style="font-size: 7rem; margin-top: 2px; margin-bottom: 1px"
>
<p class="nombre">
<b>Daniela Gangotena</b>
</p>
<h2 class="white" style="font-size: 2rem; margin-top: 0px">
<h2 class="white" style="font-size: 2rem; margin-top: 1px">
<b>Estudiante de gestión de tecnología de la información</b>
</h2>
</div>
</div>
<div class="columna">
<img class="foto_cv" style="margin-bottom: 0" src="img/fotocv.png" />
<p class="nombre" style="font-size: 2rem"><b>Daniela Gangotena</b></p>
<p style="margin-top:1px;" class="texto-centrado">

<p style="margin-top: 1px" class="texto-centrado">
Estudiante de gestión de tecnología de la información
</p>
<div class="texto-centrado">
Expand All @@ -95,7 +89,6 @@ <h2 class="white" style="font-size: 2rem; margin-top: 0px">
<a href="https://wa.me/1150226798" target="_blank"
><p
style="
font-style: normal;
margin-top: 0;
margin-bottom: 0;
Expand All @@ -106,7 +99,6 @@ <h2 class="white" style="font-size: 2rem; margin-top: 0px">
</p></a
>
<a class="boton" href="img/cv.jpeg" download>Descargar cv</a>

</div>
</div>
</div>
Expand All @@ -130,5 +122,3 @@ <h2 class="white" style="font-size: 2rem; margin-top: 0px">
</footer>
</body>
</html>


16 changes: 10 additions & 6 deletions pages/aptitudes.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,12 +30,17 @@
<a href="contacto.html"><p>Contacto</p></a>
</li>
<div class="switch">
<input type="checkbox" class="switch__input" id="Switch">
<label onclick="darkmode()" type="checkbox" class="switch__label" for="Switch">
<span class="switch__indicator"></span>
<span class="switch__decoration"></span>
<input type="checkbox" class="switch__input" id="Switch" />
<label
onclick="darkmode()"
type="checkbox"
class="switch__label"
for="Switch"
>
<span class="switch__indicator"></span>
<span class="switch__decoration"></span>
</label>
</div>
</div>
</ul>
</nav>
</header>
Expand Down Expand Up @@ -111,4 +116,3 @@ <h3>Francés nivel B2</h3>
</footer>
</body>
</html>

18 changes: 11 additions & 7 deletions pages/contacto.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,12 +31,17 @@
<a href="contacto.html"><p>Contacto</p></a>
</li>
<div class="switch">
<input type="checkbox" class="switch__input" id="Switch">
<label onclick="darkmode()" type="checkbox" class="switch__label" for="Switch">
<span class="switch__indicator"></span>
<span class="switch__decoration"></span>
<input type="checkbox" class="switch__input" id="Switch" />
<label
onclick="darkmode()"
type="checkbox"
class="switch__label"
for="Switch"
>
<span class="switch__indicator"></span>
<span class="switch__decoration"></span>
</label>
</div>
</div>
</ul>
</nav>
</header>
Expand Down Expand Up @@ -97,7 +102,7 @@ <h1 class="fcf-h1">
type="button"
id="boton"
class="fcf-btn fcf-btn-primary fcf-btn-lg fcf-btn-block"
onclick="contacto()"
onclick="contacto()"
>
Enviar
</button>
Expand Down Expand Up @@ -127,4 +132,3 @@ <h1 class="fcf-h1">
</footer>
</body>
</html>

36 changes: 22 additions & 14 deletions pages/formacion.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,12 +30,17 @@
<a href="contacto.html"><p>Contacto</p></a>
</li>
<div class="switch">
<input type="checkbox" class="switch__input" id="Switch">
<label onclick="darkmode()" type="checkbox" class="switch__label" for="Switch">
<span class="switch__indicator"></span>
<span class="switch__decoration"></span>
<input type="checkbox" class="switch__input" id="Switch" />
<label
onclick="darkmode()"
type="checkbox"
class="switch__label"
for="Switch"
>
<span class="switch__indicator"></span>
<span class="switch__decoration"></span>
</label>
</div>
</div>
</ul>
</nav>
</header>
Expand All @@ -44,12 +49,17 @@
<div class="columna columna-2">
<div class="formacion">
<h1
style="justify-content: center;font-size: 4em; margin-top: 1rem;margin-bottom:0;"
>Formación
style="
justify-content: center;
font-size: 4em;
margin-top: 1rem;
margin-bottom: 0;
"
>
Formación
</h1>
<p>MIS CONOCIMIENTOS</p>
<h3>Agosto 2023-Actualidad:
</h3>
<h3>Agosto 2023-Actualidad:</h3>
<span>
Gestión de tecnología de la información-Universidad Argentina de
la Empresa.
Expand Down Expand Up @@ -78,8 +88,7 @@ <h3>2017-2018:</h3>
<div class="formacion">
<h3>2020-Actualidad:</h3>
<span>
Community Manager empresa Juan Granel - Quito,
Ecuador.
Community Manager empresa Juan Granel - Quito, Ecuador.
</span>
</div>
<div class="formacion">
Expand All @@ -91,8 +100,8 @@ <h3>2019:</h3>
<div class="formacion">
<h3>2015-2017:</h3>
<span
>Servicio de Atención al Cliente en
empresa Juan Granel - Quito, Ecuador.
>Servicio de Atención al Cliente en empresa Juan Granel - Quito,
Ecuador.
</span>
</div>
</div>
Expand All @@ -117,4 +126,3 @@ <h3>2015-2017:</h3>
</footer>
</body>
</html>

25 changes: 12 additions & 13 deletions pages/sobremi.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,12 +30,17 @@
<a href="contacto.html"><p>Contacto</p></a>
</li>
<div class="switch">
<input type="checkbox" class="switch__input" id="Switch">
<label onclick="darkmode()" type="checkbox" class="switch__label" for="Switch">
<span class="switch__indicator"></span>
<span class="switch__decoration"></span>
<input type="checkbox" class="switch__input" id="Switch" />
<label
onclick="darkmode()"
type="checkbox"
class="switch__label"
for="Switch"
>
<span class="switch__indicator"></span>
<span class="switch__decoration"></span>
</label>
</div>
</div>
</ul>
</nav>
</header>
Expand All @@ -45,16 +50,10 @@
<h1 style="justify-content: center; font-size: 4em; margin-top: 0">
<b>Sobre mí</b>
</h1>
<h2 class="amarillo">
MI PERFIL
</h2>
<h2 class="amarillo">MI PERFIL</h2>
<span
class="formacion"
style="
justify-content: center;
font-size: 2em;
margin-top: 4rem;
"
style="justify-content: center; font-size: 2em; margin-top: 4rem"
>
Me apasiona la tecnología, las redes sociales y el marketing, y
cuento con las habilidades y motivación necesarias para ingresar a
Expand Down
21 changes: 20 additions & 1 deletion styles/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -229,7 +229,9 @@ body {
margin: 0;
color: 3px solid #d0ad70;
}

.presentacion .nombre{
font-size: 7rem; margin-top: 2px; margin-bottom: 1px;
}
.seccion-bienvenida {
padding-top: 16px;
text-align: center;
Expand Down Expand Up @@ -803,6 +805,9 @@ img a:hover {
}

@media (max-width: 700px) {
.presentacion .nombre{
font-size: 4rem; margin-top: 2px; margin-bottom: 1px;
}
.navbar {
display: none;
padding: 0;
Expand Down Expand Up @@ -874,4 +879,18 @@ img a:hover {
main {
min-height: 150vh;
}
body{
height:100vh;
}
}

@media(max-width:309px){
.presentacion .nombre{
font-size: 2rem; margin-top: 2px; margin-bottom: 1px;
}

body{
height:100vh;
}

}

0 comments on commit ee96f4f

Please sign in to comment.