Updated navbar

This commit is contained in:
CommanderRedYT
2020-11-07 13:48:26 +01:00
parent 34e6d4b0b5
commit c95c1b1a62
5 changed files with 268 additions and 264 deletions

View File

@@ -47,7 +47,7 @@
id="navbarNavDropdown" id="navbarNavDropdown"
> >
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item active"> <li class="nav-item">
<a class="nav-link" href="./" <a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a >Home <span class="sr-only">(current)</span></a
> >
@@ -73,21 +73,13 @@
<a class="dropdown-item" href="./bobbybob">Bobbybob</a> <a class="dropdown-item" href="./bobbybob">Bobbybob</a>
<a class="dropdown-item" href="./bobbyklo">Bobbyklo</a> <a class="dropdown-item" href="./bobbyklo">Bobbyklo</a>
<a class="dropdown-item" href="./bobbyboot">Bobbyboot</a> <a class="dropdown-item" href="./bobbyboot">Bobbyboot</a>
<a class="dropdown-item" href="./bobbyhubschrauber" <a class="dropdown-item" href="./bobbyhubschrauber">Bobbyhubschrauber</a>
>Bobbyhubschrauber</a <a class="dropdown-item" href="./raupenfahrzeug">Raupenfahrzeug</a>
>
<a class="dropdown-item" href="./raupenfahrzeug"
>Raupenfahrzeug</a
>
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item"><a class="nav-link" href="./careers">Careers</a></li>
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item"><a class="nav-link" href="./news">News</a></li> <li class="nav-item"><a class="nav-link" href="./news">News</a></li>
<li class="nav-item"> <li class="nav-item active"><a class="nav-link" href="./about">About</a></li>
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item"><a class="nav-link" href="#shop">Shop</a></li> <li class="nav-item"><a class="nav-link" href="#shop">Shop</a></li>
</ul> </ul>
</div> </div>

View File

@@ -25,7 +25,7 @@
<div class="container"> <div class="container">
<a class="navbar-brand" href="./" <a class="navbar-brand" href="./"
><img ><img
src="img/PfostenDynamics.png" src="./img/PfostenDynamics.png"
style="max-height: 60px" style="max-height: 60px"
class="d-inline-block align-top" class="d-inline-block align-top"
alt="" alt=""
@@ -47,7 +47,7 @@
id="navbarNavDropdown" id="navbarNavDropdown"
> >
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item active"> <li class="nav-item">
<a class="nav-link" href="./" <a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a >Home <span class="sr-only">(current)</span></a
> >
@@ -77,7 +77,7 @@
<a class="dropdown-item" href="./raupenfahrzeug">Raupenfahrzeug</a> <a class="dropdown-item" href="./raupenfahrzeug">Raupenfahrzeug</a>
</div> </div>
</li> </li>
<li class="nav-item"><a class="nav-link" href="./careers">Careers</a></li> <li class="nav-item active"><a class="nav-link" href="./careers">Careers</a></li>
<li class="nav-item"><a class="nav-link" href="./news">News</a></li> <li class="nav-item"><a class="nav-link" href="./news">News</a></li>
<li class="nav-item"><a class="nav-link" href="./about">About</a></li> <li class="nav-item"><a class="nav-link" href="./about">About</a></li>
<li class="nav-item"><a class="nav-link" href="#shop">Shop</a></li> <li class="nav-item"><a class="nav-link" href="#shop">Shop</a></li>

View File

@@ -18,23 +18,51 @@
<!--Begin Navbar--> <!--Begin Navbar-->
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container"> <div class="container">
<a class="navbar-brand" href="./"><img src="./img/PfostenDynamics.png" style="max-height: 60px" <a class="navbar-brand" href="./"
class="d-inline-block align-top" alt="" loading="lazy" /></a> ><img
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" src="./img/PfostenDynamics.png"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
/></a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown"> <div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item active"> <li class="nav-item active">
<a class="nav-link" href="./">Home <span class="sr-only">(current)</span></a> <a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" <a
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> class="nav-link dropdown-toggle"
href="#"
id="navbarDropdownMenuLink"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>
Vehicles Vehicles
</a> </a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> <div
class="dropdown-menu"
aria-labelledby="navbarDropdownMenuLink"
>
<a class="dropdown-item" href="./bobbycar">Bobbycar</a> <a class="dropdown-item" href="./bobbycar">Bobbycar</a>
<a class="dropdown-item" href="./bobbyquad">Bobbyquad</a> <a class="dropdown-item" href="./bobbyquad">Bobbyquad</a>
<a class="dropdown-item" href="./bobbybob">Bobbybob</a> <a class="dropdown-item" href="./bobbybob">Bobbybob</a>
@@ -52,6 +80,7 @@
</div> </div>
</div> </div>
</nav> </nav>
<script src="./js/addToURL.js"></script>
<!--End Navbar--> <!--End Navbar-->
<br> <br>
<br> <br>

