Code formatting
This commit is contained in:
195
index.html
195
index.html
@@ -1,22 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" style="scroll-behavior: smooth;">
|
||||
|
||||
<head>
|
||||
<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" />
|
||||
<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" />
|
||||
<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>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<!--Begin Navbar-->
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="./"
|
||||
><img
|
||||
@@ -59,7 +65,10 @@
|
||||
>
|
||||
Vehicles
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
|
||||
<div
|
||||
class="dropdown-menu"
|
||||
aria-labelledby="navbarDropdownMenuLink"
|
||||
>
|
||||
<a class="dropdown-item" href="./bobbycar">Bobbycar</a>
|
||||
<a class="dropdown-item" href="./bobbyquad">Bobbyquad</a>
|
||||
<a class="dropdown-item" href="./bobbybob">Bobbybob</a>
|
||||
@@ -68,7 +77,9 @@
|
||||
<a class="dropdown-item" href="./bobbyhubschrauber"
|
||||
>Bobbyhubschrauber</a
|
||||
>
|
||||
<a class="dropdown-item" href="./raupenfahrzeug">Raupenfahrzeug</a>
|
||||
<a class="dropdown-item" href="./raupenfahrzeug"
|
||||
>Raupenfahrzeug</a
|
||||
>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -86,104 +97,160 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!--End Navbar-->
|
||||
</nav>
|
||||
<!--End Navbar-->
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm text-right">
|
||||
<br>
|
||||
<h1 style="text-shadow: 1.3px 1.3px #686868;">Pfosten Dynamics</h1>
|
||||
<br />
|
||||
<h1 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;" />
|
||||
<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);">
|
||||
<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">
|
||||
<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;" />
|
||||
<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, goeing up in smoke, and hurting the driver.
|
||||
<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>
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<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>
|
||||
<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;" />
|
||||
<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);">
|
||||
<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">
|
||||
<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;" />
|
||||
<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>
|
||||
<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>
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
|
||||
<!-- 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"
|
||||
<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"
|
||||
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>
|
||||
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>
|
||||
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user