duncan/identidad_acatlan
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Inicio de Wallpapers y movimientos en logotipos

Browse Source
This commit is contained in:
duncan
2024-11-14 15:14:23 -06:00
parent 82206e3c7c
commit f7d1e8acbd
5 changed files with 117 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/main.css
+17 -1
View File
@@ -23,7 +23,6 @@
/* Sección del header */
#header {
position: fixed;
z-index: 100000;
margin: 0%;
padding: 0.3% 0.5%;
background-color: #1e3c70;
@@ -148,6 +147,13 @@ section .section-h h2:after {
color: #bb8800 !important;
border-bottom: solid 2px #1e3c70;
}
.home .cont-prin .div-flex .description {
border-top: solid 2px #bb8800;
}
.home .cont-prin .div-flex .description p {
border-bottom: solid 2px #1e3c70;
width: auto;
}
@media (max-width: 992px) {
.home .cont-prin .div-flex {
display: block;
@@ -170,6 +176,16 @@ section .section-h h2:after {
width: 170px;
}
}
.home .cont-prin .bg-phone {
margin: 10px 55px;
background-color: #ffc451;
padding: 0px;
width: 97px;
border-radius: 13px;
}
.home .cont-prin .bg-phone img {
width: 100px;
}
/* Globales */
.nav-g a {
color: #bb8800;
assets/css/main.less
+17 -1
View File
@@ -28,7 +28,6 @@
#header {
position: fixed;
z-index: 100000;
margin: 0%;
padding: 0.3% 0.5%;
background-color: #1e3c70;
@@ -161,6 +160,13 @@ section {
.nav .active {
color: #bb8800 !important;
border-bottom:solid 2px #1e3c70;
}
.description {
border-top: solid 2px #bb8800;
p {
border-bottom: solid 2px #1e3c70;
width: auto;
}
}
@media (max-width: 992px) {
display: block;
@@ -181,6 +187,16 @@ section {
}
}
}
.bg-phone {
margin: 10px 55px;
background-color: #ffc451;
padding: 0px;
width: 97px;
border-radius: 13px;
img {
width:100px;
}
}
}
}
assets/img/bg/phone.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

