Skip to content

Commit

Permalink
actualizaciones de diseño y funciones
Browse files Browse the repository at this point in the history 
actualzacion de vista movil en ubicacion y oferta educativa
  • Loading branch information
@ValorKand
ValorKand committed Mar 3, 2024
1 parent 6c64772 commit f813cfb
Show file tree
Hide file tree
Showing 3 changed files with 93 additions and 11 deletions.
Binary file added home/data/img/mapa.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.
102 changes: 92 additions & 10 deletions home/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -107,9 +107,9 @@
<!-- Botones del header, WhatsApp y SM Educamos -->
<div class="right item">
<div class="menu">
<a href="https://institutotabasco.educamos.com" class="ui white button" target="_blank">
<i class="book icon"></i>
Educamos
<a href="https://wa.me/+529933128843" class="ui green circular button" target="_blank">
<i class="whatsapp icon"></i>
WhatsApp
</a>
</div>
</div>
Expand Down Expand Up @@ -231,11 +231,12 @@ <h1 class="ui header">
</h1>
</div>
</div>
<div class="row">
<!-- Fila es solo para computadora -->
<div class="computer only row">
<div class="column">
<div id="ofertaPrimaria" class="ui inverted right floated circular segment">
<h1 class="centrado header">Primaria</h1>
<h2 class="centrado subtitle">Lo mejor para empezar el desarrollo</h2>
<h2 class="centrado subtitle">Educación de calidad para el desarrollo de los niños</h2>
<div class="ui special cards">
<div class="ui centered card">
<div class="blurring dimmable image">
Expand Down Expand Up @@ -277,6 +278,55 @@ <h2 class="centrado subtitle">Que la juventud sea aprovechada al máximo</h2>
</div>
</div>
</div>
<!-- Fila sólo para móviles -->
<div class="mobile only row">
<div class="column">
<div class="ui special cards">
<div class="ui centered red card">
<div class="blurring dimmable image">
<div class="ui dimmer">
<div class="content">
<div class="center">
<div class="ui inverted button">Saber Más</div>
</div>
</div>
</div>
<div class="ui image">
<img src="./data/img/primaria1.jpg"/>
</div>
</div>
<div class="content">
<a href="#" class="centrado header">Primaria</a>
</div>
<div class="centrado extra content">
<i class="users icon"></i>
Educación de calidad para el desarrollo de los niños
</div>
</div>
<div class="ui centered red card">
<div class="blurring dimmable image">
<div class="ui dimmer">
<div class="content">
<div class="center">
<div class="ui inverted button">Saber Más</div>
</div>
</div>
</div>
<div class="ui image">
<img src="./data/img/primaria1.jpg"/>
</div>
</div>
<div class="content">
<a href="#" class="centrado header">Secundaria</a>
</div>
<div class="centrado extra content">
<i class="users icon"></i>
Que la juventud sea aprovechada al máximo
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- div de visión y misión -->
Expand Down Expand Up @@ -361,8 +411,10 @@ <h1>Plataforma educativa</h1>
</div>
</div>
</div>
<!-- Sección de ubicación -->
<div class="ui center aligned teal inverted stackable segment">
<div class="ui grid container">
<!-- la sección de ubicación que es sólo para pc -->
<div class="computer only ui doubling grid container">
<div class="two column row">
<div class="column">
<h1 class="header">🗺️ Ubícanos</h1>
Expand Down Expand Up @@ -402,6 +454,37 @@ <h1 class="arcoiris header">
</div>
</div>
</div>
<div class="mobile only ui doubling grid">
<div class="ui container">
<h1 class="ui center aligned header">
<img src="./data/img/mapa.png"></img>
<div class="content">
<p class="sangre">¡Ubícanos!</p>
</div>
<h3 class="subtitle">Hidalgo No. 2, Alcaldía Tlalpan</h3>
<h3 class="subtitle">CDMX, C.P. 14000</h3>
</h1>
<div class="ui vertical segment">
<iframe width="330" height="350" src="https://www.openstreetmap.org/export/embed.html?bbox=-99.16728883981708%2C19.287995519675135%2C-99.16503578424455%2C19.289838555672993&amp;layer=mapnik&amp;marker=19.288917040267616%2C-99.16616231203079" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=19.28892&amp;mlon=-99.16616#map=19/19.28892/-99.16616&amp;layers=N">Ver el mapa más grande</a></small>
</div>
<h1 class="arcoiris header">
¡Síguenos en todas nuestras redes sociales y
entérate de todo!
</h1>
<div>
<a class="ui circular facebook button" href="#"><i class="ui facebook icon"></i>Facebook</a>
<div class="ui hidden divider"></div>
</div>
<div>
<a class="ui circular pink button" href="#"><i class="ui instagram icon"></i>Instagram</a>
<div class="ui hidden divider"></div>
</div>
<div>
<a class="ui circular red button" href="#"><i class="ui youtube icon"></i>YouTube</a>
<div class="ui hidden divider"></div>
</div>
</div>
</div>
</div>
<!-- Píe de página -->
<div id="pie" class="ui inverted vertical footer segment">
Expand Down Expand Up @@ -431,11 +514,10 @@ <h4 class="ui inverted header">Colegio Hernán Cortés – Sitio Web</h4>
</div>
<div class="ui inverted section divider"></div>
<img src="./data/ui/logo.png" class="ui centered mini image"/>
<div>Colegio Hernán Cortés</div>
<div class="ui horizontal inverted small divided link list">
<a class="item" href="#">Site Map</a>
<a class="item" href="#">Contact Us</a>
<a class="item" href="#">Terms and Conditions</a>
<a class="item" href="#">Privacy Policy</a>
<a class="item" href="#">Contáctanos</a>
<a class="item" href="#">Política de Privacidad</a>
</div>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion home/src/css/body.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@ body {
.thirdhead.segment {
min-height: 100px;
padding: 1em 0em;
margin-bottom: ;
margin-bottom: 1em;
}

.masthead .logo.item img {
Expand Down

0 comments on commit f813cfb

Please sign in to comment.