Skip to content

T
THE BASE
Commit 661d95c7 authored by TokaKaram's avatar TokaKaram
Browse files
Options

special screens

parent dcb39c34
Show whitespace changes
Inline Side-by-side
Showing with 227 additions and 34 deletions
index.html
View file @ 661d95c7
...@@ -651,7 +651,7 @@ FROM HIGH-SPEED RACES TO IMMERSIVE JOURNEYS,TEST YOUR SKILL AND SPARK YOUR ADREN ...@@ -651,7 +651,7 @@ FROM HIGH-SPEED RACES TO IMMERSIVE JOURNEYS,TEST YOUR SKILL AND SPARK YOUR ADREN
<div class="days"> <div class="days">
<div class="ticket_type"> <div class="ticket_type">
<h1 id="pass3_title">VIP TICKET</h1> <h1 id="pass3_title">VIP TICKET</h1>
<span>50 DK</span> <span>50 KD</span>
</div> </div>
<div class="text"> <div class="text">
<p class="arab-p"> <p class="arab-p">
......
index.js
View file @ 661d95c7
...@@ -108,6 +108,8 @@ function changeLanguage(lang) { ...@@ -108,6 +108,8 @@ function changeLanguage(lang) {
playable_games_title.innerHTML="الألعاب المتاحه" playable_games_title.innerHTML="الألعاب المتاحه"
esports_title.innerHTML=" بطولات الرياضات الالكترونية" esports_title.innerHTML=" بطولات الرياضات الالكترونية"
e_sport_btn.innerHTML="احجز الان" e_sport_btn.innerHTML="احجز الان"
ticketing_btn1.innerHTML="احجز الان"
e_sport_btn.onclick=function() e_sport_btn.onclick=function()
{ {
location.href = "#ticketing_section_ar" location.href = "#ticketing_section_ar"
...@@ -143,8 +145,7 @@ function changeLanguage(lang) { ...@@ -143,8 +145,7 @@ function changeLanguage(lang) {
esports_title.classList.add("En_font") esports_title.classList.add("En_font")
e_sport_btn.classList.add("En_font") e_sport_btn.classList.add("En_font")
e_sport_btn.classList.remove("En_font") e_sport_btn.classList.remove("En_font")
ticketing_btn1.innerHTML="حجز التذاكر" ticketing_btn1.innerHTML="Ticketing"
playable_games_title.innerHTML=" PLAYABLE GAMES" playable_games_title.innerHTML=" PLAYABLE GAMES"
esports_title.innerHTML="E-SPORTS TOURNAMENTS" esports_title.innerHTML="E-SPORTS TOURNAMENTS"
e_sport_btn.innerHTML="BOOK NOW" e_sport_btn.innerHTML="BOOK NOW"
...@@ -194,10 +195,20 @@ let lastScrollTop = 0; ...@@ -194,10 +195,20 @@ let lastScrollTop = 0;
// Opens a new tab with example.com, specifying dimensions // Opens a new tab with example.com, specifying dimensions
window.open(url, "_blank"); window.open(url, "_blank");
} }
e_sport_btn.onclick= function () e_sport_btn.onclick=function ()
{ {
if(Ar_flag) if(Ar_flag)
location.href = "#ticketing_section_ar" location.href = "#ticketing_section_ar"
else else
location.href = "#ticketing_section" location.href = "#ticketing_section"
} }
ticketing_btn1.onclick=function ()
{
if(Ar_flag)
location.href = "#ticketing_section_ar"
else
location.href = "#ticketing_section"
}
\ No newline at end of file
style.css
View file @ 661d95c7
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
--text_color:#e3e3e9; --text_color:#e3e3e9;
--sora_font:"Sora"; --sora_font:"Sora";
--noor_font:"Noor"; --noor_font:"Noor";
--noorLight_font:"Noor-Light";
--futura-font:"Futura-Bold" --futura-font:"Futura-Bold"
...@@ -29,6 +30,10 @@ a ...@@ -29,6 +30,10 @@ a
font-family: "Noor"; font-family: "Noor";
src: url("Fonts/noor/AGCRegular.ttf") format("OpenType"); src: url("Fonts/noor/AGCRegular.ttf") format("OpenType");
} }
@font-face {
font-family: "Noor-Light";
src: url("Fonts/noor/AGCLight.ttf") format("OpenType");
}
@font-face { @font-face {
font-family: "Futura-Bold"; font-family: "Futura-Bold";
src: url("Fonts/futura/futur.ttf") format("TrueType"); src: url("Fonts/futura/futur.ttf") format("TrueType");
...@@ -634,6 +639,49 @@ header .right_side a:nth-child(4) ...@@ -634,6 +639,49 @@ header .right_side a:nth-child(4)
/* ========================== */ /* ========================== */
/* =====Responsive========== */ /* =====Responsive========== */
@media(max-width:2200px)
{
.e_sport > div:nth-child(2)
{
grid-template-columns: repeat(3, 569px);
/* background: red; */
}
.e_sport > div div .bellingham_img
{
transform: translateY(-100px);
}
.e_sport > div div .yasou_img
{
height: 120%;
}
.e_sport > div div .abs_img2,
.e_sport > div div .abs_img1,
.e_sport > div div .abs_img
{
width: 90px;
height: 90px !important;
top: unset;
}
.e_sport > div div .abs_img2
{
top: 100px;
}
.e_sport > div div .abs_img
{
top: 100px;
}
.e_sport > div div .valorant_img
{
/* height: 120%; */
transform: translateY(-100px);
}
.e_sport > div div
{
height: 678px;
}
}
@media(max-width:1880px) @media(max-width:1880px)
{ {
.letters div img .letters div img
...@@ -667,7 +715,7 @@ header .right_side a:nth-child(4) ...@@ -667,7 +715,7 @@ header .right_side a:nth-child(4)
} }
.e_sport > div div .e_sport > div div
{ {
height: 500px; height: 450px;
} }
.e_sport > div div .abs_img2 { .e_sport > div div .abs_img2 {
...@@ -678,49 +726,143 @@ header .right_side a:nth-child(4) ...@@ -678,49 +726,143 @@ header .right_side a:nth-child(4)
{ {
left: 20px; left: 20px;
} }
/* .e_sport > div:nth-child(2)
{
grid-template-columns: repeat(3, 550px);
background: black;
} */
} }
@media(max-width:1500px) @media(max-width:1850px)
{ {
.e_sport > div:nth-child(2)
{
grid-template-columns: repeat(3, 550px);
/* background: green; */
}
.e_sport > div div
{
height: 600px;
}
.letters div img }
@media(max-width:1800px)
{
.e_sport > div:nth-child(2)
{ {
width: 45%; grid-template-columns: repeat(3, 31%);
/* background: green; */
} }
.letters div img
{
width: 40%;
height: 20%;
object-fit: contain;
}
.letters > div .letters > div
{ {
align-items: start ; align-items: center ;
} }
.info .info
{ {
margin-top: 0px; margin-top: 0px;
} }
.info form div:nth-child(2)
{
margin-top: 20px;
}
.letters > div
{
width: 60%;
margin-left: 10%;
}
.letters div p:nth-child(1)
{
width: 100%;
}
.e_sport > div div .e_sport > div div
{ {
height: 500px; height: 550px;
} }
.e_sport > div div .abs_img2 { .e_sport > div div .abs_img2 {
left: 4px; left: 6px;
top: 120px; top: 90px;
} }
.e_sport > div div .abs_img {
left: 10px;
top: 90px;
}
/* .e_sport > div div .abs_img2
{
left: 20px;
} */
/* .e_sport > div:nth-child(2)
{
grid-template-columns: repeat(3, 550px);
background: black;
} */
} }
@media(max-width:1480px) @media(max-width:1500px)
{ {
.e_sport > div:nth-child(2)
{
/* grid-template-columns: repeat(3, 550px); */
/* background: red; */
}
.letters div img
{
width: 45%;
}
.letters > div
{
align-items: start ;
}
.info
{
margin-top: 0px;
}
.e_sport > div div
{
height: 480px;
}
.e_sport > div div .abs_img2,
.e_sport > div div .abs_img1,
.e_sport > div div .abs_img
{
width: 70px;
height: 70px !important;
}
.e_sport > div div .abs_img
{
top: 100px;
left: 10px;
}
.e_sport > div div .abs_img2 .e_sport > div div .abs_img2
{ {
left: 20px;
left: 6px;
top: 80px;
} }
.e_sport > div div .valorant_img,
.e_sport > div div .bellingham_img
{
transform: translateY(-70px);
}
} }
@media(max-width:1300px) @media(max-width:1300px)
{ {
.e_sport > div div .e_sport > div div
{ {
height: 400px; height: 450px;
} }
...@@ -739,7 +881,7 @@ header .right_side a:nth-child(4) ...@@ -739,7 +881,7 @@ header .right_side a:nth-child(4)
} }
.e_sport > div div .e_sport > div div
{ {
height: 420px; height: 770px;
} }
...@@ -755,10 +897,9 @@ header .right_side a:nth-child(4) ...@@ -755,10 +897,9 @@ header .right_side a:nth-child(4)
row-gap: 90px; row-gap: 90px;
} }
.e_sport > div div .abs_img .e_sport > div div .abs_img {
{ top: 95px;
top: 97px; left: 13px;
left: 23px;
} }
.letters div p:nth-child(1) .letters div p:nth-child(1)
{ {
...@@ -775,9 +916,13 @@ header .right_side a:nth-child(4) ...@@ -775,9 +916,13 @@ header .right_side a:nth-child(4)
top: 106px; top: 106px;
} }
.e_sport > div div .valorant_img { .e_sport > div div .valorant_img {
height: 137%; height: 122%;
transform: translateY(-51px); transform: translateY(-51px);
} }
.e_sport > div div
{
height: 480px;
}
} }
@media(max-width:1000px) @media(max-width:1000px)
...@@ -829,6 +974,12 @@ header .right_side a:nth-child(4) ...@@ -829,6 +974,12 @@ header .right_side a:nth-child(4)
@media(max-width:950px) @media(max-width:950px)
{ {
.e_sport > div div {
height: 400px;
}
.e_sport > div div .yasou_img {
height: 115%;
}
.letters div p:nth-child(1) .letters div p:nth-child(1)
{ {
margin-top: 20px; margin-top: 20px;
...@@ -893,7 +1044,7 @@ header .right_side a:nth-child(4) ...@@ -893,7 +1044,7 @@ header .right_side a:nth-child(4)
} }
.e_sport > div div .abs_img .e_sport > div div .abs_img
{ {
top: 103px; top: 93px;
} }
.e_sport > div div .abs_img2 { .e_sport > div div .abs_img2 {
left: 9px; left: 9px;
...@@ -904,6 +1055,17 @@ header .right_side a:nth-child(4) ...@@ -904,6 +1055,17 @@ header .right_side a:nth-child(4)
{ {
height: 114%; height: 114%;
} }
.e_sport > div div .valorant_img
{
transform: translateY(-44px);
}
.e_sport > div div .abs_img2,
.e_sport > div div .abs_img1,
.e_sport > div div .abs_img
{
width: 60px;
height: 60px !important;
}
} }
@media(max-width:700px) @media(max-width:700px)
...@@ -1002,7 +1164,9 @@ header .right_side a:nth-child(4) ...@@ -1002,7 +1164,9 @@ header .right_side a:nth-child(4)
margin-top: 10px; margin-top: 10px;
} }
.e_sport > div div img, .e_sport > div div .valorant_img {
height: 119%;
}
} }
...@@ -1128,12 +1292,16 @@ header .right_side a:nth-child(4) ...@@ -1128,12 +1292,16 @@ header .right_side a:nth-child(4)
.e_sport > div div .valorant_img .e_sport > div div .valorant_img
{ {
height: 117%; height: 107%;
transform: translateY(-31px);
} }
.e_sport > div div .abs_img { .e_sport > div div .abs_img {
left: 20px; left: 8px;
top: 95px; top: 90px;
} }
} }
...@@ -1150,9 +1318,23 @@ header .right_side a:nth-child(4) ...@@ -1150,9 +1318,23 @@ header .right_side a:nth-child(4)
} }
.e_sport > div div .abs_img2 { .e_sport > div div .abs_img2 {
left: 4px; left: 7px;
top: 107px; top: 99px;
} }
.bellingham_img {
transform: translateY(-36px);
height: 105%;
}
.e_sport > div div .abs_img {
left: 8px;
top: 104px;
}
.e_sport > div div .abs_img,
.e_sport > div div .abs_img2,
.e_sport > div div .abs_img1{
width: 50px;
height: 50px !important;
}
} }
......
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