{source}<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
* {
margin: 0;
padding: 0
}
body {
background-image:
linear-gradient(rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0.5)), url(../../images/imagenes/bg.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 40
}
.gravity {
width: 100%;
text-align: center;
padding: 70px 0;
}
.gravity .logo {
width: 400px;
display: inline-flex;
}
.gravity p {
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 35px;
font-weight: 600;
text-align: center;
padding-top: 50px;
margin-bottom: 55px;
}
.social-icon {
margin-top: 160px;
padding: 25px 0;
}
.icon {
width: 190px;
margin: 0px auto;
}
.icon i {
color: #fff;
font-size: 21px;
padding: 9px;
color: #fff;
}
.tools{
position: relative;
display: block;
text-align: center;
}
.subtitle-mantenance{
font-size: 23px;
}
</style>
<div class="wrapper">
<div class="opacity"></div>
<div class="gravity">
<div class="container">
<div class=" row">
<div class="col-md-12">
<img class="logo" src="/images/imagenes/Logo/jxxiii.png" alt="Logo">
<p>Lo sentimos, esta sección está en mantenimiento. <br>
<span class="subtitle-mantenance">Regresaremos en un momento.</span>
</p>
<div class="icon">
<a href="https://www.facebook.com/Cooperativa-de-SM-Juan-XXIII-RL-Veraguas-115705909141802/"><i class="fa-brands fa-facebook"></i></a>
<a href="https://twitter.com/coopjuanxxiiirl"><i class="fa-brands fa-twitter"></i></a>
<a href="https://www.instagram.com/accounts/login/?next=/cooperativajuanxxiiirl/"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.youtube.com/channel/UCIlwrehMMxajvzpapIvnnjw"><i class="fa-brands fa-youtube"></i></i></a>
</div><br><br>
</div>
</div>
</div>
</div>
</div>{/source}
