First commit
This commit is contained in:
78
index.html
Normal file
78
index.html
Normal file
@@ -0,0 +1,78 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>JMP GAMES</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<video autoplay muted loop playsinline id="background-video">
|
||||
<source src="assets/background.mp4" type="video/mp4">
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
|
||||
<main class="container">
|
||||
<div class="card logo-card">
|
||||
<img src="assets/logo.svg" alt="JMP Games" class="logo">
|
||||
<h1>JMP Games</h1>
|
||||
<p class="tagline">Creating Atmospheric Digital Worlds</p>
|
||||
</div>
|
||||
|
||||
<div class="card game-card">
|
||||
<h2>UPCOMING TITLE</h2>
|
||||
<div class="game-preview">
|
||||
<h3>DTS</h3>
|
||||
<p>A psychological horror adventure where reality bends and shadows come alive.</p>
|
||||
<div class="release-date">Coming 2025</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card newsletter-card">
|
||||
<h2>JOIN THE NEWSLETTER</h2>
|
||||
<p>Subscribe for development updates and exclusive content</p>
|
||||
<form id="newsletter-form">
|
||||
<input type="email" placeholder="Enter your email" required>
|
||||
<button type="submit">SUBSCRIBE</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="card team-card">
|
||||
<h2>THE TEAM</h2>
|
||||
<div class="team-grid">
|
||||
<div class="team-member">
|
||||
<img src="avatar1.jpg" alt="Team Member">
|
||||
<h3>Tizio Caio</h3>
|
||||
<!-- <p>Creative Director</p> -->
|
||||
</div>
|
||||
<div class="team-member">
|
||||
<img src="avatar2.jpg" alt="Team Member">
|
||||
<h3>Tizio Caio</h3>
|
||||
<!-- <p>Lead Developer</p> -->
|
||||
</div>
|
||||
<div class="team-member">
|
||||
<img src="avatar3.jpg" alt="Team Member">
|
||||
<h3>Tizio Caio</h3>
|
||||
<!-- <p>Art Director</p> -->
|
||||
</div>
|
||||
<div class="team-member">
|
||||
<img src="avatar4.jpg" alt="Team Member">
|
||||
<h3>Tizio Caio</h3>
|
||||
<!-- <p>Technical Artist</p> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<a href="privacy-policy.html" target="_blank">Privacy Policy</a>
|
||||
<a href="https://drive.google.com/drive/folders/your-folder-id" target="_blank">Press Kit</a>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<p>© 2025 JMP Games. All rights reserved.</p>
|
||||
<p>VAT: IT12345678901</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user