Php transformation #1

Merged
CommanderRedYT merged 18 commits from php-transformation into master 2020-11-24 15:34:42 +01:00
46 changed files with 696 additions and 3027 deletions

View File

@ -17,7 +17,7 @@ RewriteRule ^(.*)$ $1.php [NC,L]
ErrorDocument 404 /404
ErrorDocument 403 /403
<Files template.html>
<Files template.php>
order allow,deny
deny from all
</Files>

View File

@ -1,356 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>About | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<div>
<header
style="background-color: rgba(219, 219, 219, 0.448)"
class="shadow p-10 mb-3"
>
<img
id="background-image"
src="./img/new-about.jpg"
style="
display: block;
margin-left: auto;
margin-right: auto;
border: 2px;
border-style: ridge;
border-color: gray;
"
class="img-fluid"
draggable="false"
ondragstart="return false;"
/>
<h1 style="text-align: center; position: relative"></h1>
</header>
</div>
<div class="container">
<br />
<div class="h5">
<p style="hyphens: auto; text-align: justify">
Pfostendynamics is a world leader in building electric bobbycars,
tackling some of the toughest electronic and mechanical challenges. We
combine the principles of dumb ideas and too much free time,
cutting-edge Chinese electronics, and next-generation software for
high-performance bobbycars equipped with BMS, Battery, and
micro-controllers. Pfostendynamics has an extraordinary and
fast-growing technical team of engineers and scientists who seamlessly
combine next level bullshit with bold engineering and crashing into
things.
</p>
</div>
<h2
class="mt-5 display-4 text-uppercase"
style="text-shadow: 1px 1px #686868"
>
FAQs about Pfosten Dynamics
</h2>
<div id="faq">
<div>
<a href="#Q1" class="text-decoration-none"
>Q: Why does Pfosten Dynamics make electric bobbycars?</a
>
<br />
<a href="#Q2" class="text-decoration-none"
>Q: What makes Pfostendynamics unique?</a
>
<br />
<a href="#Q3" class="text-decoration-none"
>Q: When can I buy an electric bobbycar?</a
>
<br />
<a href="./impressum" class="text-decoration-none">IMPRESSUM </a>
</div>
<br />
<div id="Q" class="h4" style="padding-left: 50px">
<div id="Q1">
<a>Q: Why does Pfosten Dynamics make electric bobbycars?</a>
<p>A: Because we can</p>
</div>
<div id="Q2">
<a>Q: What makes Pfostendynamics unique?</a>
<p>
A: One of the things that makes Pfostendynamics unique is the
ambition to build a electric bobbycar that does not go up in smoke
immediately. Peter Poetzi began tackling this problem before
anyone else of us. And weve been at it since almost 3 years.
Weve been inspired by and worked towards this goal for so long
that we have invented techniques to make bobbycars work that you
cant find in any textbook or technical article. The result is
that we now know how to build such bobbycars so that they work for
around 100 Kilometers without something breaking or needing for
repair.
</p>
</div>
<div id="Q3">
<a>Q: When can I buy an electric bobbycar?</a>
<p>
A: For now these are not up for sale, but you can self build
yourself one.
</p>
</div>
</div>
</div>
</div>
<div
id="about-us"
class="container"
style="border-top: 5px; border-top-style: solid"
>
<br />
<div id="about-pic">
<!--<img
src="./img/new-about.jpg"
class="img-fluid rounded mx-auto d-block shadow"
style="
max-width: 99%;
border: 2px;
border-style: ridge;
border-color: gray;
"
draggable="false"
ondragstart="return false;"
/>-->
<h2
class="display-4"
style="text-shadow: 1px 1px #686868; margin-top: -30px"
>
Our Team
</h2>
</div>
<br />
<div class="container" id="team">
<ul class="list-unstyled">
<li class="media">
<img
class="mr-3 img-fluid shadow rounded"
src="./img/placeholder.jpg"
style="
max-height: 150px;
border: 2px;
border-style: ridge;
border-color: gray;
"
draggable="false"
ondragstart="return false;"
/>
<div class="media-body">
<h3 class="mt-0 mb-1">feedc0de</h3>
feedcode text
</div>
</li>
<br />
<li class="media">
<div class="media-body">
<h3 class="mt-0 mb-1">peterp</h3>
peterp text
</div>
</li>
<br />
<li class="media">
<img
class="mr-3 img-fluid shadow rounded"
src="./img/members/greyhash.jpg"
style="
max-height: 150px;
border: 2px;
border-style: ridge;
border-color: gray;
"
draggable="false"
ondragstart="return false;"
/>
<div class="media-body">
<h3 class="mt-0 mb-1">greyhash</h3>
greyhash text
</div>
</li>
<br />
<li class="media">
<img
class="mr-3 img-fluid shadow rounded"
src="./img/members/mick.jpg"
style="
max-height: 150px;
border: 2px;
border-style: ridge;
border-color: gray;
"
draggable="false"
ondragstart="return false;"
/>
<div class="media-body">
<h3 class="mt-0 mb-1">mick</h3>
mick text
</div>
</li>
<br />
<li class="media">
<img
class="mr-3 img-fluid shadow rounded"
src="./img/members/commanderred.jpg"
style="
max-height: 150px;
border: 2px;
border-style: ridge;
border-color: gray;
"
draggable="false"
ondragstart="return false;"
/>
<div class="media-body">
<h3 class="mt-0 mb-1">CommanderRed</h3>
Web-Pfosten (WEB-DESIGN)
</div>
</li>
</ul>
</div>
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

166
about.php Normal file
View File

@ -0,0 +1,166 @@
<?php
define('PAGE_TITLE', 'About');
define('ACTIVE_MENUITEM', 'about');
require('includes/header.php');
?>
<div>
<header style="background-color: rgba(219, 219, 219, 0.448)" class="shadow p-10 mb-3">
<img id="background-image" src="./img/new-about.jpg" style="
display: block;
margin-left: auto;
margin-right: auto;
border: 2px;
border-style: ridge;
border-color: gray;
" class="img-fluid" draggable="false" ondragstart="return false;" />
<h1 style="text-align: center; position: relative"></h1>
</header>
</div>
<div class="container">
<br />
<div class="h5">
<p style="hyphens: auto; text-align: justify">
Pfostendynamics is a world leader in building electric bobbycars,
tackling some of the toughest electronic and mechanical challenges. We
combine the principles of dumb ideas and too much free time,
cutting-edge Chinese electronics, and next-generation software for
high-performance bobbycars equipped with BMS, Battery, and
micro-controllers. Pfostendynamics has an extraordinary and
fast-growing technical team of engineers and scientists who seamlessly
combine next level bullshit with bold engineering and crashing into
things.
</p>
</div>
<h2 class="mt-5 display-4 text-uppercase" style="text-shadow: 1px 1px #686868">
FAQs about Pfosten Dynamics
</h2>
<div id="faq">
<div>
<a href="#Q1" class="text-decoration-none">Q: Why does Pfosten Dynamics make electric bobbycars?</a>
<br />
<a href="#Q2" class="text-decoration-none">Q: What makes Pfostendynamics unique?</a>
<br />
<a href="#Q3" class="text-decoration-none">Q: When can I buy an electric bobbycar?</a>
<br />
<a href="./impressum" class="text-decoration-none">IMPRESSUM </a>
</div>
<br />
<div id="Q" class="h4" style="padding-left: 50px">
<div id="Q1">
<a>Q: Why does Pfosten Dynamics make electric bobbycars?</a>
<p>A: Because we can</p>
</div>
<div id="Q2">
<a>Q: What makes Pfostendynamics unique?</a>
<p>
A: One of the things that makes Pfostendynamics unique is the
ambition to build a electric bobbycar that does not go up in smoke
immediately. Peter Poetzi began tackling this problem before
anyone else of us. And weve been at it since almost 3 years.
Weve been inspired by and worked towards this goal for so long
that we have invented techniques to make bobbycars work that you
cant find in any textbook or technical article. The result is
that we now know how to build such bobbycars so that they work for
around 100 Kilometers without something breaking or needing for
repair.
</p>
</div>
<div id="Q3">
<a>Q: When can I buy an electric bobbycar?</a>
<p>
A: For now these are not up for sale, but you can self build
yourself one.
</p>
</div>
</div>
</div>
</div>
<div id="about-us" class="container" style="border-top: 5px; border-top-style: solid">
<br />
<div id="about-pic">
<!--<img
src="./img/new-about.jpg"
class="img-fluid rounded mx-auto d-block shadow"
style="
max-width: 99%;
border: 2px;
border-style: ridge;
border-color: gray;
"
draggable="false"
ondragstart="return false;"
/>-->
<h2 class="display-4" style="text-shadow: 1px 1px #686868; margin-top: -30px">
Our Team
</h2>
</div>
<br />
<div class="container" id="team">
<ul class="list-unstyled">
<li class="media">
<img class="mr-3 img-fluid shadow rounded" src="./img/placeholder.jpg" style="
max-height: 150px;
border: 2px;
border-style: ridge;
border-color: gray;
" draggable="false" ondragstart="return false;" />
<div class="media-body">
<h3 class="mt-0 mb-1">feedc0de</h3>
feedcode text
</div>
</li>
<br />
<li class="media">
<div class="media-body">
<h3 class="mt-0 mb-1">peterp</h3>
peterp text
</div>
</li>
<br />
<li class="media">
<img class="mr-3 img-fluid shadow rounded" src="./img/members/greyhash.jpg" style="
max-height: 150px;
border: 2px;
border-style: ridge;
border-color: gray;
" draggable="false" ondragstart="return false;" />
<div class="media-body">
<h3 class="mt-0 mb-1">greyhash</h3>
greyhash text
</div>
</li>
<br />
<li class="media">
<img class="mr-3 img-fluid shadow rounded" src="./img/members/mick.jpg" style="
max-height: 150px;
border: 2px;
border-style: ridge;
border-color: gray;
" draggable="false" ondragstart="return false;" />
<div class="media-body">
<h3 class="mt-0 mb-1">mick</h3>
mick text
</div>
</li>
<br />
<li class="media">
<img class="mr-3 img-fluid shadow rounded" src="./img/members/commanderred.jpg" style="
max-height: 150px;
border: 2px;
border-style: ridge;
border-color: gray;
" draggable="false" ondragstart="return false;" />
<div class="media-body">
<h3 class="mt-0 mb-1">CommanderRed</h3>
Web-Pfosten (WEB-DESIGN)
</div>
</li>
</ul>
</div>
</div>
<?php require('includes/footer.php'); ?>

