Skip to content

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

Change English text

parent fcc8163a
Show whitespace changes
Inline Side-by-side
Showing with 149 additions and 143 deletions
index.html
View file @ ac13ae1f
......@@ -50,21 +50,22 @@
<a class="ar_lang1 ">AR</a>
</div>
<p class="date">
<span id="from">from</span>
<span id="date_from">feb 5TH</span>
<span id="from">From</span>
<span id="date_from">Feb 5TH</span>
<span id="to">to</span>
<span id="date_to">feb 7TH <span>2026</span> </span>
<span id="date_to">Feb 7TH <span>2026</span> </span>
</p>
<p class="place" id="place">
<span>HALL 8 -</span>
<span>KUWAIT INTERNATIONAL</span>
<span> FAIR GROUND</span>
<span>Hall 8 -</span>
<span> Kuwait international</span>
<span> fair ground</span>
</p>
</div>
<div class="right_side">
<a id="ticketing_bnt_en" onclick="gotoTic('ticketing_section')" class="ticketing_bnt_en hidden1">ticketing</a>
<a id="ticketing_bnt_en" onclick="gotoTic('ticketing_section')" class="ticketing_bnt_en hidden1">Ticketing</a>
<a id="ticketing_ar" onclick="gotoTic('ticketing_section_ar')" class=" ticketing_ar"> التذاكر</a>
<a class="lines">
<span></span>
......@@ -85,32 +86,34 @@
<div class="hero_desc_en">
<h3 id="hero_title" class="hero_title2_en">
<div class="wordh21_en">
<span> WELCOME TO <span>THE</span></span>
<span class="the_en"><span>BASE</span> — WHERE THE</span>
<span> Welcome to <span>THE</span></span>
<span class="the_en"><span>BASE</span> — where the</span>
</div>
<div class="wordh22_en">
<span> GAME COMES</span>
<span>game comes</span>
</div>
<div class="wordh23_en">
<span> ALIVE! </span>
<span> alive! </span>
</div>
</h3>
<p id="hero_desc" class="hero-sech21_en">A FESTIVAL BUILT FOR GAMERS, </p>
<p id="hero_desc" class="hero-sech22_en">CREATORS, AND FANS WHO LIVE</p>
<p id="hero_desc" class="hero-sech23_en"> FOR THE ACTION.</p>
<p id="hero_desc" class="hero-sech24_en">THREE DAYS OF PURE ENERGY,</p>
<p id="hero_desc" class="hero-sech25_en">COMPETITION, AND COMMUNITY.</p>
<a class="bookA1_en" onclick="gotoTic('ticketing_section')"> BOOK NOW</a>
<p id="hero_desc" class="hero-sech21_en">A festival built for gamers, </p>
<p id="hero_desc" class="hero-sech22_en">creators, and fans who live</p>
<p id="hero_desc" class="hero-sech23_en"> for the action.</p>
<p id="hero_desc" class="hero-sech24_en">Three days of pure energy,</p>
<p id="hero_desc" class="hero-sech25_en">competition, and community.</p>
<a class="bookA1_en" onclick="gotoTic('ticketing_section')"> Book now</a>
</div>
<div class="hero_desc_res_en " >
<h3 id="hero_title" class="hero_title2_en">
WELCOME TO <span class="the">THE BASE</span> — WHERE THE GAME COMES ALIVE!
Welcome to <span class="the">THE BASE</span> — where the game comes
alive!
</h3>
<p>
A FESTIVAL BUILT FOR GAMERS, CREATORS, AND FANS WHO LIVE FOR THE ACTION. THREE DAYS OF ENERGY, COMPETITION, AND COMMUNITY.
</p>
<a onclick="gotoTic('ticketing_section')" class="bookA1"> BOOK NOW</a>
A festival built for gamers, creators, and fans who live for the action. Three days of energy, competition, and community.
</p>
<a onclick="gotoTic('ticketing_section')" class="bookA1"> Book now</a>
</div>
</div>
......@@ -212,11 +215,11 @@
<div class="img_parent">
<img src="./images/pc - ps5 area1.jpg" />
</div>
<a>PC - PS5 ZONE</a>
<a>PC - PS5 Zone</a>
</div>
<div class="text">
<h1>CASUAL ACTIVITIES</h1>
<h1>Casual activities</h1>
<h1> هُنا يبدأ <span> المرح الحقيقي </span></h1>
<div class="casual_text">
<p> استمتع بأجواءِ اللعب الحُرّ على أكثرَ </p>
......@@ -240,20 +243,20 @@
<div class="casual_ar hidden1" id="casual_en">
<div class="casual_av_cont">
<div class="text">
<h1>CASUAL ACTIVITIES</h1>
<h1> THIS IS WHERE <span>THE REAL
FUN BEGINS! </span> </h1>
<p>THIS IS WHERE THE REAL FUN BEGINS!</p>
<p>ENJOY THE FREE-PLAY VIBES WITH OVER
20 GAMING PCS AND 10 PLAYSTATION 5
CONSOLES OPEN FOR EVERYONE.</p>
<p>JOIN SPONTANEOUS MINI TOURNAMENTS,
WIN EXCITING PRIZES, OR CHALLENGE YOUR
FRIENDS TO FRIENDLY MATCHES — IT’S ALL
ABOUT THE THRILL OF PLAY.
</p>
<p>A ZONE THAT BLENDS EXCITEMENT AND
COMFORT — WHERE GAMING IS PURE JOY!</p>
<h1>Casual activities</h1>
<h1> This is where <span>the real
fun begins! </span> </h1>
<p>This is where the real fun begins!</p>
<p>Enjoy the free-play vibes with over
20 gaming pcs and 10 playstation 5
consoles open for everyone.</p>
<p>Join spontaneous mini tournaments,
win exciting prizes, or challenge your
friends to friendly matches — it’s all
about the thrill of play.
</p>
<p>A zone that blends excitement and
comfort — where gaming is pure joy!</p>
</div>
<div class="main_img">
......@@ -261,7 +264,7 @@ COMFORT — WHERE GAMING IS PURE JOY!</p>
<img src="./images/pc - ps5 area.jpg" />
</div>
<a>PC - PS5 ZONE</a>
<a>PC - PS5 Zone</a>
</div>
</div>
......@@ -283,7 +286,7 @@ COMFORT — WHERE GAMING IS PURE JOY!</p>
</div>
<div class="main_img">
<img src="./images/vr1.png">
<a>VR ZONE</a>
<a>VR Zone</a>
</div>
</div>
</div>
......@@ -292,20 +295,20 @@ COMFORT — WHERE GAMING IS PURE JOY!</p>
<div class="Vr_zone_ar_cont">
<div class="main_img">
<img src="./images/vr.png">
<a>VR ZONE</a>
<a>VR Zone</a>
</div>
<div class="text">
<h1> STEP INTO A WHOLE NEW
WORLD — <span>UNLIKE ANYTHING
YOU’VE EXPERIENCED BEFORE.</span></h1>
<p>A FUSION OF VIRTUAL REALITY AND CLASSIC
ARCADE GAMES, BLENDING NOSTALGIA WITH
THE THRILL OF THE FUTURE.</p>
<p>WITH 6 ADVANCED VR STATIONS, GET READY
FOR ADVENTURES THAT ENGAGE ALL YOUR
SENSES — AN EXPERIENCE</p>
<p>THAT PULLS YOU STRAIGHT INTO THE HEART
OF THE ACTION.</p>
<h1>Step into a whole new
world — <span>unlike anything
you’ve experienced before.</span></h1>
<p>A fusion of virtual reality and classic
arcade games, blending nostalgia with
the thrill of the future.</p>
<p>With 6 advanced VR stations, get ready
for adventures that engage all your
senses — an experience</p>
<p>that pulls you straight into the heart
of the action.</p>
</div>
......@@ -318,7 +321,7 @@ COMFORT — WHERE GAMING IS PURE JOY!</p>
<div class="img_parent">
<img src="./images/card-boardgames.jpeg" />
</div>
<a>CARD / BOARD GAMES</a>
<a>Card / Board games</a>
</div>
<div class="text">
<h1><span>لعبة</span> العَقل، الصَّبر، والاستراتيجيّة</h1>
......@@ -332,24 +335,25 @@ COMFORT — WHERE GAMING IS PURE JOY!</p>
<div class="img_parent">
<img src="./images/card-boardgames.jpeg" />
</div>
<a>CARD / BOARD GAMES</a>
<a>Card / Board games</a>
</div>
<div class="text">
<div>
<h1><span>A PLACE FOR</span>THE MIND,</h1>
<h1> PATIENCE, AND STRATEGY.</h1>
</div>
<p>ENJOY A VARIETY OF CLASSIC BOARD</p>
<p>GAMES AND CARD TOURNAMENTS</p>
<p>THAT COMBINE CHALLENGE AND FUN.</p>
<p>WHETHER YOU’RE A PRO OR JUST</p>
<p>STARTING OUT, THIS ZONE IS YOUR</p>
<p>SPACE TO PLAY, CONNECT, AND</p>
<p>ENJOY FACE-TO</p>
<p>FACE GAMING WITH OTHERS.</p>
<h1><span>A place for</span>the mind,</h1>
<h1> patience, and strategy.</h1>
</div>
<p>Enjoy a variety of classic board</p>
<p>games and card tournaments</p>
<p>that combine challenge and fun.</p>
<p>Whether you’re a pro or just</p>
<p>starting out, this zone is your</p>
<p>space to play, connect, and</p>
<p>enjoy face-to</p>
<p>face gaming with others.</p>
</div>
</div>
</div>
<!-- ==================== -->
<!-- ========mobile -->
<div class="mobile" id="mobile_Ar">
......@@ -359,7 +363,7 @@ COMFORT — WHERE GAMING IS PURE JOY!</p>
لا يتوقف عند الشاشات الكبيرة</span></h1>
<p> انضم إلى بطولات PUBG MOBILE اليومية، سواءٌ كنت تلعب بمفردك أو مع فريقك، المنافسةُ هنا سريعةٌ، مليئةٌ بالإثارة، والمركزُ الأوّل ينتظر الأفضل فقط.</p>
<div class="a_parent">
<a>MOBILE AREA</a>
<a>Mobile area</a>
</div>
</div>
<div class="main_img">
......@@ -371,17 +375,17 @@ COMFORT — WHERE GAMING IS PURE JOY!</p>
<div class="mobile_ar hidden1" id="mobile_en">
<div class="mobile_cont">
<div class="text">
<h1>BECAUSE GAMING <span> DOESN’T
STOP AT BIG SCREENS! </span></h1>
<p>JOIN THE DAILY PUBG MOBILE TOURNAMENTS,
WHETHER YOU’RE PLAYING SOLO OR WITH
YOUR SQUAD.</p>
<p>THE COMPETITION HERE IS FAST, THRILLING,
AND ONLY THE BEST REACH THE TOP.</p>
<h1>Because gaming <span> doesn’t
stop at big screens! </span></h1>
<p>Join the daily pubg mobile tournaments,
whether you’re playing solo or with
your squad.</p>
<p>The competition here is fast, thrilling,
and only the best reach the top.</p>
<div class="a_parent">
<a>MOBILE AREA</a>
</div>
<a>Mobile area</a>
</div>
</div>
<div class="main_img">
<img src="./images/mobile ar.png">
</div>
......@@ -405,7 +409,7 @@ AND ONLY THE BEST REACH THE TOP.</p>
<div class="img_parent">
<img src="./images/cosplay .jpg" />
</div>
<a>COSPLAY AREA</a>
<a>Cosplay area</a>
</div>
</div>
......@@ -414,21 +418,21 @@ AND ONLY THE BEST REACH THE TOP.</p>
<div class="cosplay_ar hidden1" id="cosplay_en">
<div class="cosplay_cont">
<div class="text">
<h1> <span> LIVE YOUR FAVORITE
CHARACTER </span> AND BECOME
PART OF THEIR WORLD!</h1>
<p>IN THE COSPLAY ZONE, CREATIVITY COMES
TO LIFE THROUGH COSTUMES, COLORS,
AND IMAGINATION.
JOIN IN, TAKE PHOTOS, AND BE THE HERO
EVERYONE LOVES.</p>
</div>
<h1> <span> Live your favorite
character </span> and become
part of their world!</h1>
<p>In the Cosplay zone, creativity comes
to life through costumes, colors,
and imagination.
Join in, take photos, and be the hero
everyone loves.</p>
</div>
<div class="main_img">
<div class="img_parent">
<img src="./images/cosplay .jpg" />
</div>
<a>COSPLAY AREA</a>
<a>Cosplay area</a>
</div>
</div>
......@@ -457,7 +461,7 @@ AND ONLY THE BEST REACH THE TOP.</p>
</div>
<button class="vr-btn1">CAR simulator</button>
<button class="vr-btn1">Car simulator</button>
</div>
</div>
</div>
......@@ -471,16 +475,15 @@ AND ONLY THE BEST REACH THE TOP.</p>
<div class="vr-con conen">
<h2 class="vr-title1 title1en">
A new adventure <span class="neon">around every corner</span>
</h2>
A NEW ADVENTURE <span class="neon">AROUND EVERY CORNER</span>
</h2>
<div class="vr-p p-en">
<p>From high-speed races to immersive journeys,test your skill and spark your adrenaline.</p>
<p>Every moment here is an experience worth living.</p>
</div>
<div class="vr-p p-en">
<p>FROM HIGH-SPEED RACES TO IMMERSIVE JOURNEYS,TEST YOUR SKILL AND SPARK YOUR ADRENALINE.</p>
<p>EVERY MOMENT HERE IS AN EXPERIENCE WORTH LIVING.</p>
</div>
<button class="vr-btn1 btnen">CAR simulator</button>
<button class="vr-btn1 btnen">Car simulator</button>
</div>
</div>
</div>
......@@ -493,65 +496,62 @@ AND ONLY THE BEST REACH THE TOP.</p>
<div class="ticket_types">
<div class="days_t">
<div class="ticket_type">
<h1 id="pass3_title">3 DAY PASS - REGULAR</h1>
<h1 id="pass3_title">3 Day pass - regular</h1>
<span>15 KD</span>
</div>
<div class="text">
<p class="first-p days3_p">GET FULL ACCESS TO THE BASE ACROSS ALL THREE DAYS — TOURNAMENTS,
STAGES, COSPLAY SHOWS, VR, ARCADE,
AND EVERY GAMING ZONE. ENJOY UNLIMITED ENTRY TO ALL CASUAL AND
COMPETITIVE AREAS, MAIN STAGE
ACTIVITIES, AND EXCLUSIVE COMMUNITY EVENTS THROUGHOUT THE FESTIVAL.
<p class="first-p days3_p">Get full access to THE BASE across all three days — tournaments,
stages, cosplay shows, vr, arcade,
and every gaming zone. Enjoy unlimited entry to all casual and
competitive areas, main stage
activities, and exclusive community events throughout the festival.
</p>
</div>
</div>
<button class="btn2_type" onclick="openNewWindow( 'https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482625862'
)">BOOK YOUR PASS</button>
)">Book your pass</button>
</div>
<div class="days_t">
<div class="ticket_type">
<h1 id="pass3_title" class="day_ticket">1 DAY PASS - REGULAR</h1>
<h1 id="pass3_title" class="day_ticket">1 Day pass - regular</h1>
<span>10 KD</span>
</div>
<div class="text">
<p class="first-p">PERFECT FOR GAMERS WHO
WANT TO EXPERIENCE THE EVENT IN ONE HIT! SPEND A FULL DAY EXPLORING EVERY PART OF THE BASE:
TOURNAMENTS, VR, CARD ZONES, COSPLAY SHOWS, AND MORE — ALL IN ONE PASS.
</p>
<p class="first-p">Perfect for gamers who
want to experience the event in one hit! Spend a full day exploring every part of THE BASE:
tournaments, vr, card zones, cosplay shows, and more — all in one pass.
</p>
</div>
<button class="btn2_type_s"
onclick="openNewWindow('https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482625963')">BOOK
YOUR PASS</button>
onclick="openNewWindow('https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482625963')">Book
your pass</button>
</div>
</div>
<div class="days">
<div class="ticket_type">
<h1 id="pass3_title">VIP TICKET</h1>
<h1 id="pass3_title">VIP Ticket</h1>
<span>50 KD</span>
</div>
<div class="text">
<p class="first-p">FOR THOSE WHO WANT THE FULL EXPERIENCE — AND MORE. ENJOY EXCLUSIVE VIP
ACCESS WITH PRIORITY ENTRY,
RESERVED MAIN STAGE SEATING, BACKSTAGE MEET & GREETS, AND A PREMIUM MERCH
PACK. THREE DAYS OF
GAMING, LUXURY, AND NEXT-LEVEL ACCESS TO THE BASE.
</p>
<p class="first-p">For those who want the full experience — and more. Enjoy exclusive vip
access with priority entry,
reserved main stage seating, backstage meet & greets, and a premium merch
pack. Three days of
gaming, luxury, and next-level access to THE BASE.
</p>
</div>
<button class="btnn2"
onclick="openNewWindow('https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482626062')">BOOK
YOUR PASS</button>
onclick="openNewWindow('https://portal.myfatoorah.com/En/KWT/PayInvoice/LinkInvoiceDetails/060615219482626062')">Book
your pass</button>
</div>
......@@ -572,7 +572,7 @@ AND ONLY THE BEST REACH THE TOP.</p>
<div class="ticket_types">
<div class="days_t">
<div class="ticket_type">
<h1 id="pass3_title">3 DAY PASS - REGULAR</h1>
<h1 id="pass3_title">3 Day pass - regular</h1>
<span>15 KD</span>
</div>
<div class="text">
......@@ -594,7 +594,7 @@ AND ONLY THE BEST REACH THE TOP.</p>
</div>
<div class="days_t">
<div class="ticket_type">
<h1 id="pass3_title" class="day_ticket">1 DAY PASS - REGULAR</h1>
<h1 id="pass3_title" class="day_ticket">1 Day pass - regular</h1>
<span>10 KD</span>
</div>
<div class="text">
......@@ -614,7 +614,7 @@ AND ONLY THE BEST REACH THE TOP.</p>
</div>
<div class="days">
<div class="ticket_type">
<h1 id="pass3_title">VIP TICKET</h1>
<h1 id="pass3_title">VIP Ticket</h1>
<span>50 KD</span>
</div>
<div class="text">
......@@ -663,7 +663,7 @@ AND ONLY THE BEST REACH THE TOP.</p>
</div>
<div class="oragnize" id="organize">
<h1 id="organized">ORGANIZED BY</h1>
<h1 id="organized">Organized by</h1>
<div>
......@@ -674,7 +674,7 @@ AND ONLY THE BEST REACH THE TOP.</p>
</div>
</div>
<div class="oragnize_slider" id="organize">
<h1 id="organized">ORGANIZED BY</h1>
<h1 id="organized">Organized by</h1>
<div class="swiper organize_slider">
<div class="swiper-wrapper">
......@@ -693,13 +693,13 @@ AND ONLY THE BEST REACH THE TOP.</p>
</div>
<div class="letters">
<h1 id="newsletter">NEWS LETTER</h1>
<h1 id="newsletter">News letter</h1>
<div>
<div class="image">
<img src="./images/logo.png" alt="Logo">
</div>
<div class="info">
<p id="newsletter_text">RECEIVE THE LATEST NEWS FROM THE BASE - GAMING FESTIVAL</p>
<p id="newsletter_text">Receive the latest news from THE BASE - gaming festival</p>
<form onsubmit="sendEmail(event)" method="post">
<div>
<label for="email">Email:</label>
......@@ -709,7 +709,7 @@ AND ONLY THE BEST REACH THE TOP.</p>
<label for="phone">Phone:</label>
<input type="text" id="phone" name="phone" />
</div>
<button type="submit" >subscribe</button>
<button type="submit" >Subscribe</button>
</form>
</div>
......
index.js
View file @ ac13ae1f
......@@ -162,9 +162,9 @@ function changeLanguage(lang) {
ticketing_btn1.classList.add("En_font")
// e_sport_btn.classList.remove("En_font")
ticketing_btn1.innerHTML="Ticketing"
playable_games_title.innerHTML=" PLAYABLE GAMES"
esports_title.innerHTML="E-SPORTS TOURNAMENTS"
e_sport_btn.innerHTML="BOOK NOW"
playable_games_title.innerHTML=" Playable games"
esports_title.innerHTML="E-Sports tournaments"
e_sport_btn.innerHTML="Book now"
document.querySelector(".en_lang").classList.remove("colored")
document.querySelector(".en_lang1").classList.remove("colored")
......
style.css
View file @ ac13ae1f
......@@ -164,7 +164,7 @@ header .left_side .date,
header .left_side .place {
display: flex;
flex-direction: column;
text-transform: uppercase;
/* text-transform: uppercase; */
margin-left: 40px;
font-weight: 700;
font-family: var(--sora_extrabold);
......
style3.css
View file @ ac13ae1f
......@@ -1250,5 +1250,11 @@
}
.PB
{
padding-bottom: 100px;
padding-bottom: 130px;
}
a,
button,
.letters div p:nth-child(1)
{
text-transform: unset !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