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

@@ -21,80 +21,72 @@
</head> </head>
<body> <body>
<!--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="./" <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=""
loading="lazy" loading="lazy"
/></a> /></a>
<button <button
class="navbar-toggler" class="navbar-toggler"
type="button" type="button"
data-toggle="collapse" data-toggle="collapse"
data-target="#navbarNavDropdown" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-controls="navbarNavDropdown"
aria-expanded="false" aria-expanded="false"
aria-label="Toggle navigation" aria-label="Toggle navigation"
> >
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div <div
class="collapse navbar-collapse justify-content-end" class="collapse navbar-collapse justify-content-end"
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"
href="#" href="#"
id="navbarDropdownMenuLink" id="navbarDropdownMenuLink"
role="button" role="button"
data-toggle="dropdown" data-toggle="dropdown"
aria-haspopup="true" aria-haspopup="true"
aria-expanded="false" aria-expanded="false"
> >
Vehicles Vehicles
</a> </a>
<div <div
class="dropdown-menu" class="dropdown-menu"
aria-labelledby="navbarDropdownMenuLink" 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>
<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>
> </div>
<a class="dropdown-item" href="./raupenfahrzeug" </li>
>Raupenfahrzeug</a <li class="nav-item"><a class="nav-link" href="./careers">Careers</a></li>
> <li class="nav-item"><a class="nav-link" href="./news">News</a></li>
</div> <li class="nav-item active"><a class="nav-link" href="./about">About</a></li>
</li> <li class="nav-item"><a class="nav-link" href="#shop">Shop</a></li>
<li class="nav-item"> </ul>
<a class="nav-link" href="./careers">Careers</a> </div>
</li> </div>
<li class="nav-item"><a class="nav-link" href="./news">News</a></li> </nav>
<li class="nav-item"> <script src="./js/addToURL.js"></script>
<a class="nav-link" href="./about">About</a> <!--End Navbar-->
</li>
<li class="nav-item"><a class="nav-link" href="#shop">Shop</a></li>
</ul>
</div>
</div>
</nav>
<script src="./js/addToURL.js"></script>
<!--End Navbar-->
<div> <div>
<header <header

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

@@ -16,43 +16,72 @@
<body> <body>
<!--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"
<span class="navbar-toggler-icon"></span> class="d-inline-block align-top"
</button> alt=""
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown"> loading="lazy"
<ul class="navbar-nav"> /></a>
<li class="nav-item active"> <button
<a class="nav-link" href="./">Home <span class="sr-only">(current)</span></a> class="navbar-toggler"
</li> type="button"
<li class="nav-item dropdown"> data-toggle="collapse"
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-target="#navbarNavDropdown"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> aria-controls="navbarNavDropdown"
Vehicles aria-expanded="false"
</a> aria-label="Toggle navigation"
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> >
<a class="dropdown-item" href="./bobbycar">Bobbycar</a> <span class="navbar-toggler-icon"></span>
<a class="dropdown-item" href="./bobbyquad">Bobbyquad</a> </button>
<a class="dropdown-item" href="./bobbybob">Bobbybob</a> <div
<a class="dropdown-item" href="./bobbyklo">Bobbyklo</a> class="collapse navbar-collapse justify-content-end"
<a class="dropdown-item" href="./bobbyboot">Bobbyboot</a> id="navbarNavDropdown"
<a class="dropdown-item" href="./bobbyhubschrauber">Bobbyhubschrauber</a> >
<a class="dropdown-item" href="./raupenfahrzeug">Raupenfahrzeug</a> <ul class="navbar-nav">
</div> <li class="nav-item active">
</li> <a class="nav-link" href="./"
<li class="nav-item"><a class="nav-link" href="./careers">Careers</a></li> >Home <span class="sr-only">(current)</span></a
<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>
<li class="nav-item"><a class="nav-link" href="#shop">Shop</a></li> <li class="nav-item dropdown">
</ul> <a
</div> class="nav-link dropdown-toggle"
href="#"
id="navbarDropdownMenuLink"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>
Vehicles
</a>
<div
class="dropdown-menu"
aria-labelledby="navbarDropdownMenuLink"
>
<a class="dropdown-item" href="./bobbycar">Bobbycar</a>
<a class="dropdown-item" href="./bobbyquad">Bobbyquad</a>
<a class="dropdown-item" href="./bobbybob">Bobbybob</a>
<a class="dropdown-item" href="./bobbyklo">Bobbyklo</a>
<a class="dropdown-item" href="./bobbyboot">Bobbyboot</a>
<a class="dropdown-item" href="./bobbyhubschrauber">Bobbyhubschrauber</a>
<a class="dropdown-item" href="./raupenfahrzeug">Raupenfahrzeug</a>
</div>
</li>
<li class="nav-item"><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="./about">About</a></li>
<li class="nav-item"><a class="nav-link" href="#shop">Shop</a></li>
</ul>
</div> </div>
</nav> </div>
<!--End Navbar--> </nav>
<script src="./js/addToURL.js"></script>
<!--End Navbar-->
<br> <br>
<br> <br>
<br> <br>

143
news.html
View File