View File

@@ -20,6 +20,7 @@
<link rel="icon" href="img/favicon.png" /> <link rel="icon" href="img/favicon.png" />
</head> </head>
<body> <body>
<!--Begin Navbar-->
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container"> <div class="container">
<a class="navbar-brand" href="./" <a class="navbar-brand" href="./"
@@ -47,7 +48,7 @@
> >
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="./index.html" <a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a >Home <span class="sr-only">(current)</span></a
> >
</li> </li>
@@ -67,35 +68,25 @@
class="dropdown-menu" class="dropdown-menu"
aria-labelledby="navbarDropdownMenuLink" aria-labelledby="navbarDropdownMenuLink"
> >
<a class="dropdown-item" href="./bobbycar.html">Bobbycar</a> <a class="dropdown-item" href="./bobbycar">Bobbycar</a>
<a class="dropdown-item" href="./bobbyquad.html">Bobbyquad</a> <a class="dropdown-item" href="./bobbyquad">Bobbyquad</a>
<a class="dropdown-item" href="./bobbybob.html">Bobbybob</a> <a class="dropdown-item" href="./bobbybob">Bobbybob</a>
<a class="dropdown-item" href="./bobbyklo.html">Bobbyklo</a> <a class="dropdown-item" href="./bobbyklo">Bobbyklo</a>
<a class="dropdown-item" href="./bobbyboot.html">Bobbyboot</a> <a class="dropdown-item" href="./bobbyboot">Bobbyboot</a>
<a class="dropdown-item" href="./bobbyhubschrauber.html" <a class="dropdown-item" href="./bobbyhubschrauber">Bobbyhubschrauber</a>
>Bobbyhubschrauber</a <a class="dropdown-item" href="./raupenfahrzeug">Raupenfahrzeug</a>
>
<a class="dropdown-item" href="./raupenfahrzeug.html"
>Raupenfahrzeug</a
>
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item"><a class="nav-link" href="./careers">Careers</a></li>
<a class="nav-link" href="./careers.html">Careers</a> <li class="nav-item active"><a class="nav-link" href="./news">News</a></li>
</li> <li class="nav-item"><a class="nav-link" href="./about">About</a></li>
<li class="nav-item active"> <li class="nav-item"><a class="nav-link" href="#shop">Shop</a></li>
<a class="nav-link" href="./news.html">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./shop.html">Shop</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<script src="./js/addToURL.js"></script>
<!--End Navbar-->
<div class="container"> <div class="container">
<h1>News</h1> <h1>News</h1>

View File

@@ -16,7 +16,7 @@
crossorigin="anonymous" crossorigin="anonymous"
/> />
<title>Home | Pfosten Dynamics</title> <title>Vehicles | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" /> <link rel="icon" href="./img/favicon.png" />
</head> </head>
<body> <body>
@@ -47,14 +47,14 @@
id="navbarNavDropdown" id="navbarNavDropdown"
> >
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item active"> <li class="nav-item">
<a class="nav-link" href="./" <a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a >Home <span class="sr-only">(current)</span></a
> >
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a <a
class="nav-link dropdown-toggle" class="nav-link dropdown-toggle active"
href="#" href="#"
id="navbarDropdownMenuLink" id="navbarDropdownMenuLink"
role="button" role="button"
@@ -73,21 +73,13 @@
<a class="dropdown-item" href="./bobbybob">Bobbybob</a> <a class="dropdown-item" href="./bobbybob">Bobbybob</a>
<a class="dropdown-item" href="./bobbyklo">Bobbyklo</a> <a class="dropdown-item" href="./bobbyklo">Bobbyklo</a>
<a class="dropdown-item" href="./bobbyboot">Bobbyboot</a> <a class="dropdown-item" href="./bobbyboot">Bobbyboot</a>
<a class="dropdown-item" href="./bobbyhubschrauber" <a class="dropdown-item" href="./bobbyhubschrauber">Bobbyhubschrauber</a>
>Bobbyhubschrauber</a <a class="dropdown-item" href="./raupenfahrzeug">Raupenfahrzeug</a>
>
<a class="dropdown-item" href="./raupenfahrzeug"
>Raupenfahrzeug</a
>
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item"><a class="nav-link" href="./careers">Careers</a></li>
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item"><a class="nav-link" href="./news">News</a></li> <li class="nav-item"><a class="nav-link" href="./news">News</a></li>
<li class="nav-item"> <li class="nav-item"><a class="nav-link" href="./about">About</a></li>
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item"><a class="nav-link" href="#shop">Shop</a></li> <li class="nav-item"><a class="nav-link" href="#shop">Shop</a></li>
</ul> </ul>
</div> </div>