Add Logo

index.html

@@ -19,7 +19,7 @@
     <header  id="header">
         <div class="left_side">
          <div class="logo_cont">
-             <img src="./images/default-ui-image.webp" alt="Logo">
+             <img src="./images/logo.png" alt="Logo">
             <p class="logo">
              <span id="logo_the">The </span>
         <span id="logo_base">base</span>

index.js

@@ -238,7 +238,7 @@ document.querySelector(".ar_lang1").addEventListener("click", () => changeLangua
 // ==========List Logic===============
 let list_btn=document.getElementById("open_list")
 let list =document.querySelector(".right_side_h")
-let buttons = document.querySelectorAll(".right_side_h button");
+let buttons = document.querySelectorAll(".right_side_h a");
 
 buttons.forEach(button => {
   button.addEventListener("click", () => {

style.css

@@ -37,10 +37,10 @@ header .left_side
 }
 header .left_side img
 {
-    width: 50px;
-    height: 50px;
+    width: 100px;
+    height: 100px;
     object-fit: contain;
-    margin-right: 14px;
+    /* margin-right: 14px; */
 }
 header .left_side .logo
 {
@@ -104,7 +104,7 @@ header .right_side a
 }
 header .right_side a:nth-child(1)
 {
-    background-color: #0a0a61;
+    background-color: #161686;
     color: white;
     padding: 4px 18px;
     display: flex;
@@ -117,9 +117,7 @@ header .right_side_h i
 {
       font-size: 20px;
       width: 30px;
-     background: linear-gradient(90deg,var(--purple_col), #6a1a97,var(--bck_color));
-     -webkit-background-clip: text;
-     -webkit-text-fill-color: transparent;
+   color: white;
       font-size: 23px;
 }
 header .right_side a:nth-child(2)
@@ -228,9 +226,9 @@ header .right_side a:nth-child(4)
     font-weight: bold;
     text-decoration: none;
     border: none; 
-    border-radius: 8px;
-    background: linear-gradient(90deg,var(--purple_col), #6a1a97,var(--bck_color));
-    padding: 7px 20px;
+    border-radius: 15px;
+    background: linear-gradient(90deg, #6a1a97,var(--purple_col),var(--bck_color));
+    padding: 10px 20px;
     display: block;
     width: 100%;
     cursor: pointer; 
@@ -377,7 +375,7 @@ header .right_side a:nth-child(4)
     border: none; 
     border-radius: 18px;
     background: linear-gradient(90deg,var(--purple_col), #6a1a97,var(--bck_color));
-    padding: 10px 45px;
+    padding: 7px 45px;
     display: block;
     width: fit-content;
     /* margin-left: 40%; */
@@ -408,7 +406,7 @@ header .right_side a:nth-child(4)
  color: white;
  font-family: var(--main-font);
  padding: 10px 35px;
- border-radius: 15px;
+ border-radius: 25px;
  outline: none;
  border: none;
  cursor: pointer;
@@ -453,6 +451,7 @@ header .right_side a:nth-child(4)
     line-height: 32px;
     text-transform: uppercase;
     width: 85%;
+    font-family: var(--main-font);
 }
 .VR_section a
 {
@@ -460,7 +459,7 @@ header .right_side a:nth-child(4)
  color: white;
  font-family: var(--main-font);
  padding: 10px 45px;
- border-radius: 15px;
+ border-radius: 25px;
  outline: none;
  border: none;
  cursor: pointer;
@@ -596,12 +595,14 @@ background: linear-gradient(to bottom ,var(--purple_col) 20%,var(--bck_color));
  align-items: center;
  justify-content: space-between;
  /* padding: 0 40px; */
+ font-family: var(--main-font);
  
 }
 .ticketing_section .days > div:nth-child(1)
 {
     width: 90%;
     margin: 0 5%;
+
 }
 .ticketing_section .days > div:nth-child(1) span
 {
@@ -644,7 +645,7 @@ background: linear-gradient(to bottom ,var(--purple_col) 20%,var(--bck_color));
     outline: none;
     text-align: start;
     margin-top: 20px;
-    transform: translateX(10px);
+    transform: translateX(23px);
 }
 .days_grid
 {