View File

@ -1,153 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>Bobbybob | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<br />
<br />
<br />
<div class="container-fluid">Bobbybob (WIP)</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

13
bobbybob.php Normal file
View File

@ -0,0 +1,13 @@
<?php
define('PAGE_TITLE', 'Bobbybob');
define('ACTIVE_MENUITEM', 'bobbybob');
require('includes/header.php');
?>
<br />
<br />
<br />
<div class="container-fluid">Bobbybob (WIP)</div>
<?php require('includes/footer.php'); ?>

View File

@ -1,154 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>Bobbyboot | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<br />
<br />
<br />
<div class="container-fluid">Bobbyboot (WIP)</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

13
bobbyboot.php Normal file
View File

@ -0,0 +1,13 @@
<?php
define('PAGE_TITLE', 'Bobbyboot');
define('ACTIVE_MENUITEM', 'bobbyboot');
require('includes/header.php');
?>
<br />
<br />
<br />
<div class="container-fluid">Bobbyboot (WIP)</div>
<?php require('includes/footer.php'); ?>

View File

@ -1,154 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>Bobbycar | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<br />
<br />
<br />
<div class="container-fluid">Bobbycar (WIP)</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

13
bobbycar.php Normal file
View File

@ -0,0 +1,13 @@
<?php
define('PAGE_TITLE', 'Bobbycar');
define('ACTIVE_MENUITEM', 'bobbycar');
require('includes/header.php');
?>
<br />
<br />
<br />
<div class="container-fluid">Bobbycar (WIP)</div>
<?php require('includes/footer.php'); ?>

