Sindbad~EG File Manager
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carsanies</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="/gamificacion/css/bootstrap.min.css">
<script src="/gamificacion/js/jquery.min.js"></script>
<script src="/gamificacion/js/popper.min.js"></script>
<script src="/gamificacion/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="/gamificacion/css/font-awesome.min.css">
<link rel="icon" type="image/png" href="/gamificacion/frontend/1.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<style>
@font-face {
font-family: 'AmsiPro';
src: url('/fonts/AmsiPro/Amsipro-Regular.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
.poppins-black {
font-family: "Poppins", serif !important;
font-weight: 800 !important;
font-style: normal !important;
}
*{
font-family: "Poppins", serif !important;
}
h1{
color: white !important;
font-size: 24px;
}
.nav-link{
color: white !important;
}
.menu {
display: flex;
justify-content: center;
}
.menu li {
margin-right: 70px;
}
.menu a {
position: relative;
display: block;
padding: 5px;
}
.menu a::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to right, #b47dcd, #e878a2, #eb85ab);
height: 2px;
z-index: 1;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.5s ease-in-out;
}
a.inicio::before{
background: linear-gradient(to right, #b47dcd, #e878a2, #eb85ab);
}
a.equipo::before{
background: linear-gradient(to right, #BDA500, #D6D300, #FFF000);
}
a.desafio::before{
background: linear-gradient(to right, #960202, #D70000, #FF7373);
}
.menu a:hover::before {
transform: scaleX(1);
}
/* ANIMATIONS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu[data-animation="to-left"] a::before {
transform-origin: right;
}
.menu[data-animation="center"] a::before {
transform-origin: center;
}
.menu[data-animation="bonus"] a::before {
transform-origin: right;
}
.menu[data-animation="bonus"] a:hover::before {
transform-origin: left;
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
}
#contacto-esquina {
position: fixed;
bottom: 10px;
right: 10px;
}
.linea-superior, .linea-inferior {
width: 100%;
height: 15px;
background: linear-gradient(90deg,
#b78b2a 20%,
#f1de78 50%,
#b78b2a 80%,
#f1de78 100%
);
}
.linea-inferior {
position: fixed;
bottom: 0;
}
</style>
@livewireStyles
</head>
<body>
<div class="linea-superior"></div>
@yield('contenido')
<!--<a href="/contacto"><img id="contacto-esquina" src="/gamificacion/frontend/contactos.png" width="70px" alt="contacto"></a>-->
@livewireScripts
<div class="linea-inferior"></div>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists