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!
<div class="images_cont">
<div>
<!-- <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> -->
</div>
<div>
<!-- <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> -->
</div>
<div>
<!-- <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> -->
<button onclick="openNewWindow('https://play.toornament.com/en_US/tournaments/2372334271757871103/','_blank')" class="explore_button">سجل</button>
</div>
</div>
<div class="button_parent">
......
index.js
View file @ e1b78a73
......@@ -89,6 +89,7 @@ let Ar_flag = true;
let user_email = document.getElementById("email");
let user_phone = document.getElementById("phone");
let book_now1 = document.getElementById("book_now1");
let explore_buttons = document.querySelectorAll(".explore_button");
function changeLanguage(lang) {
// console.log("function")
......@@ -127,6 +128,10 @@ function changeLanguage(lang) {
document.querySelector(".en_lang1").classList.add("colored");
document.querySelector(".ar_lang").classList.remove("colored");
document.querySelector(".ar_lang1").classList.remove("colored");
explore_buttons.forEach((button) => {
button.innerHTML = "سجل";
button.classList.remove("En_font");
});
} else {
Ar_flag = false;
card_game_en.classList.remove("hidden1");
......@@ -161,6 +166,10 @@ function changeLanguage(lang) {
document.querySelector(".en_lang1").classList.remove("colored");
document.querySelector(".ar_lang").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;
}
......@@ -10,12 +50,24 @@ header {
.e_sportt > div div img {
width: 40%;
margin-left: 30%;
cursor: pointer;
height: 300px !important;
}
.e_sportt > div div img:hover {
transform: scale(1.1);
transition: 0.3s;
.e_sportt .explore_button {
width: 30%;
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_img2,
.e_sportt > div div img,
......@@ -80,46 +132,7 @@ html {
a {
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 {
background: var(--bck_color);
margin: 0;
......@@ -409,7 +422,7 @@ header .right_side a:nth-child(4) {
column-gap: 20px;
width: 85%;
margin: 0 7.5%;
height: 300px;
height: 400px;
position: relative;
}
.e_sportt .button_parent,
......@@ -423,7 +436,9 @@ header .right_side a:nth-child(4) {
}
.e_sportt > div div {
position: relative;
height: 230px;
height: 100%;
display: flex;
flex-direction: column;
}
.e_sportt > div div img {
height: 100%;
......@@ -633,7 +648,7 @@ header .right_side a:nth-child(4) {
}
@media (max-width: 2200px) {
.e_sportt > div:nth-child(2) {
height: 230px;
height: 300px;
}
.e_sportt a {
font-size: 25px;
......@@ -699,6 +714,10 @@ header .right_side a:nth-child(4) {
width: 60%;
margin-left: 10%;
}
.e_sportt .explore_button {
width: 25%;
margin-left: 38%;
}
.e_sportt .bellinghamm_img,
.e_sportt .valorantt_img {
width: 50%;
......@@ -708,6 +727,10 @@ header .right_side a:nth-child(4) {
width: 30%;
margin-left: 35%;
}
.e_sportt .valorantt_img,
.e_sportt > div div img {
height: 200px !important ;
}
}
@media (max-width: 1880px) {
.e_sport > div div .valorant_img {
......@@ -5020,6 +5043,7 @@ header .right_side a:nth-child(4) {
font-size: 20px;
line-height: 32px;
}
@media (max-width: 1800px) {
.word1 {
top: 28%;
......@@ -5148,6 +5172,10 @@ header .right_side a:nth-child(4) {
.hero_section a {
top: 500px;
}
.e_sportt .explore_button {
width: 40%;
margin-left: 30%;
}
}
@media (max-width: 1440px) {
.hero_section a {
......@@ -5171,6 +5199,10 @@ header .right_side a:nth-child(4) {
}
}
@media (max-width: 1030px) {
.e_sportt .explore_button {
width: 50%;
margin-left: 25%;
}
.word1 {
top: 30%;
}
......@@ -5220,6 +5252,15 @@ header .right_side a:nth-child(4) {
}
}
@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-sec2,
.hero-sec3,
......@@ -5255,6 +5296,10 @@ header .right_side a:nth-child(4) {
}
}
@media (max-width: 500px) {
.e_sportt .explore_button {
padding: 5px;
}
.hero_section {
grid-template-columns: 100% !important;
padding: 0 3% !important;
......@@ -5276,6 +5321,10 @@ header .right_side a:nth-child(4) {
}
}
@media (max-width: 400px) {
.e_sportt .explore_button {
font-size: 12px;
padding: 2px;
}
.Vr_zone_ar .Vr_zone_ar_cont,
.card_game .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