@@ -20,82 +20,73 @@
<link rel="icon" href="img/favicon.png" /> <link rel="icon" href="img/favicon.png" />
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <!--Begin Navbar-->
<div class="container"> <nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="./" <div class="container">
><img <a class="navbar-brand" href="./"
src="./img/PfostenDynamics.png" ><img
style="max-height: 60px" src="./img/PfostenDynamics.png"
class="d-inline-block align-top" style="max-height: 60px"
alt="" class="d-inline-block align-top"
loading="lazy" alt=""
/></a> loading="lazy"
<button /></a>
class="navbar-toggler" <button
type="button" class="navbar-toggler"
data-toggle="collapse" type="button"
data-target="#navbarNavDropdown" data-toggle="collapse"
aria-controls="navbarNavDropdown" data-target="#navbarNavDropdown"
aria-expanded="false" aria-controls="navbarNavDropdown"
aria-label="Toggle navigation" aria-expanded="false"
> aria-label="Toggle navigation"
<span class="navbar-toggler-icon"></span> >
</button> <span class="navbar-toggler-icon"></span>
<div </button>
class="collapse navbar-collapse justify-content-end" <div
id="navbarNavDropdown" class="collapse navbar-collapse justify-content-end"
> id="navbarNavDropdown"
<ul class="navbar-nav"> >
<li class="nav-item"> <ul class="navbar-nav">
<a class="nav-link" href="./index.html" <li class="nav-item">
>Home <span class="sr-only">(current)</span></a <a class="nav-link" href="./"
> >Home <span class="sr-only">(current)</span></a
</li> >
<li class="nav-item dropdown"> </li>
<a <li class="nav-item dropdown">
class="nav-link dropdown-toggle" <a
href="#" class="nav-link dropdown-toggle"
id="navbarDropdownMenuLink" href="#"
role="button" id="navbarDropdownMenuLink"
data-toggle="dropdown" role="button"
aria-haspopup="true" data-toggle="dropdown"
aria-expanded="false" aria-haspopup="true"
> aria-expanded="false"
Vehicles >
</a> Vehicles
<div </a>
class="dropdown-menu" <div
aria-labelledby="navbarDropdownMenuLink" class="dropdown-menu"
> aria-labelledby="navbarDropdownMenuLink"
<a class="dropdown-item" href="./bobbycar.html">Bobbycar</a> >
<a class="dropdown-item" href="./bobbyquad.html">Bobbyquad</a> <a class="dropdown-item" href="./bobbycar">Bobbycar</a>
<a class="dropdown-item" href="./bobbybob.html">Bobbybob</a> <a class="dropdown-item" href="./bobbyquad">Bobbyquad</a>
<a class="dropdown-item" href="./bobbyklo.html">Bobbyklo</a> <a class="dropdown-item" href="./bobbybob">Bobbybob</a>
<a class="dropdown-item" href="./bobbyboot.html">Bobbyboot</a> <a class="dropdown-item" href="./bobbyklo">Bobbyklo</a>
<a class="dropdown-item" href="./bobbyhubschrauber.html" <a class="dropdown-item" href="./bobbyboot">Bobbyboot</a>
>Bobbyhubschrauber</a <a class="dropdown-item" href="./bobbyhubschrauber">Bobbyhubschrauber</a>
> <a class="dropdown-item" href="./raupenfahrzeug">Raupenfahrzeug</a>
<a class="dropdown-item" href="./raupenfahrzeug.html" </div>
>Raupenfahrzeug</a </li>
> <li class="nav-item"><a class="nav-link" href="./careers">Careers</a></li>
</div> <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"> <li class="nav-item"><a class="nav-link" href="#shop">Shop</a></li>
<a class="nav-link" href="./careers.html">Careers</a> </ul>
</li> </div>
<li class="nav-item active"> </div>
<a class="nav-link" href="./news.html">News</a> </nav>
</li> <script src="./js/addToURL.js"></script>
<li class="nav-item"> <!--End Navbar-->
<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>
</div>
</div>
</nav>
<div class="container"> <div class="container">
<h1>News</h1> <h1>News</h1>

View File

@@ -16,85 +16,77 @@
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>
<!--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="./" <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=""
loading="lazy" loading="lazy"
/></a> /></a>
<button <button
class="navbar-toggler" class="navbar-toggler"
type="button" type="button"
data-toggle="collapse" data-toggle="collapse"
data-target="#navbarNavDropdown" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-controls="navbarNavDropdown"
aria-expanded="false" aria-expanded="false"
aria-label="Toggle navigation" aria-label="Toggle navigation"
> >
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div <div
class="collapse navbar-collapse justify-content-end" class="collapse navbar-collapse justify-content-end"
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"
data-toggle="dropdown" data-toggle="dropdown"
aria-haspopup="true" aria-haspopup="true"
aria-expanded="false" aria-expanded="false"
> >
Vehicles Vehicles
</a> </a>
<div <div
class="dropdown-menu" class="dropdown-menu"
aria-labelledby="navbarDropdownMenuLink" 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>
<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>
> </div>
<a class="dropdown-item" href="./raupenfahrzeug" </li>
>Raupenfahrzeug</a <li class="nav-item"><a class="nav-link" href="./careers">Careers</a></li>
> <li class="nav-item"><a class="nav-link" href="./news">News</a></li>
</div> <li class="nav-item"><a class="nav-link" href="./about">About</a></li>
</li> <li class="nav-item"><a class="nav-link" href="#shop">Shop</a></li>
<li class="nav-item"> </ul>
<a class="nav-link" href="./careers">Careers</a> </div>
</li> </div>
<li class="nav-item"><a class="nav-link" href="./news">News</a></li> </nav>
<li class="nav-item"> <script src="./js/addToURL.js"></script>
<a class="nav-link" href="./about">About</a> <!--End Navbar-->
</li>
<li class="nav-item"><a class="nav-link" href="#shop">Shop</a></li>
</ul>
</div>
</div>
</nav>
<script src="./js/addToURL.js"></script>
<!--End Navbar-->
<div class="container"> <div class="container">
<h1>Vehicles</h1> <h1>Vehicles</h1>