Kevin/museum-of-money-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit: Replicated Museum of Money site

Browse Source
This commit is contained in:
Agent Zero
2026-02-18 12:50:16 +00:00
parent dbb03a2cbe
commit 9fb3bce138
4 changed files with 7244 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
index.html Normal file
View File

@@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Museum of Money - Replicated</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&family=Roboto+Condensed:wght@300;400;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header-left">
<nav class="main-nav">
<a href="#exhibits" class="nav-link">EXHIBITS</a>
<a href="#contact" class="nav-link">CONTACT</a>
<a href="#blog" class="nav-link">BLOG</a>
</nav>
</div>
<div class="logo-container">
<img src="https://via.placeholder.com/180x60/1D7336/FF69B4?text=MoMoney" alt="MoMoney Logo" class="momoney-logo">
</div>
<div class="header-right">
<a href="#tickets" class="btn-tickets">BOOK TICKETS</a>
</div>
</header>
<main class="main-content">
<section class="hero-section">
<div class="hero-content">
<h1 class="hero-title">GET TO KNOW YOUR DOUGH</h1>
<p class="hero-subtitle">Money: it's all about change. Discover its story at MoMoney, the Museum of Money.</p>
<a href="#tickets" class="btn-tickets">BOOK TICKETS</a>
</div>
<div class="floating-coins">
<!-- These will be styled as interactive elements -->
<div class="coin coin-pink"></div>
<div class="coin coin-yellow"></div>
<div class="coin coin-green"></div>
<div class="coin coin-red"></div>
</div>
</section>
<!-- Placeholder for other content sections if needed, based on full site analysis -->
<section class="about-section">
<h2>About MoMoney</h2>
<p>Our mission is to make the complex world of finance accessible and engaging for everyone. From ancient bartering systems to the latest cryptocurrencies, we explore the rich history and future of money.</p>
</section>
<section class="exhibits-section">
<h2>Our Exhibits</h2>
<div class="exhibit-grid">
<div class="exhibit-item">
<img src="https://via.placeholder.com/300x200/3A2A2A/FFFFFF?text=Ancient+Coins" alt="Ancient Coins">
<h3>Ancient Currencies</h3>
<p>Journey through time to discover the origins of money.</p>
</div>
<div class="exhibit-item">
<img src="https://via.placeholder.com/300x200/3A2A2A/FFFFFF?text=Digital+Future" alt="Digital Future">
<h3>The Digital Frontier</h3>
<p>Explore the rise of digital currencies and blockchain.</p>
</div>
<div class="exhibit-item">
<img src="https://via.placeholder.com/300x200/3A2A2A/FFFFFF?text=Art+of+Money" alt="Art of Money">
<h3>Money as Art</h3>
<p>The aesthetic and cultural impact of banknotes and coins.</p>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer-top">
<div class="social-links">
<a href="#"><img src="https://via.placeholder.com/30/FFFFFF/000000?text=FB" alt="Facebook"></a>
<a href="#"><img src="https://via.placeholder.com/30/FFFFFF/000000?text=IG" alt="Instagram"></a>
<a href="#"><img src="https://via.placeholder.com/30/FFFFFF/000000?text=YT" alt="YouTube"></a>
<a href="#"><img src="https://via.placeholder.com/30/FFFFFF/000000?text=TK" alt="TikTok"></a>
</div>
<div class="newsletter-form">
<p>Stay updated with our newsletter!</p>
<input type="email" placeholder="Your Email Address">
<button class="btn-subscribe">Subscribe</button>
</div>
</div>
<div class="promo-banner-fixed">
<p>Get 50% off your first visit!</p>
<button class="btn-claim">CLAIM 50% OFF</button>
<button class="btn-close-promo">X</button>
</div>
<p class="copyright">&copy; 2026 Museum of Money. All rights reserved.</p>
</footer>
</div>
</body>
</html>