Oktober 03, 2024
Nama : Berliana Panca Dewi Nurhidayah
NRP : 5053231028
Case : Invitation Page
Desc : Membuat website untuk undangan, disini saya membuat invitation birthday
Link Hasil : Link Hasil Website
Tampilan :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Panca's Birthday!</title>
<style>
body {
font-family: Arial, sans-serif;
background-image: url('background_color.jpg');
background-size: cover;
background-position: center;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.invitation {
background-color: rgb(159, 255, 247);
padding: 70px;
border-radius: 20px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
text-align: center;
max-width: 500px;
}
h1 {
color: #ff4081;
font-size: 39px;
margin-bottom: 10px;
}
p {
color: #000000;
font-size: 24px;
margin: 5px 0;
}
.details {
color: #dd4cfe;
font-weight: bold;
font-size: 24px;
}
.Location-Map-btn {
background-color: #dd4cfe;
color: white;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
display: inline-block;
margin-top: 20px;
transition: background-color 1.2s;
}
</style>
</head>
<body>
<div class="invitation">
<h1>🎉 Panca's Birthday! 🎉</h1>
<p>You're invited to Panca's birthday party.</p>
<p><strong>Date:</strong> January 7, 2025</p>
<p><strong>Location:</strong> Tunjungan Plaza Atrium</p>
<p class="details"><strong>Dresscode:</strong> Colorfull</p>
<p>Your presence will make the celebration even more special. Let's create wonderful memories together!</p>
<a href="#" class="Location-Map-btn">Location Map</a>
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar