carmaker page

onuralpArsln · Jun 3, 2024 · 9cef542 · 9cef542
1 parent 5b78040
commit 9cef542
Show file tree

Hide file tree

Showing 2 changed files with 143 additions and 0 deletions.
diff --git a/carMaker/carMaker.css b/carMaker/carMaker.css
@@ -0,0 +1,72 @@
+:root {
+  --tempBorder: solid red;
+}
+
+.card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 600px;
+
+  height: 600px;
+  background-color: azure;
+  border-radius: 5%;
+  margin-bottom: 30px;
+}
+
+.namer {
+  margin-top: 20px;
+  margin-bottom: 15%;
+  font-size: large;
+}
+
+.banner {
+  text-align: left;
+  font-size: 60px;
+  color: white;
+  width: 100%;
+  padding: 40px;
+  padding-bottom: 90px;
+}
+
+body {
+  display: flex;
+  align-items: center;
+
+  flex-direction: column;
+  z-index: 1;
+}
+
+::-webkit-scrollbar {
+  width: 0px;
+}
+
+html {
+  overflow: auto;
+  overflow-x: hidden;
+}
+
+/* Hide scrollbar for chrome */
+body::-webkit-scrollbar {
+  display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+body {
+  -ms-overflow-style: none;
+  /* IE and Edge */
+  scrollbar-width: none;
+  /* Firefox */
+}
+
+/* adds sticky bg */
+.background {
+  z-index: -1;
+  height: 100vh;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  background: linear-gradient(rgba(153, 1, 172, 1), rgba(0, 212, 255, 1));
+}
diff --git a/carMaker/carMaker.html b/carMaker/carMaker.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title> jQuery and Bootstrap </title>
+  <meta name="description" content="">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="jqbs.css">
+
+  <!-- Bootsrap  -->
+  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+  <!-- jQuery library -->
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"> </script>
+  <!-- Bootstrap JS -->
+  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+    integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+    crossorigin="anonymous"></script>
+
+  <style>
+    .card {
+      min-height: 600px;
+    }
+  </style>
+</head>
+
+<body>
+
+  <div class="overscroll"></div>
+  <div class="background"></div>
+  <a href="../index.html">
+    <div class="banner">Car Maker</div>
+  </a>
+
+
+
+
+
+
+
+
+  <script>
+    // jQuery code to handle button click event
+    $(document).ready(function () {
+
+      $('#succesBtn').on('click', function () {
+        console.log('Button clicked!');
+        alert('This is created with boot strap');
+      });
+
+
+
+
+
+
+
+    });
+
+
+
+  </script>
+
+</body>
+
+</html>