logotipos.html
+21 -127
View File
@@ -136,11 +136,11 @@
<i class="bx bxs-image"></i>
Logotipos
</h2>
</div>
</div>
<!-- tab de logotipos -->
<div class="div-flex">
<div class="col-12 col-md-4 boxx">
<ul class="nav" id="myTab" role="tablist">
<div class="div-flex flex-nowrap">
<div class="col-md-4 boxx w-100">
<ul class="nav justify-content-center" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<a
class="nav-link active"
@@ -183,14 +183,13 @@
src="/assets/img/esc-log/Logotipo/logo-azul.jpg"
alt=""
/>
<div class="description">
<div class="description justify-content-around">
<p>Descargar</p>
<a
href="assets/img/esc-log/Logotipo/logo-azul.jpg"
download="logo-azul.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-azul.png"
download="logo-azul.png"
@@ -212,7 +211,6 @@
download="logo-azulBis.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-azulBis.png"
download="logo-azulBis.png"
@@ -234,7 +232,6 @@
download="logo-blanco.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-blanco.png"
download="logo-blanco.png"
@@ -243,8 +240,6 @@
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-4 pt-5">
<div class="content-home">
<img
@@ -258,7 +253,6 @@
download="logo-blancoBis.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-blancoBis.png"
download="logo-blancoBis.png"
@@ -280,7 +274,6 @@
download="logo-dorado.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-dorado.png"
download="logo-dorado.png"
@@ -302,7 +295,6 @@
download="logo-doradoBis.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-doradoBis.png"
download="logo-doradoBis.png"
@@ -311,8 +303,6 @@
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-4 pt-5">
<div class="content-home">
<img
@@ -326,7 +316,6 @@
download="logo-negro.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-negro.png"
download="logo-negro.png"
@@ -348,7 +337,6 @@
download="logo-negroBis.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-negroBis.png"
download="logo-negroBis.png"
@@ -358,7 +346,8 @@
</div>
</div>
</div>
</div> <!-- Fin del contenido de logotipos -->
</div>
<!-- Fin del contenido de logotipos -->
<!-- Contenido de la pestaña escudos -->
<div
class="tab-pane fade"
@@ -370,19 +359,18 @@
<div class="col-12 col-md-4 pt-5">
<div class="content-home">
<img
src="/assets/img/esc-log/Logotipo/logo-azul.jpg"
src="/assets/img/esc-log/Escudo/escudo-a.jpg"
alt=""
/>
<div class="description">
<p>Descargar</p>
<a
href="assets/img/esc-log/Logotipo/logo-azul.jpg"
href="assets/img/esc-log/Escudo/escudo-a.jpg"
download="logo-azul.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-azul.png"
href="assets/img/esc-log/Escudo/escudo-a.png"
download="logo-azul.png"
>PNG</a
>
@@ -392,19 +380,18 @@
<div class="col-12 col-md-4 pt-5">
<div class="content-home">
<img
src="/assets/img/esc-log/Logotipo/logo-azulBis.jpg"
src="/assets/img/esc-log/Escudo/escudo-b.jpg"
alt=""
/>
<div class="description">
<p>Descargar</p>
<a
href="assets/img/esc-log/Logotipo/logo-azulBis.jpg"
href="assets/img/esc-log/Escudo/escudo-b.jpg"
download="logo-azulBis.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-azulBis.png"
href="assets/img/esc-log/Escudo/escudo-b.jpg"
download="logo-azulBis.png"
>PNG</a
>
@@ -414,141 +401,48 @@
<div class="col-12 col-md-4 pt-5">
<div class="content-home">
<img
src="/assets/img/esc-log/Logotipo/logo-blanco.jpg"
src="/assets/img/esc-log/Escudo/escudo-b2.jpg"
alt=""
/>
<div class="description">
<p>Descargar</p>
<a
href="assets/img/esc-log/Logotipo/logo-blanco.jpg"
href="assets/img/esc-log/Escudo/escudo-b2.jpg"
download="logo-blanco.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-blanco.png"
href="assets/img/esc-log/Escudo/escudo-b2.png"
download="logo-blanco.png"
>PNG</a
>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-4 pt-5">
<div class="content-home">
<img
src="/assets/img/esc-log/Logotipo/logo-blancoBis.jpg"
src="/assets/img/esc-log/Escudo/escudo-d.jpg"
alt=""
/>
<div class="description">
<p>Descargar</p>
<a
href="assets/img/esc-log/Logotipo/logo-blancoBis.jpg"
href="assets/img/esc-log/Escudo/escudo-d.jpg"
download="logo-blancoBis.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-blancoBis.png"
href="assets/img/esc-log/Escudo/escudo-d.png"
download="logo-blancoBis.png"
>PNG</a
>
</div>
</div>
</div>
<div class="col-12 col-md-4 pt-5">
<div class="content-home">
<img
src="/assets/img/esc-log/Logotipo/logo-dorado.jpg"
alt=""
/>
<div class="description">
<p>Descargar</p>
<a
href="assets/img/esc-log/Logotipo/logo-dorado.jpg"
download="logo-dorado.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-dorado.png"
download="logo-dorado.png"
>PNG</a
>
</div>
</div>
</div>
<div class="col-12 col-md-4 pt-5">
<div class="content-home">
<img
src="/assets/img/esc-log/Logotipo/logo-doradoBis.jpg"
alt=""
/>
<div class="description">
<p>Descargar</p>
<a
href="assets/img/esc-log/Logotipo/logo-doradoBis.jpg"
download="logo-doradoBis.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-doradoBis.png"
download="logo-doradoBis.png"
>PNG</a
>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-4 pt-5">
<div class="content-home">
<img
src="/assets/img/esc-log/Logotipo/logo-negro.jpg"
alt=""
/>
<div class="description">
<p>Descargar</p>
<a
href="assets/img/esc-log/Logotipo/logo-negro.jpg"
download="logo-negro.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-negro.png"
download="logo-negro.png"
>PNG</a
>
</div>
</div>
</div>
<div class="col-12 col-md-4 pt-5">
<div class="content-home">
<img
src="/assets/img/esc-log/Logotipo/logo-negroBis.jpg"
alt=""
/>
<div class="description">
<p>Descargar</p>
<a
href="assets/img/esc-log/Logotipo/logo-negroBis.jpg"
download="logo-negroBis.jpg"
>JPG</a
>
<br />
<a
href="assets/img/esc-log/Logotipo/logo-negroBis.png"
download="logo-negroBis.png"
>PNG</a
>
</div>
</div>
</div>
</div>
</div> <!-- Fin de la pestaña de escudos -->
</div>
<!-- Fin de la pestaña de escudos -->
</div>
</div>
</div>
wallPapers.html
+62 -1
View File
@@ -20,8 +20,15 @@
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<!-- Link de glightbox -->
<link rel="stylesheet" href="assets/Ext/glightbox/css/glightbox.min.css" />
<!-- Link de bootstrap -->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="assets/Ext/glightbox/css/glightbox.min.css">
<!-- Main CSS -->
<link rel="stylesheet" href="./assets/css/main.css" />
@@ -131,6 +138,59 @@
Wallpapers
</h2>
</div>
<!-- Button trigger modal -->
<button
type="button"
class="btn btn-primary"
data-bs-toggle="modal"
data-bs-target="#exampleModal"
>
Provar estilos
</button>
<!-- Modal -->
<div
class="modal fade"
id="exampleModal"
tabindex="-1"
aria-labelledby="exampleModalLabel"
aria-hidden="true"
>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">
Wallpapers
</h1>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-6 bg-phone">
<img src="assets/img/bg/phone.png" alt="">
</div>
<div class="col-6">
Cuerpo
</div>
</div>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-secondary"
data-bs-dismiss="modal"
>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
@@ -228,5 +288,6 @@
header.classList.toggle("fixed-top", window.scrollY > 0);
});
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>