cpscott1 · AIricky246 · Sep 25, 2025 · Oct 2, 2025 · Oct 6, 2025 · Oct 8, 2025
diff --git a/brakes.html b/brakes.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+
+    <meta charset="UTF-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+     <title>Brakes</title>
+
+     <link rel="stylesheet" href="style.css">
+
+</head>
+
+<body>
+
+<div class="brakes">
+
+<li><a href="https://www.youtube.com/watch?v=KJ0koDXk6PY&pp=ygUcZGlzYyBicmFrZSB3b3JraW5nIGFuaW1hdGlvbg%3D%3D">Brakes</a></li>
+
+
+    </div>
+</body>
+
+
+
+
+</html>
diff --git a/brakespic.jpg b/brakespic.jpg
diff --git a/carbackground.jpg b/carbackground.jpg
diff --git a/doityourself.html b/doityourself.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+
+    <meta charset="UTF-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>doityourself</title>
+
+    <link rel="stylesheet" href="style.css">
+
+
+</head>
+
+<body>
+
+    <div class="doityourself">
+
+
+
+
+    <li><a href="https://www.prudentialuniforms.com/blog/safety-rules-automotive-repair-shops/">Do It Yourself</a></li>
+
+    <li><a href="https://kirksvillemotorcompany.com/blog/most-common-diy-car-repairs-you-can-do-safely-yourself">Safety</a></li>
+
+    <li><a href="https://www.youtube.com/watch?v=rCOgrIPFxIY&pp=ygUldG9vbHMgbmVlZGVkIHRvIHN0YXJ0IHdvcmtpbmcgb24gY2Fycw%3D%3D">Starter tools</a></li>
+
+
+    </div>
+
+
+</body>
+
+</html>
diff --git a/doityourselfpic.jpg b/doityourselfpic.jpg
diff --git a/drivetrain.html b/drivetrain.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+
+    <meta charset="UTF-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Drivetrain</title>
+
+     <link rel="stylesheet" href="style.css">
+
+</head>
+
+<body>
+
+    <div class="Drivetrain">
+
+    <li><a href="https://www.youtube.com/watch?v=-cTJqNWwmf0">Drivetrain</a></li>
+
+    </div>
+
+
+</body>
+
+</html>
diff --git a/drivetrainpic.jpg b/drivetrainpic.jpg
diff --git a/electrical_electronics.html b/electrical_electronics.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+
+    <meta charset="UTF-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Electrical_Electronics</title>
+
+     <link rel="stylesheet" href="style.css">
+
+</head>
+
+<body>
+
+    <div class="Electrical_Electronics">
+
+<li><a href="https://www.howacarworks.com/basics/how-car-electrical-systems-work.html">Electrical_Electronics</a></li>    
+
+    </div>
+
+
+</body>
+
+
+</html>
diff --git a/electrical_electronicspic.jpg b/electrical_electronicspic.jpg
diff --git a/engine.html b/engine.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+
+    <meta charset="UTF-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Engine</title>
+
+     <link rel="stylesheet" href="style.css">
+
+</head>
+
+<body>
+
+    <div class="engine">
+
+    <li><a href="https://www.youtube.com/watch?v=ZQvfHyfgBtA&pp=ygUeaG93IGNhciBlbmdpbmUgd29ya3MgYW5pbWF0aW9u">Engine</a></li>
+
+    </div>
+
+
+</body>
+
+</html>
diff --git a/enginepic.jpg b/enginepic.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+
+    <meta charset="UTF-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <h1>JustCarInfo</h1>
+
+    <link rel="stylesheet" href="style.css">
+
+</head>
+
+
+
+
+<body>
+
+
+
+    <div class="carousel">
+        <div class="group">
+        <div class="card"><li><a href="./transmission.html">Transmission</a></div>
+        <div class="card"><li><a href="./brakes.html">Brakes</a></li></div>
+        <div class="card"><li><a href="./electrical_electronics.html">Electrical_Electronics</a></li></div>
+        <div class="card"> <li><a href="./engine.html">Engine</a></li></div>
+        <div class="card"><li><a href="./suspension.html">Suspension</a></li></div>
+        <div class="card"><li><a href="./tires.html">Tires</a></li></div>
+        <div class="card"><li><a href="./nhtsa.html">NHTSA</a></li></div>
+        <div class="card"><li><a href="./Doityourself.html">Do It Yourself</a></li></div>
+        <div class="card"><li><a href="./drivetrain.html">Drivetrain</a></li></div>
+    </div>
+
+    <div aria-hidden class="group">
+
+        <div class="card"><li><a href="./transmission.html">Transmission</a></li></div>
+        <div class="card"><li><a href="./brakes.html">Brakes</a></li></div>
+        <div class="card"><li><a href="./Electrical_Electronics.html">Electrical_Electronics</a></li></div>
+        <div class="card"><li><a href="./engine.html">Engine</a></li></div>
+        <div class="card"><li><a href="./suspension.html">Suspension</a></li></div>
+        <div class="card"><li><a href="./tires.html">Tires</a></li></div>
+        <div class="card"><li><a href="./nhtsa.html">NHTSA</a></li></div>
+        <div class="card"><li><a href="./Doityourself.html">Do It Yourself</a></li></div>
+        <div class="card"><li><a href="./Drivetrain.html">Drivetrain</a></li></div>
+    </div>
+
+
+
+
+</body>
+
+
+<section>
+
+    <h2>Get In Touch</h2>
+
+    <li>
+
+        <a href="mailto:sette91@msn.com?subject=Hello&body=This is the email body.">Send Email</a></p>
+
+        <a href="https://www.linkedin.com/in/clint-debisette-b45246370">linkedin</a>
+
+
+    </li>
+
+</section>
+
+ <p>&copy; 2025 My Company. All rights reserved.</p>
+
+
+</html>
diff --git a/index.js b/index.js
diff --git a/justcarinfo.html b/justcarinfo.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+
+    <meta charset="UTF-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>JustCarInfo</title>
+
+     <link rel="stylesheet" href="style.css">
+
+</head>
+
+
+    <body>
+
+        <div class="JustCarInfo">
+
+        <li><a href="./JustCarInfo.html">JustCarInfo</a></li>
+
+        </div>
+
+
+    </body>
+
+
+</html>
diff --git a/nhtsa.html b/nhtsa.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+
+    <meta charset="UTF-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>NHTSA</title>
+
+     <link rel="stylesheet" href="style.css">
+
+</head>
+
+<body>
+
+    <div class="nhtsa">
+
+    <li><a href="https://www.google.com/aclk?sa=L&ai=DChsSEwjPtIClx_SPAxVcf28EHUYUEO0YACICCAEQABoCamY&ae=2&co=1&ase=2&gclid=Cj0KCQjw0NPGBhCDARIsAGAzpp3qdaUDTL0_M5CRdqjHa1y3wNyrKRQY0ABW7HGCl68p8QfMKtCtnoMaAs_aEALw_wcB&cid=CAASZeRoRyjecJ7uZQLgMK0iE31F_ktnoueGgFtLY8jZlHKCPulXPhKjoGR_a6YKxt3hoezAC8d4ZcQ5Jy0d9ylC5M7gRV8Y4BpGQUrCB3xgMx2dVCYHPmzaclLRZHVL2baAiWunwhsG&cce=2&category=acrcp_v1_71&sig=AOD64_1rlF9ewMuAAx_uP8wKsKbplm74Mw&q&nis=4&adurl&ved=2ahUKEwiBl_mkx_SPAxXSmSYFHQ7pOh4Q0Qx6BAgdEAE">NHTSA</a></li>
+
+    </div>
+
+
+
+</body>
+
+</html>
diff --git a/safetypic.png b/safetypic.png