View File

@ -1,154 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>Bobbyhubschrauber | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<br />
<br />
<br />
<div class="container-fluid">Bobbyhubschrauber (WIP)</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

40
bobbyhubschrauber.php Normal file
View File

@ -0,0 +1,40 @@
<?php
define('PAGE_TITLE', 'Bobbyhubschrauber');
define('ACTIVE_MENUITEM', 'bobbyhubschrauber');
require('includes/header.php');
?>
<br />
<br />
<br />
<div class="container-fluid">Bobbyhubschrauber (WIP)</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

View File

@ -1,156 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>Bobbyklo | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<br />
<br />
<br />
<div class="container-fluid">
Bobbyklo (WIP)
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

15
bobbyklo.php Normal file
View File

@ -0,0 +1,15 @@
<?php
define('PAGE_TITLE', 'Bobbyklo');
define('ACTIVE_MENUITEM', 'bobbyklo');
require('includes/header.php');
?>
<br />
<br />
<br />
<div class="container-fluid">
Bobbyklo (WIP)
</div>
<?php require('includes/footer.php'); ?>

View File

@ -1,154 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>Bobbyquad | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<br />
<br />
<br />
<div class="container-fluid">Bobbyquad (WIP)</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

13
bobbyquad.php Normal file
View File

@ -0,0 +1,13 @@
<?php
define('PAGE_TITLE', 'Bobbyquad');
define('ACTIVE_MENUITEM', 'bobbyquad');
require('includes/header.php');
?>
<br />
<br />
<br />
<div class="container-fluid">Bobbyquad (WIP)</div>
<?php require('includes/footer.php'); ?>

View File

@ -1,218 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link
rel="stylesheet"
href="./darkmode.css"
/>
<link
rel="stylesheet"
href="./style.css"
/>
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>Careers | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<div>
<header
style="
background-color: rgba(219, 219, 219, 0.448);
border-bottom-width: 3px;
border-bottom-style: solid;
border-top-width: 3px;
border-top-style: solid;
"
class="shadow p-10 mb-3"
>
<img
id="background-image"
src="./img/PfostenDynamics.png"
style="
display: block;
margin-left: auto;
margin-right: auto;
max-height: 5cm;
"
class="img-fluid"
/>
<h1 style="text-align: center; position: relative"></h1>
</header>
</div>
<div class="container">
<h2 class="mt-5 display-1">Careers</h2>
<p>
Company Overview Remarkably capable electric bobbycars will soon be
commonplace in the real world. Pfostendynamics is working towards this
future through the development of electric bobbycars with advanced
mobility, dexterity, and no intelligence. We are providing cutting edge
chinese technology and solutions to our customers. We have an
established legacy and an experienced team of multi-disciplinary,
world-class professionals working every day to translate our dumbest
ideas into technology breakthroughs. We are entering new territory,
building a commercial company with new opportunities to create something
special from our core in bobbycar research and development. We want you
to be part of the effort - not just to build great products, but to
build a truly great company. Why Pfostendynamics? At Pfostendynamics we
create innovative machines, combining advanced control systems with
software and sophisticated mechanical designs to create high-performance
bobbycars equipped with BMS, battery and micro-controllers. In our
friendly and supportive work environment, we encourage work-life balance
while chasing our ambitious goals. We have a highly collaborative
atmosphere, and our bobbycar in academia combined with our
entrepreneurial mindset create the foundation for our vibrant culture.
You can be yourself. From dress code to desk decoration, we want people
to feel comfortable as themselves. We celebrate diverse backgrounds and
points of view. We believe diversity drives innovation, so were
building a culture where difference is valued. We foster both a top-down
and grassroots approach to solving problems. This gives us the freedom
to address the broadest set of technical challenges, furthering our
mission to change ideas about what idiots can do. Benefits Were here to
not support you with medical coverage, dental & vision, health & flex
accounts, retirement savings, free lunch & snacks, competitive vacation
and holidays.
</p>
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

68
careers.php Normal file
View File

