Merge pull request #13 from JeelDobariya38/Dev

improved website
JeelDobariya38 · Jan 8, 2024 · 2c4b8ef · 2c4b8ef
2 parents a2eb4f7 + ad41174
commit 2c4b8ef
Show file tree

Hide file tree

Showing 8 changed files with 447 additions and 675 deletions.
diff --git a/Graphics/hero-section-photo.jpg b/Graphics/hero-section-photo.jpg
diff --git a/StyleSheets/animation.css b/StyleSheets/animation.css
@@ -0,0 +1,9 @@
+@keyframes left-slide {
+    0% {transform: translateX(-600px); opacity: 0%;}
+    100% {transform: translateX(0px); opacity: 100%;}
+}
+
+@keyframes right-slide {
+    0% {transform: translateX(600px); opacity: 0%;}
+    100% {transform: translateX(0px); opacity: 100%;}
+}
diff --git a/StyleSheets/responsive.css b/StyleSheets/responsive.css
diff --git a/StyleSheets/standby.css b/StyleSheets/standby.css
@@ -0,0 +1,84 @@
+* {
+    margin: 0px;
+    padding: 0px;
+    box-sizing: border-box;
+}
+
+.light-theme {
+    --headersection: #5910ad;
+    --primary-color: #007ACC;
+    --secondary-color: #7d2fd7;
+}
+
+.dark-theme {
+
+}
+
+:root {
+    --scrollbar-bg: linear-gradient(to top left, rgb(0, 57, 255), rgb(239, 249, 255));
+    --scrollbar-bg-hover: linear-gradient(to top left, rgb(0, 0, 255), rgb(0, 232, 255));
+}
+
+::-webkit-scrollbar {
+    width: 5px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: var(--scrollbar-bg, #999);
+    border-radius: 16px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: var(--scrollbar-bg-hover, #555);
+}
+
+a {
+    text-decoration: none;
+    color: black;
+}
+
+body {
+    background-color: var(--primary-color);
+    font-family: Helvetica, sans-serif, Georgia;
+    font-weight: 400;
+}
+
+.main-header {
+    width: 100vw;
+    position: fixed;
+    top: 0;
+    padding: 10px;
+    background-color: var(--headersection);
+    font-size: 1.5rem;
+}
+
+.main-header nav {
+    display: flex;
+    justify-content: space-between;
+}
+
+.main-header nav div {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0px 12px;
+}
+
+.main-header nav div ul {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    list-style: none;
+}
+
+.main-header nav div ul li {
+    margin: 12px;
+}
+
+.main-header nav div ul li a {
+    color: #00000080
+}
+
+.main-header nav div ul li a:hover {
+    color: #000000
+}