Create navigation bar
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user