@ -0,0 +1,68 @@
<?php
define('PAGE_TITLE', 'Careers');
define('ACTIVE_MENUITEM', 'careers');
require('includes/header.php');
?>
<div>
<header
style="
background-color: rgba(219, 219, 219, 0.448);
border-bottom-width: 3px;
border-bottom-style: solid;
border-top-width: 3px;
border-top-style: solid;
"
class="shadow p-10 mb-3"
>
<img
id="background-image"
src="./img/PfostenDynamics.png"
style="
display: block;
margin-left: auto;
margin-right: auto;
max-height: 5cm;
"
class="img-fluid"
/>
<h1 style="text-align: center; position: relative"></h1>
</header>
</div>
<div class="container">
<h2 class="mt-5 display-1">Careers</h2>
<p>
Company Overview Remarkably capable electric bobbycars will soon be
commonplace in the real world. Pfostendynamics is working towards this
future through the development of electric bobbycars with advanced
mobility, dexterity, and no intelligence. We are providing cutting edge
chinese technology and solutions to our customers. We have an
established legacy and an experienced team of multi-disciplinary,
world-class professionals working every day to translate our dumbest
ideas into technology breakthroughs. We are entering new territory,
building a commercial company with new opportunities to create something
special from our core in bobbycar research and development. We want you
to be part of the effort - not just to build great products, but to
build a truly great company. Why Pfostendynamics? At Pfostendynamics we
create innovative machines, combining advanced control systems with
software and sophisticated mechanical designs to create high-performance
bobbycars equipped with BMS, battery and micro-controllers. In our
friendly and supportive work environment, we encourage work-life balance
while chasing our ambitious goals. We have a highly collaborative
atmosphere, and our bobbycar in academia combined with our
entrepreneurial mindset create the foundation for our vibrant culture.
You can be yourself. From dress code to desk decoration, we want people
to feel comfortable as themselves. We celebrate diverse backgrounds and
points of view. We believe diversity drives innovation, so were
building a culture where difference is valued. We foster both a top-down
and grassroots approach to solving problems. This gives us the freedom
to address the broadest set of technical challenges, furthering our
mission to change ideas about what idiots can do. Benefits Were here to
not support you with medical coverage, dental & vision, health & flex
accounts, retirement savings, free lunch & snacks, competitive vacation
and holidays.
</p>
</div>
<?php require('includes/footer.php'); ?>

View File

@ -1,161 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>GitHub | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<br />
<br />
<br />
<div class="container-fluid text-center">
<a href="https://github.com/0xFEEDC0DE64/pfostendynamics.com"
target="_blank" rel="noopener" onclick='location.href="./"'
><button type="button" class="btn btn-primary">
GitHub
</button></a
>
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

17
github.php Normal file
View File

@ -0,0 +1,17 @@
<?php
define('PAGE_TITLE', 'GitHub');
define('ACTIVE_MENUITEM', 'github');
require('includes/header.php');
?>
<br />
<br />
<br />
<div class="container-fluid text-center">
<a href="https://github.com/0xFEEDC0DE64/pfostendynamics.com" target="_blank" rel="noopener" onclick='location.href="./"'><button type="button" class="btn btn-primary">
GitHub
</button></a>
</div>
<?php require('includes/footer.php'); ?>

BIN
img/news/news1-1.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 151 KiB

BIN
img/news/news1-2.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

BIN
img/news/news1-3.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 127 KiB

BIN
img/news/news1-4.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 134 KiB

View File

@ -1,154 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>Impressum | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<br />
<br />
<br />
<div class="container-fluid">This website is under construction!</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

13
impressum.php Normal file
View File

@ -0,0 +1,13 @@
<?php
define('PAGE_TITLE', 'Impressum');
define('ACTIVE_MENUITEM', 'impressum');
require('includes/header.php');
?>
<br />
<br />
<br />
<div class="container-fluid">This website is under construction!</div>
<?php require('includes/footer.php'); ?>

28
includes/footer.php Normal file
View File

@ -0,0 +1,28 @@
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

