95 lines
4.5 KiB
HTML
95 lines
4.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Responsive Website Landing Page - With Background Image Slider | Space</title>
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
|
||
|
|
<link rel="stylesheet" href="HP_GGJ.css">
|
||
|
|
<link rel=icon href="favicon.ico"/>
|
||
|
|
<title>Home Page</title>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<header>
|
||
|
|
|
||
|
|
|
||
|
|
<a href="#" class="brand">GLOBAL GAME JAM</a>
|
||
|
|
<div class="menu-btn">
|
||
|
|
<div class="navigation">
|
||
|
|
<div class="navigation-items">
|
||
|
|
<a href="index.html.html">Home</a>
|
||
|
|
<a href="Team Member Ranking.html">Team Member Ranking</a>
|
||
|
|
<a href=" test.html">Member rank test</a>
|
||
|
|
<a href="https://t.co/P3Uz2F0XHz">التسجيل </a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<section class="home">
|
||
|
|
|
||
|
|
<img decoding="async" class="img-slide active" src="img1.png" autoplay muted loop>
|
||
|
|
|
||
|
|
|
||
|
|
<img decoding="async" class="img-slide" src="THEME.png" ></img>
|
||
|
|
<img decoding="async" class="img-slide" ></img>
|
||
|
|
<div class="content active">
|
||
|
|
<h1> ماهو <br><span>GLOBAL GAME JAM</span></h1>
|
||
|
|
<p style="text-align: justify;">يعتبر أكبر حدث عالمي في مجال تصميم وتطوير الألعاب في جميع أنحاء العالم. حيث يركز على تعزيز قدرات المهتمين في مجال تطوير الألعاب واستكشاف عملية التطوير.
|
||
|
|
يغطي هذا الحدث مجالات متعددة مثل البرمجة، التصميم، تحريك الشخصيات، الاستكشاف السردي، والتعبير الفني. يتم العمل على هذه الجوانب المختلفة
|
||
|
|
<span id="dots">...</span><span id="more">على مدار 72 ساعة متواصلة، حيث يتم تشجيع المشاركين على تكوين فرق ومواجهة تحديات تطوير الألعاب وإنشاء ألعاب فريدة ومبتكرة.
|
||
|
|
هذا الحدث يمثل فرصة ممتازة للشباب والفتيات لتطوير مهاراتهم في صناعة الألعاب وتعزيز قدراتهم الإبداعية. من خلال الانخراط في هذا الهاكاثون، يتعلم المشاركون كيفية التعاون كفريق، والعمل تحت ضغط الوقت، وحل المشكلات المعقدة، وتطوير أفكارهم الإبداعية في صورة ألعاب ممتعة ومسلية.
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
<button class="button" onclick="myFunction()" id="myBtn">Read more</button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="content">
|
||
|
|
<h1>JAM <br><span>THEME</span></h1>
|
||
|
|
<p>هي فكرة اللعبة التي سيحاول المشاركون صناعة لعبة حولها
|
||
|
|
<br> يتم تحديده من قبل المنظمين العالميين للحدث.
|
||
|
|
<br> ملاحظة: سيتم الإعلان عن الثيم عبر قناة GGJ الرسمية على YouTube.
|
||
|
|
|
||
|
|
</p>
|
||
|
|
<button class="button" onclick="myFunction()" id="myBtn"><a href="https://youtube.com/@GlobalGameJam?si=qD2ZgbYM6P9W0poV">youtube</a></button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="content">
|
||
|
|
|
||
|
|
<div style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
|
||
|
|
<h1 style="text-align: center; font-size: 40px;"><span>soon⏳🎮!!!</span></h1>
|
||
|
|
<iframe src="web 3.html" style="width: 70%; height: 535px; border: none;"></iframe>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="media-icons">
|
||
|
|
<a href="https://twitter.com/GDSCTabuk"><i class="fab fa-twitter"></i></a>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="slider-navigation">
|
||
|
|
<div class="nav-btn active"></div>
|
||
|
|
<div class="nav-btn"></div>
|
||
|
|
<div class="nav-btn"></div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</section> <script src="GGL_JS.js" defer data-deferred="1"></script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|