Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, estou criando um site simples, porem peguei um layout ancorado e bootstrap na net. Coloquei um link a mais no menu e não ancorado que irá direto para o login, porem ao colocar "login.html" ele não direciona pra pagina (já feita e na mesma pasta) eu minha amiga não achamos o erro ou que nao deixa ir pro link de jeito nenhum.
Segue o codigo e o css do menu.
O link "login.html que nao esta indo
<!DOCTYPE html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<title>Sprint - HTML5 Responsive Template</title>
<meta name="description" content="">Sprint Template
http://www.templatemo.com/tm-401-sprint
-->
<meta name="viewport" content="width=device-width">
<link href="[http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800](http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800)" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/templatemo_misc.css">
<link rel="stylesheet" href="css/templatemo_style.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="[http://browsehappy.com/](http://browsehappy.com/)">upgrade your browser</a> or <a href="[http://www.google.com/chromeframe/?redirect=true](http://www.google.com/chromeframe/?redirect=true)">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div id="front">
<div class="site-header">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-6">
<div id="templatemo_logo">
<h1><a href="#">Acessi<i>Free</i></a></h1>
</div> <!-- /.logo -->
</div> <!-- /.col-md-4 -->
<div class="col-md-8 col-sm-6 col-xs-6">
<a href="#" class="toggle-menu"><i class="fa fa-bars"></i></a>
<div class="main-menu">
<ul>
<li><a href="#front">Home</a></li>
<li><a href="#services">Sobre</a></li>
<li><a href="#product-promotion">Serviços</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="login.html">Login</a></li>
</ul>
</div> <!-- /.main-menu -->
</div> <!-- /.col-md-8 -->
</div> <!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="responsive">
<div class="main-menu">
<ul>
<li><a href="#front">Home</a></li>
<li><a href="#services">Sobre</a></li>
<li><a href="#product-promotion">Serviços</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div> <!-- /.container -->
</div> <!-- /.site-header -->
</div> <!-- /#front -->
========================================================================== */
.site-header {
position: fixed;
min-height: 80px;
height: 102px;
width: 100%;
z-index: 9999;
background-color: #161616;
}
#templatemo_logo {
background-color: #1874CD;
background-image: url(../images/templatemo_logo.png);
background-repeat: no-repeat;
background-position: 70px center;
height: 102px;
display: block;
} margin: 0;
text-transform: uppercase;
font-weight: 600;
line-height: 102px;
display: block;
} margin-left: 140px;
color: white;
display: block;
}
.main-menu {
text-align: center-left;
position: relative;
} position: absolute;
background-color: #161616;
width: 150%;
} display: inline-block;
width: 150px;
text-align: center;
line-height: 102px;
} color: white;
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
outline: 0;
border: 0;
display: block;
} background: url(../images/active-state.png) no-repeat;
background-position: center 65px;
}
.toggle-menu {
display: none;
margin: 40px 35px 0 0;
font-size: 24px;
color: white;
text-align: right;
}.responsive .main-menu {
display: none;
} width: 100%;
} line-height: 55px;
padding: 10px 20px;
} background-image: none;
color: #26b864;
border-bottom: 0;
}Carregando comentários...