Scribd
Upload
9 views3 pages

Chocolate Meets Stranger Things

The document is an HTML webpage titled 'Chocolate & Stranger Things' featuring a dark-themed design with chocolate and Stranger Things elements. It includes a header, sections for chocolate-related content, and footer links for navigation. The page emphasizes a mysterious atmosphere with engaging visuals and interactive elements.

Uploaded by

yosit9vis
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
9 views3 pages

Chocolate Meets Stranger Things

The document is an HTML webpage titled 'Chocolate & Stranger Things' featuring a dark-themed design with chocolate and Stranger Things elements. It includes a header, sections for chocolate-related content, and footer links for navigation. The page emphasizes a mysterious atmosphere with engaging visuals and interactive elements.

Uploaded by

yosit9vis
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chocolate & Stranger Things</title>
<style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-color: #333;
color: #fff;
}

header {
background-color: #8B4513;
padding: 20px;
text-align: center;
}

header h1 {
font-size: 3rem;
text-transform: uppercase;
letter-spacing: 2px;
color: #FFD700;
font-family: 'Courier New', Courier, monospace;
}

.chocolate {
background-image: url('[Link] /*
Placeholder URL, replace with a real one */
background-size: cover;
background-position: center;
height: 400px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}

.chocolate h2 {
font-size: 3rem;
color: #FFD700;
text-shadow: 2px 2px 4px #000;
}

.stranger-things {
background-color: #222;
padding: 50px 20px;
text-align: center;
}

.stranger-things h3 {
font-size: 2.5rem;
color: #FF4500;
font-family: 'Courier New', Courier, monospace;
text-shadow: 2px 2px 4px #000;
}
.chocolate-bar {
display: inline-block;
margin: 20px;
padding: 15px 30px;
background-color: #8B4513;
border-radius: 10px;
color: #fff;
font-size: 1.2rem;
cursor: pointer;
transition: all 0.3s ease;
}

.chocolate-bar:hover {
background-color: #FFD700;
color: #333;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

footer {
background-color: #8B4513;
padding: 20px;
text-align: center;
font-size: 1.2rem;
color: #FFD700;
}

.footer-links a {
color: #FFD700;
text-decoration: none;
margin: 0 15px;
}

.footer-links a:hover {
text-decoration: underline;
}
</style>
</head>
<body>

<header>
<h1>Chocolate & Stranger Things</h1>
</header>

<div class="chocolate">
<h2>Deliciously Mysterious</h2>
</div>

<div class="stranger-things">
<h3>Welcome to the Upside Down</h3>
<p>Where chocolate meets the unknown...</p>
<div class="chocolate-bar">Explore Chocolate Bars</div>
<div class="chocolate-bar">Taste the Mystery</div>
</div>

<footer>
<div class="footer-links">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</div>
<p>&copy; 2025 Chocolate & Stranger Things. All rights reserved.</p>
</footer>

</body>
</html>

You might also like