Skip to content

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

special screens

parent dcb39c34
Hide 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
<div class="days">
<div class="ticket_type">
<h1 id="pass3_title">VIP TICKET</h1>
<span>50 DK</span>
<span>50 KD</span>
</div>
<div class="text">
<p class="arab-p">
......
index.js
View file @ 661d95c7
......@@ -108,6 +108,8 @@ function changeLanguage(lang) {
playable_games_title.innerHTML="الألعاب المتاحه"
esports_title.innerHTML=" بطولات الرياضات الالكترونية"
e_sport_btn.innerHTML="احجز الان"
ticketing_btn1.innerHTML="احجز الان"
e_sport_btn.onclick=function()
{
location.href = "#ticketing_section_ar"
......@@ -143,8 +145,7 @@ function changeLanguage(lang) {
esports_title.classList.add("En_font")
e_sport_btn.classList.add("En_font")
e_sport_btn.classList.remove("En_font")
ticketing_btn1.innerHTML="حجز التذاكر"
ticketing_btn1.innerHTML="Ticketing"
playable_games_title.innerHTML=" PLAYABLE GAMES"
esports_title.innerHTML="E-SPORTS TOURNAMENTS"
e_sport_btn.innerHTML="BOOK NOW"
......@@ -194,10 +195,20 @@ let lastScrollTop = 0;
// Opens a new tab with example.com, specifying dimensions
window.open(url, "_blank");
}
e_sport_btn.onclick= function ()
e_sport_btn.onclick=function ()
{
if(Ar_flag)
location.href = "#ticketing_section_ar"
else
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
}
\ No newline at end of file
style.css
View file @ 661d95c7
......@@ -10,6 +10,7 @@
--text_color:#e3e3e9;
--sora_font:"Sora";
--noor_font:"Noor";
--noorLight_font:"Noor-Light";
--futura-font:"Futura-Bold"
......@@ -29,6 +30,10 @@ a
font-family: "Noor";
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-family: "Futura-Bold";
src: url("Fonts/futura/futur.ttf") format("TrueType");
......@@ -634,6 +639,49 @@ header .right_side a:nth-child(4)
/* ========================== */
/* =====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)
{
.letters div img
......@@ -667,7 +715,7 @@ header .right_side a:nth-child(4)
}
.e_sport > div div
{
height: 500px;
height: 450px;
}
.e_sport > div div .abs_img2 {
......@@ -678,11 +726,95 @@ header .right_side a:nth-child(4)
{
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;
}
}
@media(max-width:1800px)
{
.e_sport > div:nth-child(2)
{
grid-template-columns: repeat(3, 31%);
/* background: green; */
}
.letters div img
{
width: 40%;
height: 20%;
object-fit: contain;
}
.letters > div
{
align-items: center ;
}
.info
{
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
{
height: 550px;
}
.e_sport > div div .abs_img2 {
left: 6px;
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:1500px)
{
.e_sport > div:nth-child(2)
{
/* grid-template-columns: repeat(3, 550px); */
/* background: red; */
}
.letters div img
{
......@@ -698,29 +830,39 @@ header .right_side a:nth-child(4)
}
.e_sport > div div
{
height: 500px;
height: 480px;
}
.e_sport > div div .abs_img2 {
left: 4px;
top: 120px;
}
}
@media(max-width:1480px)
{
.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
{
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)
{
.e_sport > div div
{
height: 400px;
height: 450px;
}
......@@ -739,7 +881,7 @@ header .right_side a:nth-child(4)
}
.e_sport > div div
{
height: 420px;
height: 770px;
}
......@@ -755,10 +897,9 @@ header .right_side a:nth-child(4)
row-gap: 90px;
}
.e_sport > div div .abs_img
{
top: 97px;
left: 23px;
.e_sport > div div .abs_img {
top: 95px;
left: 13px;
}
.letters div p:nth-child(1)
{
......@@ -775,9 +916,13 @@ header .right_side a:nth-child(4)
top: 106px;
}
.e_sport > div div .valorant_img {
height: 137%;
height: 122%;
transform: translateY(-51px);
}
.e_sport > div div
{
height: 480px;
}
}
@media(max-width:1000px)
......@@ -829,6 +974,12 @@ header .right_side a:nth-child(4)
@media(max-width:950px)
{
.e_sport > div div {
height: 400px;
}
.e_sport > div div .yasou_img {
height: 115%;
}
.letters div p:nth-child(1)
{
margin-top: 20px;
......@@ -893,7 +1044,7 @@ header .right_side a:nth-child(4)
}
.e_sport > div div .abs_img
{
top: 103px;
top: 93px;
}
.e_sport > div div .abs_img2 {
left: 9px;
......@@ -904,6 +1055,17 @@ header .right_side a:nth-child(4)
{
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)
......@@ -1002,7 +1164,9 @@ header .right_side a:nth-child(4)
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)
.e_sport > div div .valorant_img
{
height: 117%;
height: 107%;
transform: translateY(-31px);
}
.e_sport > div div .abs_img {
left: 20px;
top: 95px;
left: 8px;
top: 90px;
}
}
......@@ -1150,9 +1318,23 @@ header .right_side a:nth-child(4)
}
.e_sport > div div .abs_img2 {
left: 4px;
top: 107px;
left: 7px;
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