Skip to content

T
THE BASE
Commit 226136b1 authored by TokaKaram's avatar TokaKaram
Browse files
Options

Add Logo

parent 72ff1ca9
Hide whitespace changes
Inline Side-by-side
Showing with 17 additions and 16 deletions
index.html
View file @ 226136b1
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<header id="header"> <header id="header">
<div class="left_side"> <div class="left_side">
<div class="logo_cont"> <div class="logo_cont">
<img src="./images/default-ui-image.webp" alt="Logo"> <img src="./images/logo.png" alt="Logo">
<p class="logo"> <p class="logo">
<span id="logo_the">The </span> <span id="logo_the">The </span>
<span id="logo_base">base</span> <span id="logo_base">base</span>
......
index.js
View file @ 226136b1
...@@ -238,7 +238,7 @@ document.querySelector(".ar_lang1").addEventListener("click", () => changeLangua ...@@ -238,7 +238,7 @@ document.querySelector(".ar_lang1").addEventListener("click", () => changeLangua
// ==========List Logic=============== // ==========List Logic===============
let list_btn=document.getElementById("open_list") let list_btn=document.getElementById("open_list")
let list =document.querySelector(".right_side_h") 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 => { buttons.forEach(button => {
button.addEventListener("click", () => { button.addEventListener("click", () => {
......
style.css
View file @ 226136b1
...@@ -37,10 +37,10 @@ header .left_side ...@@ -37,10 +37,10 @@ header .left_side
} }
header .left_side img header .left_side img
{ {
width: 50px; width: 100px;
height: 50px; height: 100px;
object-fit: contain; object-fit: contain;
margin-right: 14px; /* margin-right: 14px; */
} }
header .left_side .logo header .left_side .logo
{ {
...@@ -104,7 +104,7 @@ header .right_side a ...@@ -104,7 +104,7 @@ header .right_side a
} }
header .right_side a:nth-child(1) header .right_side a:nth-child(1)
{ {
background-color: #0a0a61; background-color: #161686;
color: white; color: white;
padding: 4px 18px; padding: 4px 18px;
display: flex; display: flex;
...@@ -117,9 +117,7 @@ header .right_side_h i ...@@ -117,9 +117,7 @@ header .right_side_h i
{ {
font-size: 20px; font-size: 20px;
width: 30px; width: 30px;
background: linear-gradient(90deg,var(--purple_col), #6a1a97,var(--bck_color)); color: white;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 23px; font-size: 23px;
} }
header .right_side a:nth-child(2) header .right_side a:nth-child(2)
...@@ -228,9 +226,9 @@ header .right_side a:nth-child(4) ...@@ -228,9 +226,9 @@ header .right_side a:nth-child(4)
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
border: none; border: none;
border-radius: 8px; border-radius: 15px;
background: linear-gradient(90deg,var(--purple_col), #6a1a97,var(--bck_color)); background: linear-gradient(90deg, #6a1a97,var(--purple_col),var(--bck_color));
padding: 7px 20px; padding: 10px 20px;
display: block; display: block;
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
...@@ -377,7 +375,7 @@ header .right_side a:nth-child(4) ...@@ -377,7 +375,7 @@ header .right_side a:nth-child(4)
border: none; border: none;
border-radius: 18px; border-radius: 18px;
background: linear-gradient(90deg,var(--purple_col), #6a1a97,var(--bck_color)); background: linear-gradient(90deg,var(--purple_col), #6a1a97,var(--bck_color));
padding: 10px 45px; padding: 7px 45px;
display: block; display: block;
width: fit-content; width: fit-content;
/* margin-left: 40%; */ /* margin-left: 40%; */
...@@ -408,7 +406,7 @@ header .right_side a:nth-child(4) ...@@ -408,7 +406,7 @@ header .right_side a:nth-child(4)
color: white; color: white;
font-family: var(--main-font); font-family: var(--main-font);
padding: 10px 35px; padding: 10px 35px;
border-radius: 15px; border-radius: 25px;
outline: none; outline: none;
border: none; border: none;
cursor: pointer; cursor: pointer;
...@@ -453,6 +451,7 @@ header .right_side a:nth-child(4) ...@@ -453,6 +451,7 @@ header .right_side a:nth-child(4)
line-height: 32px; line-height: 32px;
text-transform: uppercase; text-transform: uppercase;
width: 85%; width: 85%;
font-family: var(--main-font);
} }
.VR_section a .VR_section a
{ {
...@@ -460,7 +459,7 @@ header .right_side a:nth-child(4) ...@@ -460,7 +459,7 @@ header .right_side a:nth-child(4)
color: white; color: white;
font-family: var(--main-font); font-family: var(--main-font);
padding: 10px 45px; padding: 10px 45px;
border-radius: 15px; border-radius: 25px;
outline: none; outline: none;
border: none; border: none;
cursor: pointer; cursor: pointer;
...@@ -596,12 +595,14 @@ background: linear-gradient(to bottom ,var(--purple_col) 20%,var(--bck_color)); ...@@ -596,12 +595,14 @@ background: linear-gradient(to bottom ,var(--purple_col) 20%,var(--bck_color));
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
/* padding: 0 40px; */ /* padding: 0 40px; */
font-family: var(--main-font);
} }
.ticketing_section .days > div:nth-child(1) .ticketing_section .days > div:nth-child(1)
{ {
width: 90%; width: 90%;
margin: 0 5%; margin: 0 5%;
} }
.ticketing_section .days > div:nth-child(1) span .ticketing_section .days > div:nth-child(1) span
{ {
...@@ -644,7 +645,7 @@ background: linear-gradient(to bottom ,var(--purple_col) 20%,var(--bck_color)); ...@@ -644,7 +645,7 @@ background: linear-gradient(to bottom ,var(--purple_col) 20%,var(--bck_color));
outline: none; outline: none;
text-align: start; text-align: start;
margin-top: 20px; margin-top: 20px;
transform: translateX(10px); transform: translateX(23px);
} }
.days_grid .days_grid
{ {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment