Added about section

This commit is contained in:
CommanderRedYT
2020-11-05 19:00:37 +01:00
parent b93df4d6c4
commit 0af48b684a

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html lang="en" style="scroll-behavior: smooth">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
@@ -67,26 +67,101 @@
class="dropdown-menu"
aria-labelledby="navbarDropdownMenuLink"
>
<a class="dropdown-item" href="#">Bobbycar</a>
<a class="dropdown-item" href="#">Bobbyquad</a>
<a class="dropdown-item" href="#">Bobbybob</a>
<a class="dropdown-item" href="#">Bobbyklo</a>
<a class="dropdown-item" href="#">Bobbyboot</a>
<a class="dropdown-item" href="#">Bobbyhubschrauber</a>
<a class="dropdown-item" href="#">Raupenfahrzeug</a>
<a class="dropdown-item" href="./bobbycar.html">Bobbycar</a>
<a class="dropdown-item" href="./bobbyquad.html">Bobbyquad</a>
<a class="dropdown-item" href="./bobbybob.html">Bobbybob</a>
<a class="dropdown-item" href="./bobbyklo.html">Bobbyklo</a>
<a class="dropdown-item" href="./bobbyboot.html">Bobbyboot</a>
<a class="dropdown-item" href="./bobbyhubschrauber.html"
>Bobbyhubschrauber</a
>
<a class="dropdown-item" href="./raupenfahrzeug.html"
>Raupenfahrzeug</a
>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="#">Careers</a></li>
<li class="nav-item"><a class="nav-link" href="#">News</a></li>
<li class="nav-item"><a class="nav-link" href="#">About</a></li>
<li class="nav-item"><a class="nav-link" href="#">Shop</a></li>
<li class="nav-item">
<a class="nav-link" href="./careers.html">Careers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./news.html">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./shop.html">Shop</a>
</li>
</ul>
</div>
</div>
</nav>
<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">
<h1>About</h1>
<div class="h5">
<p class="text-center">
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
Microcontrollers. 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-1">FAQ</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 a electric bobbycar?</a
>
<br>
</div>
<br>
<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 in the world. 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 that breaks or needs fixing.
</p>
</div>
<div id="Q3">
<a>Q: When can I buy a electric bobbycar?</a>
<p>
A: For now these are not up for sale, but you can self buld yourself one.
</p>
</div>
</div>
</div>
<!-- Optional JavaScript; choose one of the two! -->