25
includes/header.php Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./css/darkmode.css" />
<link rel="stylesheet" href="./css/style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title><?php echo htmlentities(PAGE_TITLE); ?> | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<?php require('navbar.php') ?>

55
includes/navbar.php Normal file
View File

@ -0,0 +1,55 @@
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./">
<img src="./img/PfostenDynamics.png" style="max-height: 60px" class="d-inline-block align-top" alt="" loading="lazy" id="pfostendynamics" />
</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>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
<ul class="navbar-nav">
<?php
function makeMenuItem($text, $url, $active) {
?>
<li class="nav-item home canactive <?php if ($active) { ?> active<?php } ?>">
<a class="nav-link" href="<?php echo htmlentities($url); ?>"><?php echo htmlentities($text); ?><?php if ($active) { ?> <span class="sr-only">(current)</span><?php } ?></a>
</li>
<?php
}
?>
<?php makeMenuItem("Home", "./", ACTIVE_MENUITEM == "home"); ?>
<li class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive">
<a 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>
<?php makeMenuItem("Careers", "./careers", ACTIVE_MENUITEM == "careers"); ?>
<?php makeMenuItem("News", "./news", ACTIVE_MENUITEM == "news"); ?>
<?php makeMenuItem("About", "./about", ACTIVE_MENUITEM == "about"); ?>
<?php makeMenuItem("Shop", "./shop", ACTIVE_MENUITEM == "shop"); ?>
<?php makeMenuItem("Impressum", "./impressum", ACTIVE_MENUITEM == "impressum"); ?>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
</nav>
<!--End Navbar-->

View File

@ -1,282 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>Home | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<br />
<br />
<br />
<div class="container-fluid">
<div class="row">
<div class="col-sm text-right">
<br />
<h1 class="text-shadow couldDark" style="text-shadow: 1.3px 1.3px #686868">Pfosten Dynamics</h1>
<h2>Change your idea of what idiots can do</h2>
</div>
<div class="col-sm text-left">
<br />
<img
src="./img/peterXfeedc0de.jpg"
style="
max-height: 600px;
border: 2px;
border-style: ridge;
border-color: gray;
"
class="d-inline-block shadow rounded img-fluid"
alt=""
loading="lazy"
draggable="false"
ondragstart="return false;"
/>
</div>
</div>
<br />
<br />
<div
class="container-fluid text-center"
style="background-color: rgba(165, 165, 165, 0.372)"
>
<div class="container-fluid">
<div class="row">
<div class="col-sm text-right vert">
<br />
<img
src="./img/bobbycars.png"
style="
max-height: 600px;
border: 2px;
border-style: ridge;
border-color: gray;
"
class="d-inline-block shadow rounded img-fluid"
alt=""
loading="lazy"
draggable="false"
ondragstart="return false;"
/>
</div>
<div class="col-sm text-left">
<br />
<h1 style="text-shadow: 1.3px 1.3px #686868">THE BOBBYCARS</h1>
<h2>
The mobile bobbycar designed for driving against walls, going up
in smoke, and hurting the driver.
</h2>
</div>
</div>
<br />
</div>
</div>
<br />
<div class="container-fluid">
<div class="row">
<div class="col-sm text-right">
<br />
<h1 style="text-shadow: 1.3px 1.3px #686868">TRANSPORT</h1>
<h2>If the bobbycar works, it can be used for many applications</h2>
</div>
<div class="col-sm text-left">
<br />
<img
src="./img/feedcode-bobbycar-1.jpg"
style="
max-height: 600px;
border: 2px;
border-style: ridge;
border-color: gray;
"
class="d-inline-block shadow rounded img-fluid"
alt=""
loading="lazy"
draggable="false"
ondragstart="return false;"
/>
</div>
</div>
<br />
<br />
<div
class="container-fluid text-center"
style="background-color: rgba(165, 165, 165, 0.372)"
>
<div class="container-fluid">
<div class="row">
<div class="col-sm text-right vert">
<br />
<img
src="./img/party.jpg"
style="
max-height: 600px;
border: 2px;
border-style: ridge;
border-color: gray;
"
class="d-inline-block shadow rounded img-fluid"
alt=""
loading="lazy"
draggable="false"
ondragstart="return false;"
/>
</div>
<div class="col-sm text-left">
<br />
<h1 style="text-shadow: 1.3px 1.3px #686868">
PERSON TRANSPORT
</h1>
<h2>
If you want to transport your friends, no problem, but be
careful that the wheels of the trailer can take the weight.
</h2>
</div>
</div>
<br />
</div>
</div>
<br />
</div>
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

141
index.php Normal file
View File

@ -0,0 +1,141 @@
<?php
define('PAGE_TITLE', 'Home');
define('ACTIVE_MENUITEM', 'home');
require('includes/header.php');
?>
<br />
<br />
<br />
<div class="container-fluid">
<div class="row">
<div class="col-sm text-right">
<br />
<h1 class="text-shadow couldDark" style="text-shadow: 1.3px 1.3px #686868">Pfosten Dynamics</h1>
<h2>Change your idea of what idiots can do</h2>
</div>
<div class="col-sm text-left">
<br />
<img
src="./img/peterXfeedc0de.jpg"
style="
max-height: 600px;
border: 2px;
border-style: ridge;
border-color: gray;
"
class="d-inline-block shadow rounded img-fluid"
alt=""
loading="lazy"
draggable="false"
ondragstart="return false;"
/>
</div>
</div>
<br />
<br />
<div
class="container-fluid text-center"
style="background-color: rgba(165, 165, 165, 0.372)"
>
<div class="container-fluid">
<div class="row">
<div class="col-sm text-right vert">
<br />
<img
src="./img/bobbycars.png"
style="
max-height: 600px;
border: 2px;
border-style: ridge;
border-color: gray;
"
class="d-inline-block shadow rounded img-fluid"
alt=""
loading="lazy"
draggable="false"
ondragstart="return false;"
/>
</div>
<div class="col-sm text-left">
<br />
<h1 style="text-shadow: 1.3px 1.3px #686868">THE BOBBYCARS</h1>
<h2>
The mobile bobbycar designed for driving against walls, going up
in smoke, and hurting the driver.
</h2>
</div>
</div>
<br />
</div>
</div>
<br />
<div class="container-fluid">
<div class="row">
<div class="col-sm text-right">
<br />
<h1 style="text-shadow: 1.3px 1.3px #686868">TRANSPORT</h1>
<h2>If the bobbycar works, it can be used for many applications</h2>
</div>
<div class="col-sm text-left">
<br />
<img
src="./img/feedcode-bobbycar-1.jpg"
style="
max-height: 600px;
border: 2px;
border-style: ridge;
border-color: gray;
"
class="d-inline-block shadow rounded img-fluid"
alt=""
loading="lazy"
draggable="false"
ondragstart="return false;"
/>
</div>
</div>
<br />
<br />
<div
class="container-fluid text-center"
style="background-color: rgba(165, 165, 165, 0.372)"
>
<div class="container-fluid">
<div class="row">
<div class="col-sm text-right vert">
<br />
<img
src="./img/party.jpg"
style="
max-height: 600px;
border: 2px;
border-style: ridge;
border-color: gray;
"
class="d-inline-block shadow rounded img-fluid"
alt=""
loading="lazy"
draggable="false"
ondragstart="return false;"
/>
</div>
<div class="col-sm text-left">
<br />
<h1 style="text-shadow: 1.3px 1.3px #686868">
PERSON TRANSPORT
</h1>
<h2>
If you want to transport your friends, no problem, but be
careful that the wheels of the trailer can take the weight.
</h2>
</div>
</div>
<br />
</div>
</div>
<br />
</div>
</div>
<?php require('includes/footer.php'); ?>

View File

@ -99,7 +99,6 @@ function load() {
setCookie("darkmode", false, 999);
}
checkDarkmode();
setactivePage();
}
/*Cookie scripts*/

View File

@ -1,149 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>Home | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

154
news.html
View File

@ -1,154 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>News | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<div class="container">
<h1>News</h1>
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

15
news.php Normal file
View File

