diff --git a/brakes.html b/brakes.html new file mode 100644 index 0000000..67d8318 --- /dev/null +++ b/brakes.html @@ -0,0 +1,30 @@ + + + + + + + + + + + Brakes + + + + + + + +
+ +
  • Brakes
    • + + +
    + + + + + + \ No newline at end of file diff --git a/brakespic.jpg b/brakespic.jpg new file mode 100644 index 0000000..09d214a Binary files /dev/null and b/brakespic.jpg differ diff --git a/carbackground.jpg b/carbackground.jpg new file mode 100644 index 0000000..658d11b Binary files /dev/null and b/carbackground.jpg differ diff --git a/doityourself.html b/doityourself.html new file mode 100644 index 0000000..af32b98 --- /dev/null +++ b/doityourself.html @@ -0,0 +1,37 @@ + + + + + + + + + + + doityourself + + + + + + + + +
    + + + + +
  • Do It Yourself
    • + +
  • Safety
    • + +
  • Starter tools
    • + + +
    + + + + + \ No newline at end of file diff --git a/doityourselfpic.jpg b/doityourselfpic.jpg new file mode 100644 index 0000000..6662a76 Binary files /dev/null and b/doityourselfpic.jpg differ diff --git a/drivetrain.html b/drivetrain.html new file mode 100644 index 0000000..9741e6a --- /dev/null +++ b/drivetrain.html @@ -0,0 +1,28 @@ + + + + + + + + + + + Drivetrain + + + + + + + +
    + +
  • Drivetrain
    • + +
    + + + + + \ No newline at end of file diff --git a/drivetrainpic.jpg b/drivetrainpic.jpg new file mode 100644 index 0000000..447736b Binary files /dev/null and b/drivetrainpic.jpg differ diff --git a/electrical_electronics.html b/electrical_electronics.html new file mode 100644 index 0000000..3d6abed --- /dev/null +++ b/electrical_electronics.html @@ -0,0 +1,29 @@ + + + + + + + + + + + Electrical_Electronics + + + + + + + +
    + +
  • Electrical_Electronics
    • + +
    + + + + + + \ No newline at end of file diff --git a/electrical_electronicspic.jpg b/electrical_electronicspic.jpg new file mode 100644 index 0000000..4f87090 Binary files /dev/null and b/electrical_electronicspic.jpg differ diff --git a/engine.html b/engine.html new file mode 100644 index 0000000..532ba75 --- /dev/null +++ b/engine.html @@ -0,0 +1,28 @@ + + + + + + + + + + + Engine + + + + + + + +
    + +
  • Engine
    • + +
    + + + + + \ No newline at end of file diff --git a/enginepic.jpg b/enginepic.jpg new file mode 100644 index 0000000..65321c9 Binary files /dev/null and b/enginepic.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..cf89ae1 --- /dev/null +++ b/index.html @@ -0,0 +1,74 @@ + + + + + + + + + + +

    JustCarInfo

    + + + + + + + + + + + + +
    +
    +
  • Transmission
    • +
  • Brakes
    • +
  • Electrical_Electronics
    • +
  • Engine
    • +
  • Suspension
    • +
  • Tires
    • +
  • NHTSA
    • +
  • Do It Yourself
    • +
  • Drivetrain
    • +
    + +
    + +
  • Transmission
    • +
  • Brakes
    • +
  • Electrical_Electronics
    • +
  • Engine
    • +
  • Suspension
    • +
  • Tires
    • +
  • NHTSA
    • +
  • Do It Yourself
    • +
  • Drivetrain
    • +
    + + + + + + + +
    + +

    Get In Touch

    + +
  • + + Send Email

    + + linkedin + + +
    • + +
    + +

    © 2025 My Company. All rights reserved.

    + + + \ No newline at end of file diff --git a/index.js b/index.js new file mode 100644 index 0000000..e69de29 diff --git a/justcarinfo.html b/justcarinfo.html new file mode 100644 index 0000000..c7ef58f --- /dev/null +++ b/justcarinfo.html @@ -0,0 +1,30 @@ + + + + + + + + + + + JustCarInfo + + + + + + + + +
    + +
  • JustCarInfo
    • + +
    + + + + + + \ No newline at end of file diff --git a/nhtsa.html b/nhtsa.html new file mode 100644 index 0000000..4a8fbd8 --- /dev/null +++ b/nhtsa.html @@ -0,0 +1,29 @@ + + + + + + + + + + + NHTSA + + + + + + + +
    + +
  • NHTSA
    • + +
    + + + + + + \ No newline at end of file diff --git a/safetypic.png b/safetypic.png new file mode 100644 index 0000000..a6f21ef Binary files /dev/null and b/safetypic.png differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..53cc285 --- /dev/null +++ b/style.css @@ -0,0 +1,236 @@ +* { + + margin: 0%; + padding: 0%; + color: greenyellow; + text-decoration: none; + + +} + +li { + + list-style-type: none; + +} + + +body { + + + min-height: 100vh; + text-align: center; + align-content: center; + background-image: url(carbackground.jpg); + background-size: cover; + background-repeat: no repeat; + background-position: center center; + font-family:'Times New Roman', Times, serif; + + + +} + + + +.carousel{ + + margin: 100px auto; + width: 90%; + border: 5px gray; + display: flex; + overflow-x: auto; + gap: 1em; + + +} + +.carousel::-webkit-scrollbar { + + display: none; + +} + +.group { + + display: flex; + align-content: center; + justify-content: center; + gap: 1em; + animation: spin 50s infinite linear; + padding-right: 1em; + + +} + +.card { + + flex: 0 0 5em; + height: 5em; + padding: 1em; + background: none; + font-size: 3rem; + border-radius: .2em; + text-align: center; + align-content: center; + + + +} + +@keyframes spin { + + from {translate: 0;} + to {translate: -100%} + +} + +@media (max-width: 600px ) { + .logo { + font-size: 16px; + } + + .links { + font-size: 12px; + padding: 0.3rem 0.5rem; + } + + + +} + +.brakes { + + display: flex; + justify-content: center; + align-items: center; + background-image: url(brakespic.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center center; + min-height: 100vh; + height: 750px; + font-size: 100px; + +} + +.Electrical_Electronics { + + display: flex; + justify-content: center; + align-items: center; + background-image: url(electrical_electronicspic.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center center; + min-height: 100vh; + height: 750px; + font-size: 100px; +} + +.engine { + +display: flex; +justify-content: center; +align-items: center; +background-image: url(enginepic.jpg); +background-size: cover; +background-repeat: no-repeat; +background-position: center center; +min-height: 100vh; +height: 750px; +font-size: 100px; + +} + +.suspension { + + display: flex; + justify-content: center; + align-items: center; + background-image: url(suspic.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center center; + min-height: 100vh; + height: 750px; + font-size: 100px; + +} + +.tires { + + display: flex; + justify-content: center; + align-items: center; + background-image: url(tirepic.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center center; + min-height: 100vh; + height: 750px; + font-size: 100px; + + +} + +.nhtsa { + + display: flex; + justify-content: center; + align-items: center; + background-image: url(safetypic.png); + background-size: 50%; + background-repeat: no-repeat; + background-position: center center; + min-height: 100vh; + height: 750px; + font-size: 100px; + +} + +.doityourself { + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-image: url(doityourselfpic.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center center; + min-height: 100vh; + height: 700px; + font-size: 75px; +} + +.Drivetrain { + + display: flex; + justify-content: center; + align-items: center; + background-image: url(drivetrainpic.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center center; + min-height: 100vh; + height: 750px; + font-size: 100px; + +} + +.transmission { + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-image: url(transmissionpic.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center center; + min-height: 100vh; + height: 650px; + font-size: 50px; + +} \ No newline at end of file diff --git a/suspension.html b/suspension.html new file mode 100644 index 0000000..e9b8d7d --- /dev/null +++ b/suspension.html @@ -0,0 +1,27 @@ + + + + + + + + + + + Suspension + + + + + + + +
    + +
  • Suspension
    • + +
    + + + + \ No newline at end of file diff --git a/suspic.jpg b/suspic.jpg new file mode 100644 index 0000000..c76f41b Binary files /dev/null and b/suspic.jpg differ diff --git a/tirepic.jpg b/tirepic.jpg new file mode 100644 index 0000000..dd663e0 Binary files /dev/null and b/tirepic.jpg differ diff --git a/tires.html b/tires.html new file mode 100644 index 0000000..970783e --- /dev/null +++ b/tires.html @@ -0,0 +1,30 @@ + + + + + + + + + + + Tires + + + + + + + + + +
    + + +
  • Tires
    • + +
    + + + + \ No newline at end of file diff --git a/transmission.html b/transmission.html new file mode 100644 index 0000000..3e105e4 --- /dev/null +++ b/transmission.html @@ -0,0 +1,31 @@ + + + + + + + + + + + Transmission + + + + + + + +
    + +
  • Manual Transmission
    • + +
  • Automatic Transmission
    • + +
    + + + + + + \ No newline at end of file diff --git a/transmissionpic.jpg b/transmissionpic.jpg new file mode 100644 index 0000000..fca0c36 Binary files /dev/null and b/transmissionpic.jpg differ