Created
September 3, 2023 11:42
-
-
Save aarengee/0c0ad518d2ac5a98f9fdd4ff8e2ed432 to your computer and use it in GitHub Desktop.
file
This file contains 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>Rijul</title> | |
<style> | |
body { | |
margin: 0; | |
padding: 0; | |
font-family: Arial, sans-serif; | |
background-color: #f0f0f0; | |
} | |
.container { | |
display: flex; | |
flex-direction: column; | |
align-items: center; | |
justify-content: center; | |
min-height: 100vh; /* Use min-height for responsiveness */ | |
background-color: #fff; | |
} | |
h1 { | |
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | |
font-size: 48px; | |
font-weight: 300; /* Thinner font weight */ | |
color: #333; | |
} | |
p { | |
font-size: 18px; | |
color: #555; | |
margin-top: 10px; | |
} | |
.contact { | |
font-size: 16px; | |
color: #777; | |
margin-top: 20px; | |
} | |
.icon { | |
font-size: 28px; /* Slightly smaller X icon */ | |
vertical-align: middle; | |
display: inline-block; | |
animation: blink 5s infinite; /* Blinking animation for 5 seconds */ | |
} | |
.link { | |
color: #A9A9A9; /* Initial color */ | |
text-decoration: none; | |
transition: color 0.3s; | |
} | |
.link:hover { | |
color: #000; /* Black color when hovered */ | |
} | |
@keyframes blink { | |
0%, 100% { | |
opacity: 1; | |
} | |
50% { | |
opacity: 0; | |
} | |
} | |
/* Responsive Styles */ | |
@media (max-width: 768px) { | |
h1 { | |
font-size: 36px; | |
} | |
.icon { | |
font-size: 24px; | |
} | |
} | |
/* Watermark Styles */ | |
.watermark { | |
position: fixed; | |
bottom: 10px; | |
right: 10px; | |
font-size: 12px; | |
color: rgba(0, 0, 0, 0.4); | |
} | |
</style> | |
</head> | |
<body> | |
<div class="container"> | |
<h1>Rijul</h1> | |
<p>ACE - Ambitious, Curiosity, Effort</p> | |
<div class="contact"> | |
Phone: <a href="tel:+91-9626-598-333" class="link">+91-9626-598-333</a> <a href="http://x.com/aarengee" class="link"><span class="icon">X</span></a> | |
</div> | |
</div> | |
<div class="watermark"> | |
Credits: <a href="https://openai.com/chatgpt" class="link">GPT-3.5</a> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment