Skip to content

B
base Project
Commit e1b78a73 authored by TokaKaram's avatar TokaKaram
Browse files
Options

Change sport_buttons

parent c4b6e34a
Hide whitespace changes
Inline Side-by-side
Showing with 111 additions and 50 deletions
index.html
View file @ e1b78a73
...@@ -211,19 +211,22 @@ alive! ...@@ -211,19 +211,22 @@ alive!
<div class="images_cont"> <div class="images_cont">
<div> <div>
<!-- <a href="https://play.toornament.com/en_US/tournaments/2372290052272386047/"> --> <!-- <a href="https://play.toornament.com/en_US/tournaments/2372290052272386047/"> -->
<img src="/images/Vlogo-removebg-preview.webp" class="valorantt_img" loading="lazy" alt="" onclick="openNewWindow('https://play.toornament.com/en_US/tournaments/2372290052272386047/','_blank')"> <img src="/images/Vlogo-removebg-preview.webp" class="valorantt_img" loading="lazy" alt="" >
<!-- <button class="explore_button" onclick="openNewWindow('https://play.toornament.com/en_US/tournaments/2372290052272386047/','_blank')">سجل</button> -->
<!-- </a> --> <!-- </a> -->
</div> </div>
<div> <div>
<!-- <a href="https://play.toornament.com/en_US/tournaments/2372315432626614271/"> --> <!-- <a href="https://play.toornament.com/en_US/tournaments/2372315432626614271/"> -->
<img src="/images/cod-02.webp" class="yasouu_img" loading="lazy" alt="" onclick="openNewWindow('https://play.toornament.com/en_US/tournaments/2372315432626614271/','_blank')"> <img src="/images/cod-02.webp" class="yasouu_img" loading="lazy" alt="" >
<!-- <button onclick="openNewWindow('https://play.toornament.com/en_US/tournaments/2372315432626614271/','_blank')" class="explore_button">سجل</button> -->
<!-- </a> --> <!-- </a> -->
</div> </div>
<div> <div>
<!-- <a href="https://play.toornament.com/en_US/tournaments/2372334271757871103/"> --> <!-- <a href="https://play.toornament.com/en_US/tournaments/2372334271757871103/"> -->
<img loading="lazy" alt="" src="images/Gemini_Generated_Image_t5hpwt5hpwt5hpwt-removebg-preview.webp" class="bellinghamm_img" onclick="openNewWindow('https://play.toornament.com/en_US/tournaments/2372334271757871103/','_blank')"> <img loading="lazy" alt="" src="images/Gemini_Generated_Image_t5hpwt5hpwt5hpwt-removebg-preview.webp" class="bellinghamm_img" >
<!-- </a> --> <!-- </a> -->
<button onclick="openNewWindow('https://play.toornament.com/en_US/tournaments/2372334271757871103/','_blank')" class="explore_button">سجل</button>
</div> </div>
</div> </div>
<div class="button_parent"> <div class="button_parent">
......
index.js
View file @ e1b78a73
...@@ -89,6 +89,7 @@ let Ar_flag = true; ...@@ -89,6 +89,7 @@ let Ar_flag = true;
let user_email = document.getElementById("email"); let user_email = document.getElementById("email");
let user_phone = document.getElementById("phone"); let user_phone = document.getElementById("phone");
let book_now1 = document.getElementById("book_now1"); let book_now1 = document.getElementById("book_now1");
let explore_buttons = document.querySelectorAll(".explore_button");
function changeLanguage(lang) { function changeLanguage(lang) {
// console.log("function") // console.log("function")
...@@ -127,6 +128,10 @@ function changeLanguage(lang) { ...@@ -127,6 +128,10 @@ function changeLanguage(lang) {
document.querySelector(".en_lang1").classList.add("colored"); document.querySelector(".en_lang1").classList.add("colored");
document.querySelector(".ar_lang").classList.remove("colored"); document.querySelector(".ar_lang").classList.remove("colored");
document.querySelector(".ar_lang1").classList.remove("colored"); document.querySelector(".ar_lang1").classList.remove("colored");
explore_buttons.forEach((button) => {
button.innerHTML = "سجل";
button.classList.remove("En_font");
});
} else { } else {
Ar_flag = false; Ar_flag = false;
card_game_en.classList.remove("hidden1"); card_game_en.classList.remove("hidden1");
...@@ -161,6 +166,10 @@ function changeLanguage(lang) { ...@@ -161,6 +166,10 @@ function changeLanguage(lang) {
document.querySelector(".en_lang1").classList.remove("colored"); document.querySelector(".en_lang1").classList.remove("colored");
document.querySelector(".ar_lang").classList.add("colored"); document.querySelector(".ar_lang").classList.add("colored");
document.querySelector(".ar_lang1").classList.add("colored"); document.querySelector(".ar_lang1").classList.add("colored");
explore_buttons.forEach((button) => {
button.innerHTML = "Register";
button.classList.add("En_font");
});
} }
} }
......
style.css
View file @ e1b78a73
@font-face {
font-family: Sora;
src: url("Fonts/Sora/static/Sora-Regular.ttf") format("opentype");
}
@font-face {
font-family: Sora-ExtraBold;
src: url("Fonts/Sora/static/Sora-ExtraBold.ttf") format("truetype");
font-weight: 900;
}
@font-face {
font-family: Sora-Light;
src: url("Fonts/Sora/static/Sora-Light.ttf") format("truetype");
font-weight: 300;
}
@font-face {
font-family: Noor;
src: url("Fonts/noor/AGCRegular.ttf") format("opentype");
}
@font-face {
font-family: "Futura XBLK BT";
src: url("Fonts/futura/futur.ttf") format("truetype");
}
@font-face {
font-family: Futura-ExtraBlack;
src: url("Fonts/futura/FuturaExtraBlackBT.ttf") format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Noor Light";
src: url("Fonts/noor/AGCLight.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: Noor-Bold;
src: url("Fonts/noor/AGCBold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
}
* { * {
font-display: swap; font-display: swap;
} }
...@@ -10,12 +50,24 @@ header { ...@@ -10,12 +50,24 @@ header {
.e_sportt > div div img { .e_sportt > div div img {
width: 40%; width: 40%;
margin-left: 30%; margin-left: 30%;
cursor: pointer; height: 300px !important;
} }
.e_sportt > div div img:hover { .e_sportt .explore_button {
transform: scale(1.1); width: 30%;
transition: 0.3s; margin-left: 35%;
background: #1e0d4e;
border-radius: 10px;
outline: none;
border: none;
cursor: pointer;
color: white;
padding: 10px 5px;
margin-bottom: 10px;
text-transform: capitalize !important;
font-size: 20px;
font-family: var(--noor_font);
} }
.e_sport > div div .abs_img1, .e_sport > div div .abs_img1,
.e_sport > div div .abs_img2, .e_sport > div div .abs_img2,
.e_sportt > div div img, .e_sportt > div div img,
...@@ -80,46 +132,7 @@ html { ...@@ -80,46 +132,7 @@ html {
a { a {
text-decoration: none; text-decoration: none;
} }
@font-face {
font-family: Sora;
src: url("Fonts/Sora/static/Sora-Regular.ttf") format("opentype");
}
@font-face {
font-family: Sora-ExtraBold;
src: url("Fonts/Sora/static/Sora-ExtraBold.ttf") format("truetype");
font-weight: 900;
}
@font-face {
font-family: Sora-Light;
src: url("Fonts/Sora/static/Sora-Light.ttf") format("truetype");
font-weight: 300;
}
@font-face {
font-family: Noor;
src: url("Fonts/noor/AGCRegular.ttf") format("opentype");
}
@font-face {
font-family: "Futura XBLK BT";
src: url("Fonts/futura/futur.ttf") format("truetype");
}
@font-face {
font-family: Futura-ExtraBlack;
src: url("Fonts/futura/FuturaExtraBlackBT.ttf") format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Noor Light";
src: url("Fonts/noor/AGCLight.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: Noor-Bold;
src: url("Fonts/noor/AGCBold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
}
body { body {
background: var(--bck_color); background: var(--bck_color);
margin: 0; margin: 0;
...@@ -409,7 +422,7 @@ header .right_side a:nth-child(4) { ...@@ -409,7 +422,7 @@ header .right_side a:nth-child(4) {
column-gap: 20px; column-gap: 20px;
width: 85%; width: 85%;
margin: 0 7.5%; margin: 0 7.5%;
height: 300px; height: 400px;
position: relative; position: relative;
} }
.e_sportt .button_parent, .e_sportt .button_parent,
...@@ -423,7 +436,9 @@ header .right_side a:nth-child(4) { ...@@ -423,7 +436,9 @@ header .right_side a:nth-child(4) {
} }
.e_sportt > div div { .e_sportt > div div {
position: relative; position: relative;
height: 230px; height: 100%;
display: flex;
flex-direction: column;
} }
.e_sportt > div div img { .e_sportt > div div img {
height: 100%; height: 100%;
...@@ -633,7 +648,7 @@ header .right_side a:nth-child(4) { ...@@ -633,7 +648,7 @@ header .right_side a:nth-child(4) {
} }
@media (max-width: 2200px) { @media (max-width: 2200px) {
.e_sportt > div:nth-child(2) { .e_sportt > div:nth-child(2) {
height: 230px; height: 300px;
} }
.e_sportt a { .e_sportt a {
font-size: 25px; font-size: 25px;
...@@ -699,6 +714,10 @@ header .right_side a:nth-child(4) { ...@@ -699,6 +714,10 @@ header .right_side a:nth-child(4) {
width: 60%; width: 60%;
margin-left: 10%; margin-left: 10%;
} }
.e_sportt .explore_button {
width: 25%;
margin-left: 38%;
}
.e_sportt .bellinghamm_img, .e_sportt .bellinghamm_img,
.e_sportt .valorantt_img { .e_sportt .valorantt_img {
width: 50%; width: 50%;
...@@ -708,6 +727,10 @@ header .right_side a:nth-child(4) { ...@@ -708,6 +727,10 @@ header .right_side a:nth-child(4) {
width: 30%; width: 30%;
margin-left: 35%; margin-left: 35%;
} }
.e_sportt .valorantt_img,
.e_sportt > div div img {
height: 200px !important ;
}
} }
@media (max-width: 1880px) { @media (max-width: 1880px) {
.e_sport > div div .valorant_img { .e_sport > div div .valorant_img {
...@@ -5020,6 +5043,7 @@ header .right_side a:nth-child(4) { ...@@ -5020,6 +5043,7 @@ header .right_side a:nth-child(4) {
font-size: 20px; font-size: 20px;
line-height: 32px; line-height: 32px;
} }
@media (max-width: 1800px) { @media (max-width: 1800px) {
.word1 { .word1 {
top: 28%; top: 28%;
...@@ -5148,6 +5172,10 @@ header .right_side a:nth-child(4) { ...@@ -5148,6 +5172,10 @@ header .right_side a:nth-child(4) {
.hero_section a { .hero_section a {
top: 500px; top: 500px;
} }
.e_sportt .explore_button {
width: 40%;
margin-left: 30%;
}
} }
@media (max-width: 1440px) { @media (max-width: 1440px) {
.hero_section a { .hero_section a {
...@@ -5171,6 +5199,10 @@ header .right_side a:nth-child(4) { ...@@ -5171,6 +5199,10 @@ header .right_side a:nth-child(4) {
} }
} }
@media (max-width: 1030px) { @media (max-width: 1030px) {
.e_sportt .explore_button {
width: 50%;
margin-left: 25%;
}
.word1 { .word1 {
top: 30%; top: 30%;
} }
...@@ -5220,6 +5252,15 @@ header .right_side a:nth-child(4) { ...@@ -5220,6 +5252,15 @@ header .right_side a:nth-child(4) {
} }
} }
@media (max-width: 800px) { @media (max-width: 800px) {
.e_sportt > div div img,
.e_sportt .valorantt_img,
.e_sportt > div div img {
height: 200px !important;
}
.e_sportt .explore_button {
width: 70%;
margin-left: 15%;
}
.hero-sec, .hero-sec,
.hero-sec2, .hero-sec2,
.hero-sec3, .hero-sec3,
...@@ -5255,6 +5296,10 @@ header .right_side a:nth-child(4) { ...@@ -5255,6 +5296,10 @@ header .right_side a:nth-child(4) {
} }
} }
@media (max-width: 500px) { @media (max-width: 500px) {
.e_sportt .explore_button {
padding: 5px;
}
.hero_section { .hero_section {
grid-template-columns: 100% !important; grid-template-columns: 100% !important;
padding: 0 3% !important; padding: 0 3% !important;
...@@ -5276,6 +5321,10 @@ header .right_side a:nth-child(4) { ...@@ -5276,6 +5321,10 @@ header .right_side a:nth-child(4) {
} }
} }
@media (max-width: 400px) { @media (max-width: 400px) {
.e_sportt .explore_button {
font-size: 12px;
padding: 2px;
}
.Vr_zone_ar .Vr_zone_ar_cont, .Vr_zone_ar .Vr_zone_ar_cont,
.card_game .card_game_cont, .card_game .card_game_cont,
.card_game_ar .card_game_cont, .card_game_ar .card_game_cont,
......
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