Create navigation bar

This commit is contained in:
Bartlomiej Pluta (PGS Software)
2018-03-15 13:42:41 +01:00
parent e05ecc9b6a
commit 926685bf10
6 changed files with 92 additions and 1 deletions

View File

@@ -11,6 +11,10 @@
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- Fonts -->
<link href='https://fonts.googleapis.com/css?family=Lato:400,700,900,300' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Montserrat:700" rel="stylesheet">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
@@ -18,6 +22,34 @@
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="wrapper" id="wrapper">
<nav class="navbar navbar-expand-sm">
<div class="container-fluid" id="navbar-container">
<div class="navbar-header" id="navbar-header">
<img src="img/logo.svg" alt="Forkio logo">
<span class="navbar-brand">Fork<em>IO</em></span>
</div>
<ul class="navbar-nav" id="navbar-body">
<li class="nav-item">
<a class="default-link nav-link" href="#">Overview</a>
</li>
<li class="nav-item">
<a class="default-link nav-link" href="#">About fork</a>
</li>
<li class="nav-item">
<a class="default-link nav-link" href="#">Buying options</a>
</li>
<li class="nav-item">
<a class="default-link nav-link" href="#">Support</a>
</li>
<li class="nav-item">
<a class="raised-button nav-link" href="#">Buy now</a>
</li>
</ul>
</div>
</nav>
</div>
<!-- JavaScript -->
<script src="js/script.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>