| Current File : /home/exataengenharia/public_html/storage/framework/views/062469393abb31a8b578c523d7c046da.php |
<!DOCTYPE html>
<html>
<head>
<style>
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth !important;
}
/* Resto do código CSS */
.mynav {
width: 100%;
background-color: #fff;
display: flex;
align-items: center;
padding: 1rem;
position: fixed;
z-index: 100000000;
}
.mynav>.mynav-header {
flex: 0.95;
padding-left: 1rem;
}
.mynav>.mynav-header>.mynav-title {
font-size: 22px;
color: #000;
}
.mynav>.mynav-list {
display: flex;
gap: 2rem;
align-items: center;
transform: translateY(10px);
}
.mynav>.mynav-list>li {
list-style-type: none;
align-self: center;
}
.mynav>.mynav-list>li a {
text-decoration: none;
color: #000;
cursor: pointer;
font-size: 18px;
font-family: main, Helvetica, sans-serif;
font-weight: 600;
align-self: center;
}
.mynav>#mynav-check {
display: none;
}
@media (max-width: 1200px) {
.mynav {
padding: 1rem;
}
.mynav>.mynav-btn {
display: inline-block;
position: absolute;
right: 0;
top: 0;
padding-top: 0.2rem;
transform: scale(1.3);
}
.mynav>.mynav-btn>label {
display: inline-block;
width: 50px;
height: 50px;
padding: 33px 70px;
cursor: pointer;
}
.mynav>.mynav-btn>label>span {
display: block;
width: 30px;
height: 2px;
background-color: #000;
transform-origin: center;
transition: transform 0.3s ease-in-out;
}
.mynav>.mynav-btn>label>span:nth-child(1) {
transform: translateY(10px);
}
.mynav>.mynav-btn>label>span:nth-child(3) {
transform: translateY(-10px);
}
.mynav>#mynav-check:checked~.mynav-btn>label>span:nth-child(1) {
transform: translateY(9px) rotate(45deg);
}
.mynav>#mynav-check:checked~.mynav-btn>label>span:nth-child(2) {
transform: scaleX(0);
}
.mynav>#mynav-check:checked~.mynav-btn>label>span:nth-child(3) {
transform: translateY(5px) rotate(-50deg);
}
.mynav>.mynav-list {
position: absolute;
display: flex;
flex-direction: column;
gap: 1rem;
width: 100%;
background-color: #fff;
height: 0;
transition: all 0.3s ease-in;
top: 60px;
left: 0;
overflow: hidden;
}
.mynav>.mynav-list>li {
width: 100%;
margin-top: 1.5rem;
}
.mynav>#mynav-check:checked~.mynav-list {
height: calc(100vh - 50px);
}
}
@media (min-width: 300px) and (max-width: 700px) {
.mynav>.mynav-list {
position: absolute;
display: flex;
flex-direction: column;
gap: 0rem;
padding: 1rem;
width: 100%;
background-color: #fff;
height: 0;
transition: all 0.3s ease-in;
top: 60px;
left: 0;
overflow: hidden;
}
.list-space {
margin-left: 0rem !important;
transform: translateY(-12px);
}
}
</style>
</head>
<body>
<nav class="mynav">
<input type="checkbox" id="mynav-check">
<div class="mynav-header">
<div class="mynav-title">
<a href="<?php echo e(route('usuarios.index')); ?>">
<img width="200" src="img/EXATA-ENGENHARIA-SOLAR.png" alt="Logo da Exata">
</a>
</div>
</div>
<div class="mynav-btn">
<label for="mynav-check">
<span></span>
<span></span>
<span></span>
</label>
</div>
<ul class="mynav-list nav" style="z-index: 1000000000;">
<li><a href="#" data-target="home" class="smooth-scroll">Home</a></li>
<li><a href="#" data-target="sobre" class="smooth-scroll">Sobre</a></li>
<li><a href="#" data-target="servicos" class="smooth-scroll">Serviços</a></li>
<li><a href="#" data-target="energia" class="smooth-scroll">Energia Solar</a></li>
<li><a href="#" data-target="projetos" class="smooth-scroll">Nossos Projetos</a></li>
<li><a href="#" data-target="contato" class="smooth-scroll">Contato</a></li>
<li><a href="<?php echo e(route('orcamento')); ?>" class="btn btn-dark"><span style="color: #fff;">Solicite um orçamento</span></a></li>
</ul>
</nav>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const smoothScrollLinks = document.querySelectorAll('.smooth-scroll');
smoothScrollLinks.forEach(link => {
link.addEventListener('click', (e) => {
e.preventDefault();
const targetId = link.getAttribute('data-target');
const targetElement = document.getElementById(targetId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth'
});
}
});
});
});
</script>
</body>
</html>
<?php /**PATH /home/exataengenharia/public_html/resources/views/components/navbar.blade.php ENDPATH**/ ?>