xxxxxxxxxx1
<!-- Navigation -->2
<div class="sec1">3
<nav class="navbar navbar-dark navbar-expand-lg fixed-top py-3 z-depth-0">4
<div class="container-fluid">5
6
<a href="#inicio" class="navbar-brand mx-2"><img src="img/logo.png" alt=""></a>7
8
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"9
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">10
<span class="navbar-toggler-icon"></span>11
</button>12
13
<div class="collapse navbar-collapse" id="navbarResponsive">14
<ul class="navbar-nav ml-auto">15
<li class="nav-item mx-3"><a href="#inicio" class="nav-link btnfos btnfos-2 text-uppercase">inicio</a></li>16
<li class="nav-item mx-3"><a href="#sobre" class="nav-link btnfos btnfos-2 text-uppercase">sobre</a></li>17
<li class="nav-item mx-3"><a href="#servicos" class="nav-link btnfos btnfos-2 text-uppercase">serviços</a></li>18
<li class="nav-item mx-3"><a href="#portefolio" class="nav-link btnfos btnfos-2 text-uppercase">portefolio</a></li>19
<li class="nav-item mx-3"><a href="#contactos" class="nav-link btnfos btnfos-2 text-uppercase">contactos</a></li> 20
</ul>21
</div>22
23
</div>24
</nav>25
<!-- End Navigation -->26
</div>27
xxxxxxxxxx1
body {2
background-color: rgba(255, 99, 71, 0.6);3
}4
5
div.sec1 nav.navbar { 6
z-index: 100; 7
} 8
div.sec1 nav.navbar div.container-fluid a.navbar-brand img { 9
width: 12vw;height: auto; 10
} 11
div.sec1 nav.navbar div.container-fluid a.navbar-brand img:hover {12
opacity: 0.9; 13
}14
15
/* navbar collapse propriedades do hamburger */ 16
div.sec1 nav.navbar div.container-fluid button.navbar-toggler .navbar-toggler-icon {17
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } div.sec1 nav.navbar div.container-fluid button.navbar-toggler:hover .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(66, 133, 244, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); 18
}19
20
/* propriedades dos links */ 21
div.sec1 nav.navbar div.container-fluid div.collapse ul.navbar-nav li.nav-item a.nav-link { 22
font-family: 'Nunito', sans-serif;23
font-size: 1rem; 24
font-weight: 600;25
letter-spacing: 1px;26
color: #ffffff;27
-webkit-transition: all 280ms ease-in-out; 28
}29
30
div.sec1 nav.navbar div.container-fluid div.collapse ul.navbar-nav li.nav-item a.btnfos { 31
display: block;32
position: relative; 33
} 34
div.sec1 nav.navbar div.container-fluid div.collapse ul.navbar-nav li.nav-item a.btnfos:hover {35
color: #4285f4; 36
} 37
.btnfos-2:after, .btnfos-2:before { 38
-webkit-backface-visibility: hidden;39
backface-visibility: hidden;40
border: 1px solid rgba(255, 255, 255, 0);41
bottom: 0px; content: " ";42
display: block;43
margin: 0 auto;44
position: relative;45
-webkit-transition: all 280ms ease-in-out;46
transition: all 280ms ease-in-out;47
width: 0; 48
} 49
.btnfos-2:hover:after, .btnfos-2:hover:before {50
-webkit-backface-visibility: hidden;51
backface-visibility: hidden;52
border-color: #ffffff; 53
-webkit-transition: width 350ms ease-in-out;54
transition: width 350ms ease-in-out;55
width: 100%; 56
} 57
.btnfos-2:hover:before {58
bottom: auto;59
top: 0;60
width: 100%; 61
}xxxxxxxxxx1
$('#an_email').val(obj.email).trigger('change') Console errors: 0