Little fix for background on highlight

This commit is contained in:
CommanderRedYT
2020-12-01 04:55:42 +01:00
parent 3e3e2774c2
commit 3049ab7ddf
2 changed files with 81 additions and 111 deletions

View File

@@ -8,6 +8,14 @@
body { body {
transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1); transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1);
background-color: #fff;
}
div.highlight {
background-color: rgba(165, 165, 165, 0.372);
width: 101.65%;
margin-left: -15px;
margin-right: -15px;
} }
nav { nav {

184
index.php
View File

@@ -5,137 +5,99 @@ define('ACTIVE_MENUITEM', 'home');
require('includes/header.php'); require('includes/header.php');
?> ?>
<br /> <br />
<br /> <br />
<br /> <br />
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-sm text-right"> <div class="col-sm text-right">
<br /> <br />
<h1 class="text-shadow couldDark <?php if($_COOKIE["darkmode"] == "true") echo "darkMode"; ?>" style="text-shadow: 1.3px 1.3px #686868">Pfosten Dynamics</h1> <h1 class="text-shadow couldDark <?php if ($_COOKIE["darkmode"] == "true") echo "darkMode"; ?>" style="text-shadow: 1.3px 1.3px #686868">Pfosten Dynamics</h1>
<h2>Change your idea of what idiots can do</h2> <h2>Change your idea of what idiots can do</h2>
</div> </div>
<div class="col-sm text-left"> <div class="col-sm text-left">
<br /> <br />
<img <img src="./img/peterXfeedc0de.jpg" style="
src="./img/peterXfeedc0de.jpg"
style="
max-height: 600px; max-height: 600px;
border: 2px; border: 2px;
border-style: ridge; border-style: ridge;
border-color: gray; border-color: gray;
" " class="d-inline-block shadow rounded img-fluid" alt="" loading="lazy" draggable="false" ondragstart="return false;" />
class="d-inline-block shadow rounded img-fluid" </div>
alt="" </div>
loading="lazy" <br />
draggable="false" <br />
ondragstart="return false;" <div class="container-fluid text-center highlight">
/> <div class="container-fluid">
</div> <div class="row">
</div> <div class="col-sm text-right vert">
<br /> <br />
<br /> <img src="./img/bobbycars.png" style="
<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; max-height: 600px;
border: 2px; border: 2px;
border-style: ridge; border-style: ridge;
border-color: gray; border-color: gray;
" " class="d-inline-block shadow rounded img-fluid" alt="" loading="lazy" draggable="false" ondragstart="return false;" />
class="d-inline-block shadow rounded img-fluid" </div>
alt="" <div class="col-sm text-left">
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 /> <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>
</div> </div>
<br /> <br />
<div class="container-fluid"> </div>
<div class="row"> </div>
<div class="col-sm text-right"> <br />
<br /> <div class="container-fluid">
<h1 style="text-shadow: 1.3px 1.3px #686868">TRANSPORT</h1> <div class="row">
<h2>If the bobbycar works, it can be used for many applications</h2> <div class="col-sm text-right">
</div> <br />
<div class="col-sm text-left"> <h1 style="text-shadow: 1.3px 1.3px #686868">TRANSPORT</h1>
<br /> <h2>If the bobbycar works, it can be used for many applications</h2>
<img </div>
src="./img/feedcode-bobbycar-1.jpg" <div class="col-sm text-left">
style=" <br />
<img src="./img/feedcode-bobbycar-1.jpg" style="
max-height: 600px; max-height: 600px;
border: 2px; border: 2px;
border-style: ridge; border-style: ridge;
border-color: gray; border-color: gray;
" " class="d-inline-block shadow rounded img-fluid" alt="" loading="lazy" draggable="false" ondragstart="return false;" />
class="d-inline-block shadow rounded img-fluid" </div>
alt="" </div>
loading="lazy" <br />
draggable="false" <br />
ondragstart="return false;" </div>
/> <div class="container-fluid text-center highlight">
</div> <div class="container-fluid">
</div> <div class="row">
<br /> <div class="col-sm text-right vert">
<br /> <br />
<div <img src="./img/party.jpg" style="
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; max-height: 600px;
border: 2px; border: 2px;
border-style: ridge; border-style: ridge;
border-color: gray; border-color: gray;
" " class="d-inline-block shadow rounded img-fluid" alt="" loading="lazy" draggable="false" ondragstart="return false;" />
class="d-inline-block shadow rounded img-fluid" </div>
alt="" <div class="col-sm text-left">
loading="lazy" <br />
draggable="false" <h1 style="text-shadow: 1.3px 1.3px #686868">
ondragstart="return false;" PERSON TRANSPORT
/> </h1>
</div> <h2>
<div class="col-sm text-left"> If you want to transport your friends, no problem, but be
<br /> careful that the wheels of the trailer can take the weight.
<h1 style="text-shadow: 1.3px 1.3px #686868"> </h2>
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> </div>
<br />
</div> </div>
<br />
</div> </div>
<?php require('includes/footer.php'); ?> </div>
<br />
</div>
<?php require('includes/footer.php'); ?>