Skip to content

T
THE BASE
Commit 20bc8b5b authored by TokaKaram's avatar TokaKaram
Browse files
Options

edit arabic version

parent 9cbb9205
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1510 additions and 374 deletions
thebase/thebase/the/index.html
View file @ 20bc8b5b
......@@ -21,7 +21,7 @@
<header id="header">
<div class="left_side">
<div class="logo_cont">
<img src="./images/logo.png" alt="Logo">
<img src="./images/logo (4).png" alt="Logo">
<!-- <p class="logo">
<span id="logo_the">The </span>
<span id="logo_base">base</span>
......@@ -30,17 +30,18 @@
</div>
<i class="fa-solid fa-bars list_icon" id="open_list"></i>
<div class="right_side_h hidden ">
<a id="ticketing_btn1">حجز التذاكر</a>
<a id="ticketing_btn1"> التذاكر</a>
<a><i class="fa-solid fa-bars"></i></a>
<a class="en_lang1">EN</a>
<a class="ar_lang1 colored">AR</a>
<a class="en_lang1 colored">EN</a>
<a class="ar_lang1 ">AR</a>
</div>
<p class="date">
<span id="from">from</span>
<span id="date_from">feb 5TH</span>
<span id="to">to</span>
<span id="date_to">feb 7TH 2025</span>
<span id="date_to">feb 7TH <span>2025</span> </span>
</p>
<p class="place" id="place">
<span>HALL 8 -</span>
......@@ -51,15 +52,15 @@
</div>
<div class="right_side">
<a id="ticketing_bnt_en" href="#ticketing_section" class="ticketing_bnt_en hidden1">ticketing</a>
<a id="ticketing_ar" href="#ticketing_section_ar" class=" ticketing_ar">حجز التذاكر</a>
<a id="ticketing_ar" href="#ticketing_section_ar" class=" ticketing_ar"> التذاكر</a>
<a class="lines">
<span></span>
<span></span>
<span></span>
</a>
<a class="en_lang">EN</a>
<a class="ar_lang colored">AR</a>
<a class="en_lang colored">EN</a>
<a class="ar_lang ">AR</a>
</div>
</header>
......@@ -164,7 +165,9 @@
<div class="swiper-slide"><img src="/images/game4.png" alt=""></div>
<div class="swiper-slide"><img src="/images/game5.webp" alt=""></div>
<div class="swiper-slide"><img src="/images/game6.webp" alt=""></div>
<div class="swiper-slide"><img src="/images/game6.webp" alt=""></div>
<div class="swiper-slide"><img src="/images/website_landing_page-02.webp" alt=""></div>
<div class="swiper-slide"><img src="/images/website_landing_page-03.webp" alt=""></div>
<div class="swiper-slide"><img src="/images/website_landing_page-04.webp" alt=""></div>
</div>
<div class="swiper-pagination"> next</div>
......@@ -232,11 +235,17 @@
<h1>CASUAL ACTIVITIES</h1>
<h1> THIS IS WHERE <span>THE REAL
FUN BEGINS! </span> </h1>
<p>ENJOY THE FREE-PLAY VIBES WITH OVER 20 GAMING PCS AND 10 PLAYSTATION 5 CONSOLES OPEN FOR EVERYONE.</p>
<p>JUMP INTO QUICK CHALLENGES, FRIENDLY MATCHES WITH YOUR FRIENDS, OR TRY YOUR FAVORITE GAMES WITHOUT LIMITS.
<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>
<p>A ZONE THAT BLENDS EXCITEMENT AND
COMFORT — WHERE GAMING IS PURE JOY!</p>
</div>
<div class="main_img">
......@@ -262,9 +271,8 @@
ً
والمستقبل
ّ متطورة، استعد لمغامرات VR مع 6 محطات
ستعيشها بكل حواسك — تجربة تنقلك من
المشاهدة إلى قلب الحدث</p>
<p> ّ متطورة، استعد لمغامرات VR مع 6 محطات ستعيشها بكل حواسك — تجربة تنقلك من المشاهدة إلى قلب الحدث</p>
</p>
</div>
<div class="main_img">
......@@ -285,13 +293,13 @@
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.
WITH 6 ADVANCED VR STATIONS, GET READY
FOR ADVENTURES THAT ENGAGE ALL YOUR
SENSES — AN EXPERIENCE
THAT PULLS YOU STRAIGHT INTO THE HEART
OF THE ACTION.</p>
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>
......@@ -371,11 +379,11 @@
<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.
THE COMPETITION HERE IS FAST, THRILLING,
AND ONLY THE BEST REACH THE TOP.</p>
<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>
......@@ -394,7 +402,7 @@
جزءا من عالمها</span></h1>
<p>في منطقة الكوسبلاي، يتحوّل الإبداع
إلى عرض حي ّ من الأزياء، الألوان، والخيال
<span>الى عرض حي ّ من الأزياء، الألوان، والخيال</span>
شارك، التقط الصور، وكن أنت البطل
الذي يعشقه الجميع</p>
</div>
......@@ -617,11 +625,11 @@
<span>15 KD</span>
</div>
<div class="text">
<p class="first-p">على مدار الأيام الثلاثة — البطولات، BASE THE احصل على دخول كامل إلى
والعروض، والكوسبلاي، ومنطقة الواقع الافتراضي، والآركيد، وجميع مناطق
الألعاب. استمتع بدخول غير محدود إلى جميع المناطق الترفيهية والتنافسية
وأنشطة المسرح الرئيسي وفعاليات المجتمع طوال المهرجان
</p>
<p class="first-p">
على مدار الأيام الثلاثة — البطولات، BASE THE احصل على دخول كامل إلى
والعروض، والكوسبلاي، ومنطقة الواقع الافتراضي، والآركيد، وجميع مناطق
الألعاب. استمتع بدخول غير محدود إلى جميع المناطق الترفيهية والتنافسية
وأنشطة المسرح الرئيسي وفعاليات المجتمع طوال المهرجان </p>
</div>
......@@ -637,19 +645,19 @@
<span>10 KD</span>
</div>
<div class="text">
<p class="first-p">مثالي لعشاق الألعاب الذين يرغبون
في خوض التجربة بيوم واحد مكثف.
ّ
<p class="first-p">مثالي لعشاق الألعاب الذين يرغبونمثالي لعشاق الألعاب الذين يرغبون
في خوض التجربة بيوم واحد مكثف.
ّ
يوما ً كاملا تستكشف فيه جميع
يوما ً كاملا تستكشف فيه جميع
ً
ً
ِ اقض
البطولات، والواقع :BASE THE أركان
الافتراضي، وألعاب الطاولة، وعروض
الكوسبلاي، والمزيد — كل ذلك
بتذكرة واحدة
ِ اقض
البطولات، والواقع :BASE THE أركان
الافتراضي، وألعاب الطاولة، وعروض
الكوسبلاي، والمزيد — كل ذلك
بتذكرة واحدة
</p>
......@@ -669,9 +677,10 @@
</div>
<div class="text">
<p class="arab-p">
.على مدار الأيام الثلاثة - البطولات THE BASE احصل على دخول كامل إلى العروض، والكوسبلاي، ومنطقة الواقع
الافتراضي، والأركيد، وجميع مناطق الألعاب. استمتع بدخول غير محدود إلى جميع المناطق الترفيهية والتنافسية وأنشطة
المسرح الرئيسي وفعاليات المجتمع طوال المهرجان
حصري يتضمن أولوية VIP لمن يبحث عن تجربة استثنائية وشاملة. استمتع بدخول
الدخول، ومقاعد محجوزة في المسرح الرئيسي، وفرص لقاء خلف الكواليس، وباقة
منتجات مميزة. ثلاثة أيام من الألعاب، والرفاهية، والوصول إلى أعلى مستويات
التجربة فيBASE THE
</p>
......@@ -744,7 +753,7 @@
<h1 id="newsletter">NEWS LETTER</h1>
<div>
<div class="image">
<img src="./images/logo.png">
<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>
......@@ -757,7 +766,7 @@
<label for="phone">Phone:</label>
<input type="text" id="phone" name="phone" />
</div>
<button type="submit">send message</button>
<button type="submit" onclick=>send message</button>
</form>
</div>
......
thebase/thebase/the/index.js
View file @ 20bc8b5b
......@@ -114,10 +114,10 @@ function changeLanguage(lang) {
{
location.href = "#ticketing_section_ar"
}
document.querySelector(".en_lang").classList.remove("colored")
document.querySelector(".en_lang1").classList.remove("colored")
document.querySelector(".ar_lang").classList.add("colored")
document.querySelector(".ar_lang1").classList.add("colored")
document.querySelector(".en_lang").classList.add("colored")
document.querySelector(".en_lang1").classList.add("colored")
document.querySelector(".ar_lang").classList.remove("colored")
document.querySelector(".ar_lang1").classList.remove("colored")
......@@ -150,16 +150,16 @@ function changeLanguage(lang) {
esports_title.innerHTML="E-SPORTS TOURNAMENTS"
e_sport_btn.innerHTML="BOOK NOW"
document.querySelector(".en_lang").classList.add("colored")
document.querySelector(".en_lang1").classList.add("colored")
document.querySelector(".ar_lang").classList.remove("colored")
document.querySelector(".ar_lang1").classList.remove("colored")
document.querySelector(".en_lang").classList.remove("colored")
document.querySelector(".en_lang1").classList.remove("colored")
document.querySelector(".ar_lang").classList.add("colored")
document.querySelector(".ar_lang1").classList.add("colored")
}
}
document.querySelector(".en_lang").addEventListener("click", () => changeLanguage("en"));
document.querySelector(".en_lang1").addEventListener("click", () => changeLanguage("en"));
// document.querySelector(".en_lang").addEventListener("click", () => changeLanguage("en"));
// document.querySelector(".en_lang1").addEventListener("click", () => changeLanguage("en"));
document.querySelector(".ar_lang").addEventListener("click", () => changeLanguage("ar"));
document.querySelector(".ar_lang1").addEventListener("click", () => changeLanguage("ar"));
// =========================
......@@ -191,8 +191,16 @@ let lastScrollTop = 0;
lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
});
// ======================= Organize Logic
function openNewWindow(url) {
function openNewWindow(url,target) {
// Opens a new tab with example.com, specifying dimensions
if(target=="self")
{
window.open(url, "_self");
history.pushState("", document.title, window.location.pathname + window.location.search);
}
else
window.open(url, "_blank");
}
e_sport_btn.onclick=function ()
......
thebase/thebase/the/style.css
View file @ 20bc8b5b
This diff is collapsed.
thebase/thebase/the/style2.css
View file @ 20bc8b5b
This diff is collapsed.
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