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>Aventura Solar</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="/css/bootstrap.min.css">
<script src="/js/jquery.min.js"></script>
<script src="/js/popper.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="icon" type="image/png" href="/frontend/1.png">
<style>
@font-face {font-family: "Uni Sans Heavy";
src: url("https://db.onlinewebfonts.com/t/4f6fb2fa3c231278167b36e966718cbb.eot"); /* IE9*/
src: url("https://db.onlinewebfonts.com/t/4f6fb2fa3c231278167b36e966718cbb.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("https://db.onlinewebfonts.com/t/4f6fb2fa3c231278167b36e966718cbb.woff2") format("woff2"), /* chrome firefox */
url("https://db.onlinewebfonts.com/t/4f6fb2fa3c231278167b36e966718cbb.woff") format("woff"), /* chrome firefox */
url("https://db.onlinewebfonts.com/t/4f6fb2fa3c231278167b36e966718cbb.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
url("https://db.onlinewebfonts.com/t/4f6fb2fa3c231278167b36e966718cbb.svg#Uni Sans Heavy") format("svg"); /* iOS 4.1- */
}
*{
font-family: "Uni Sans Heavy";
}
h1{
color: white !important;
font-size: 24px;
font-family: "Uni Sans Heavy";
}
.nav-link{
color: #790f13 !important;
font-family: "Uni Sans Heavy", cursive, sans-serif;
}
.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;
}
</style>
@livewireStyles
</head>
<body>
@yield('contenido')
<a href="/contacto"><img id="contacto-esquina" src="/frontend/contactos.png" width="70px" alt="contacto"></a>
@livewireScripts
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists