<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<style type="text/css">
.nav {
background-color: #FFF;
width:100%;
font-size: 14px;
font-weight:900;
letter-spacing: 1px;
min-width: 50px;
overflow-x: auto;
margin-left: 0px;
text-transform: uppercase;
z-index:9000;
-webkit-box-shadow: 0px 2px 12px 0px rgba(0, 79, 180, 1);
-moz-box-shadow: 0px 2px 12px 0px rgba(0, 79, 180, 1);
box-shadow: 0px 2px 12px 0px rgba(0, 79, 180, 1);
}
.nav li {
display: inline-block;
padding: 10px 15px 10px 15px;
overflow: visible;
height:auto;
font-weight: 500;
letter-spacing: .1em;
}
.nav li:nth-child(1){}
.nav li:last-child {margin-right:60px;}
.nav ul {
list-style: none;
text-align: center;
white-space: nowrap;
margin:15px 73px 10px 23px;
}
.nav li a {
color:#000
}
.nav li a:hover {
text-decoration: none;
opacity: 0.5;
}
.logo{
width:30px;
float:left;
padding-bottom:10px;
height:20px;
margin-right:50px;
}
body {
margin: 0px;
}
</style>
</head>
<body>
<nav class="nav" data-sticky="">
<ul class="">
<div class="logo animated infinite pulse">
<img src="img/html-5.svg" height="30" width="30" /></div>
<li><a href="#omnie" >O mnie</a></li>
<li><a href="#opis" >Opis</a></li>
<li><a href="#wersion" >Wersion</a></li>
<li><a href="#yourteam" >Your team</a></li>
<li><a href="#opinie" >Opinie</a></li>
<li><a href="#location" >Lokation</a></li>
<li><a href="#contaktimage" >kontakt</a></li>
</ul>
</nav>
</body>
</html>Komentarze wyłączone