@ -0,0 +1,15 @@
<?php
define('PAGE_TITLE', 'News');
define('ACTIVE_MENUITEM', 'news');
require('includes/header.php');
?>
<div class="container">
<h1>News</h1>
</div>
<?php require('includes/footer.php'); ?>

View File

@ -1,156 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>Raupenfahrzeug | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<br />
<br />
<br />
<div class="container-fluid">
Raupenfahrzeug (WIP)
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

15
raupenfahrzeug.php Normal file
View File

@ -0,0 +1,15 @@
<?php
define('PAGE_TITLE', 'Raupenfahrzeug');
define('ACTIVE_MENUITEM', 'raupenfahrzeug');
require('includes/header.php');
?>
<br />
<br />
<br />
<div class="container-fluid">
Raupenfahrzeug (WIP)
</div>
<?php require('includes/footer.php'); ?>

160
shop.html
View File

@ -1,160 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>Shop | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<br />
<br />
<br />
<div class="container-fluid">
<a href="./"
><button type="button" class="btn btn-primary">
Go back to Home
</button></a
>
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

17
shop.php Normal file
View File

@ -0,0 +1,17 @@
<?php
define('PAGE_TITLE', 'Shop');
define('ACTIVE_MENUITEM', 'shop');
require('includes/header.php');
?>
<br />
<br />
<br />
<div class="container-fluid">
<a href="./"><button type="button" class="btn btn-primary">
Go back to Home
</button></a>
</div>
<?php require('includes/footer.php'); ?>

View File

@ -1,154 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>Home | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<br />
<br />
<br />
<div class="container-fluid">Site</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

13
template.php Normal file
View File

@ -0,0 +1,13 @@
<?php
define('PAGE_TITLE', 'About');
define('ACTIVE_MENUITEM', 'about');
require('includes/header.php');
?>
<br />
<br />
<br />
<div class="container-fluid">Site</div>
<?php require('includes/footer.php'); ?>

View File

@ -1,156 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="./darkmode.css" />
<link rel="stylesheet" href="./style.css" />
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<title>Vehicles | Pfosten Dynamics</title>
<link rel="icon" href="./img/favicon.png" />
</head>
<body onload="load()" class="couldDark">
<!--Begin Navbar-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light couldDark"
id="navbar"
>
<div class="container">
<a class="navbar-brand" href="./"
><img
src="./img/PfostenDynamics.png"
style="max-height: 60px"
class="d-inline-block align-top"
alt=""
loading="lazy"
id="pfostendynamics"
/></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>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNavDropdown"
>
<ul class="navbar-nav">
<li class="nav-item home canactive">
<a class="nav-link" href="./"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li
class="nav-item dropdown vehicles bobbycar bobbyquad bobbybob bobbyklo bobbyboot bobbyhubschrauber raupenfahrzeug canactive"
>
<a
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 careers canactive">
<a class="nav-link" href="./careers">Careers</a>
</li>
<li class="nav-item news canactive">
<a class="nav-link" href="./news">News</a>
</li>
<li class="nav-item about canactive">
<a class="nav-link" href="./about">About</a>
</li>
<li class="nav-item shop canactive">
<a class="nav-link" href="./shop">Shop</a>
</li>
<li class="nav-item impressum canactive">
<a class="nav-link" href="./impressum">Impressum</a>
</li>
</ul>
<a class="nav-link" href="#" onclick="darkMode()"
><img
id="darkModeImg"
class="img-fluid"
data-toggle="tooltip"
data-placement="top"
title="Toggle darkmode"
src=""
/></a>
</div>
</div>
<script src="./js/navbar.js"></script>
</nav>
<!--End Navbar-->
<br />
<br />
<br />
<div class="container-fluid">
Vehicles (WIP)
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
-->
<script src="./js/main.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>

15
vehicles.php Normal file
View File

@ -0,0 +1,15 @@
<?php
define('PAGE_TITLE', 'Vehicles');
define('ACTIVE_MENUITEM', 'vehicles');
require('includes/header.php');
?>
<br />
<br />
<br />
<div class="container-fluid">
Vehicles (WIP)
</div>
<?php require('includes/footer.php'); ?>