Commit solución
Completo con los archivos de solución
This commit is contained in:
108
extras_deploy/Release/Funebres/estilos.css
Normal file
108
extras_deploy/Release/Funebres/estilos.css
Normal file
@@ -0,0 +1,108 @@
|
||||
* {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.flex-wrap {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
.px2 {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
.block-title {
|
||||
font-family: arial,helvetica,sans-serif;
|
||||
font-size: 1.15em;
|
||||
letter-spacing: .9px;
|
||||
border-bottom: 4px solid #efefef;
|
||||
}
|
||||
|
||||
.block-title span {
|
||||
border-bottom: 4px solid #028fbe;
|
||||
display: inline-block;
|
||||
margin: 0 0 -4px;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
|
||||
.mb1_5 {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.col-12 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.carousel {
|
||||
overflow-x: auto;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
.list-reset {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.funebre-ad {
|
||||
display: flex;
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
.funebre-icon {
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.funebre-content {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.funebre-content h5 {
|
||||
font-size: 0.94em;
|
||||
font-family: arial,helvetica,sans-serif;
|
||||
color: #5d5d5d;
|
||||
}
|
||||
|
||||
.funebre-content h2 {
|
||||
font-family: arial,helvetica,sans-serif;
|
||||
font-size: 1.15em;
|
||||
padding: .3rem 0;
|
||||
}
|
||||
.funebre-content h2 a, .block-title a {
|
||||
color: #028fbe;
|
||||
}
|
||||
|
||||
.funebre-content p {
|
||||
font-family: arial,helvetica,sans-serif;
|
||||
}
|
||||
|
||||
.button {
|
||||
background: #028fbe;
|
||||
color: #fff;
|
||||
border-radius: 3px;
|
||||
text-transform: uppercase;
|
||||
font-family: arial,helvetica,sans-serif;
|
||||
font-size: 11px;
|
||||
letter-spacing: .6px;
|
||||
padding: .75rem 1rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.pt2 {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
@media (min-width:360px){
|
||||
.funebre-ad {display: flow-root}
|
||||
}
|
||||
@media (min-width:412px){
|
||||
.funebre-ad {padding-right:2.5rem}
|
||||
}
|
||||
@media (min-width:768px){
|
||||
.funebre-ad {padding-right:2.5rem}
|
||||
}
|
||||
@media (min-width:992px){
|
||||
.carousel{max-width:950px}
|
||||
}
|
||||
101
extras_deploy/Release/Funebres/funebre.html
Normal file
101
extras_deploy/Release/Funebres/funebre.html
Normal file
@@ -0,0 +1,101 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<link rel="stylesheet" href="estilos.css">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="flex flex-wrap px2">
|
||||
<div class="col-12 block-title mb1_5"><a href="#"><span>Avisos Fúnebres</span></a></div>
|
||||
|
||||
<div class="carousel">
|
||||
<ul class="flex list-reset col-12">
|
||||
|
||||
<div class="col-12">
|
||||
<div class="funebre-ad">
|
||||
<div class="funebre-icon">
|
||||
<img alt=""src="cruz.png">
|
||||
</div>
|
||||
<div class="funebre-content">
|
||||
<h5><span>21 de junio</span></h5>
|
||||
<h2><a href="#"><span>OSCAR MARIO ARIAS HUGHES</span></a></h2>
|
||||
<p>(Q.E.P.D.) Falleció el 20/06/2023.- Tu familia y amigos te [...]</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="funebre-ad">
|
||||
<div class="funebre-icon">
|
||||
<img alt=""src="estrella.png">
|
||||
</div>
|
||||
<div class="funebre-content">
|
||||
<h5><span>21 de junio</span></h5>
|
||||
<h2><a href="#"><span>INES CALISSE DE FABRIS</span></a></h2>
|
||||
<p>(Q.E.P.D.) Falleció el 20/06/2023.- Sus hijos Gerardo, Fernando [...]</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="funebre-ad">
|
||||
<div class="funebre-icon">
|
||||
<img alt=""src="cruz.png">
|
||||
</div>
|
||||
<div class="funebre-content">
|
||||
<h5><span>21 de junio</span></h5>
|
||||
<h2><a href="#"><span>MARIO MARTIN FERNANDEZ</span></a></h2>
|
||||
<p>(Q.E.P.D.) Falleció el 20/06/2023.- Su esposa: Cristina Zamarripa, [...]</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="funebre-ad">
|
||||
<div class="funebre-icon">
|
||||
<img alt=""src="cruz.png">
|
||||
</div>
|
||||
<div class="funebre-content">
|
||||
<h5><span>21 de junio</span></h5>
|
||||
<h2><a href="#"><span>JUAN REDA</span></a></h2>
|
||||
<p>(Q.E.P.D.) Falleció el 20/06/2023.- Sus hijos: Néstor, Miguel, Karina, [...]</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="funebre-ad">
|
||||
<div class="funebre-icon">
|
||||
<img alt=""src="cruz.png">
|
||||
</div>
|
||||
<div class="funebre-content">
|
||||
<h5><span>21 de junio</span></h5>
|
||||
<h2><a href="#"><span>JULIETA VERGARA</span></a></h2>
|
||||
<p>(Q.E.P.D.) Falleció el 19/06/2023.- Sus padres Liliana y José, [...]</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="funebre-ad">
|
||||
<div class="funebre-icon">
|
||||
<img alt=""src="cruz.png">
|
||||
</div>
|
||||
<div class="funebre-content">
|
||||
<h5><span>21 de junio</span></h5>
|
||||
<h2><a href="#"><span>EDUARDO BIGLIARDI</span></a></h2>
|
||||
<p>(Q.E.P.D.) Falleció el 18/06/2023.- Bibi Magnoni y flia. acompañan [...]</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-12 flex pt2"><a href="#" class="button"><span>Contratá un aviso</span></a></div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user