Last active
February 21, 2026 05:50
-
-
Save amycruz97/e8f26ab2122d583b7ace327f85056496 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Dog profile</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <script src="index.js"></script> | |
| </body> | |
| </html> |
<title>Ramadhan Mubarak</title>
<style>
body {
margin: 0;
font-family: 'Segoe UI', sans-serif;
background: radial-gradient(circle at top, #1c1c1c, #000000);
color: white;
overflow-x: hidden;
}
/* Background bintang */
.stars {
position: fixed;
width: 100%;
height: 100%;
background: url('https://i.ibb.co/0jqHpnp/stars.png');
animation: moveStars 60s linear infinite;
z-index: -1;
}
@Keyframes moveStars {
from {background-position: 0 0;}
to {background-position: 10000px 5000px;}
}
header {
text-align: center;
padding: 60px 20px;
}
header h1 {
font-size: 3em;
background: linear-gradient(45deg, gold, #ffcc70, #ffd700);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
header p {
color: #ccc;
}
nav {
text-align: center;
padding: 15px;
background: rgba(255, 215, 0, 0.1);
}
nav a {
color: gold;
margin: 0 15px;
text-decoration: none;
font-weight: bold;
}
nav a:hover {
color: white;
}
section {
padding: 60px 20px;
text-align: center;
}
.card {
background: rgba(255, 215, 0, 0.05);
border: 1px solid rgba(255, 215, 0, 0.3);
padding: 30px;
border-radius: 15px;
margin: 20px auto;
max-width: 700px;
backdrop-filter: blur(10px);
box-shadow: 0 0 20px rgba(255, 215, 0, 0.2);
}
h2 {
color: gold;
}
button {
padding: 12px 25px;
background: linear-gradient(45deg, gold, #ffcc70);
border: none;
border-radius: 30px;
font-weight: bold;
cursor: pointer;
transition: 0.3s;
}
button:hover {
transform: scale(1.1);
box-shadow: 0 0 15px gold;
}
footer {
text-align: center;
padding: 20px;
background: #111;
color: #aaa;
margin-top: 40px;
}
</style>
Klik Ucapan
© 2026 Website Ramadhan | Tema Emas Islami Modern
🌙 Ramadhan Mubarak 🌙
Bulan Suci Penuh Berkah & Ampunan
Tentang Keutamaan AmalanTentang Ramadhan
Ramadhan adalah bulan ke-9 dalam kalender Hijriyah dimana umat Islam wajib berpuasa dari terbit fajar hingga terbenam matahari.
Keutamaan Ramadhan
✨ Bulan penuh ampunan
✨ Pahala dilipatgandakan
✨ Terdapat Malam Lailatul Qadar
Amalan di Bulan Ramadhan
• Puasa
• Shalat Tarawih
• Tadarus Al-Qur'an
• Sedekah
Klik Ucapan
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
🌙 Ramadhan Mubarak 🌙
Bulan Suci Penuh Berkah & Ampunan
Tentang Keutamaan AmalanTentang Ramadhan
Ramadhan adalah bulan ke-9 dalam kalender Hijriyah dimana umat Islam wajib berpuasa dari terbit fajar hingga terbenam matahari.
Keutamaan Ramadhan
✨ Bulan penuh ampunan
✨ Pahala dilipatgandakan
✨ Terdapat Malam Lailatul Qadar
Amalan di Bulan Ramadhan
• Puasa
• Shalat Tarawih
• Tadarus Al-Qur'an
• Sedekah
Klik Ucapan
@
</body>