pfostendynamics.com/about.html

<!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"
    />

    <!-- 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>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <div class="container">
        <a class="navbar-brand" href="./index.html"
          ><img
            src="img/PfostenDynamics.png"
            style="max-height: 60px"
            class="d-inline-block align-top"
            alt=""
            loading="lazy"
        /></a>
        <button
          class="navbar-toggler"
          type="button"
          data-toggle="collapse"
          data-target="#navbarNavDropdown"
          aria-controls="navbarNavDropdown"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span class="navbar-toggler-icon"></span>
        </button>
        <div
          class="collapse navbar-collapse justify-content-end"
          id="navbarNavDropdown"
        >
          <ul class="navbar-nav">
            <li class="nav-item">
              <a class="nav-link" href="./index.html"
                >Home <span class="sr-only">(current)</span></a
              >
            </li>
            <li class="nav-item dropdown">
              <a
                class="nav-link dropdown-toggle"
                href="./vehicles.html"
                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.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.html">Careers</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./news.html">News</a>
            </li>
            <li class="nav-item active">
              <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">
      <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 we’ve been at it since, almost 3 years. We’ve
            been inspired by and worked towards this goal for so long that we
            have invented techniques to make bobbycars work that you can’t 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! -->

    <!-- 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>
        -->
  </body>
</html>