Closed AllanAiran closed 8 months ago
.profile-photo { width: 100px; height: 100px; margin-top: 10px; margin-bottom: 10px; border: none; box-shadow: none; margin: 0 auto; }
body { font-family: 'Arial', sans-serif; margin: 0; padding: 0; }
header { background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8)); / Glass-like gradient / padding: 10px; transition: background 0.3s ease; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.about-me { position: relative; }
.waving-hand { display: inline-block; animation: wave 3s linear infinite; }
@keyframes wave { 0% { transform: translateX(0); } 15% { transform: translateX(10px); } 30% { transform: translateX(0); } 60% { transform: translateX(-10px); } 90% { transform: translateX(0); } }
.header-content { position: relative;}
@keyframes explode { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(2); opacity: 1; } }
h1 { font-family: 'Roboto', 'Helvetica', sans-serif; font-size: 36px; color: #001F3F; margin-bottom: 10px; }
.role { font-family: 'Pacifico', cursive; font-size: 26px; color: #008080; margin-top: 5px; }
h1 { margin: 0px ; }
h2 { margin-top: 5px; margin-bottom: 5px; font-style: cursive; font-size: 24px; color: light green; }
nav ul { list-style-type: none; padding: 0; margin: 0; position: floating; display: flex; }
nav li { display: inline; margin: 0 5px; }
nav a { text-decoration: none; color: blue; padding: 10px; border: 0.3px solid #333; border-radius: 5px; background-color: rgba, transparent (255, 255, 255, 0.8); }
nav a:hover { background-color: rgba(255, 255, 255, 0.6); }
section { padding: 5px; }
body { background: linear-gradient(to bottom, #87CEEB, #ADD8E6); / Light Blue Gradient / overflow: hidden; position: relative; }
.orb { position: absolute; border-radius: 50%; animation: explode 2s linear infinite; }
.orb-blue { width: 100px; height: 100px; background: #87CEEB; left: 20%; top: 50%; }
.orb-green { width: 80px; height: 80px; background: #00FF00; left: 50%; top: 50%; }
.orb-orange { width: 60px; height: 60px; background: #FFA500; left: 70%; top: 50%; }
@keyframes explode { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(2); opacity: 0; } }
.explosion-container { position: relative; display: inline-block; }
.explosion-inside-h1 { transform: translateX(-50%) translateY(-50%); }
.explosion-inside-body { transform: translateX(-50%) translateY(-50%); }
.contact-icons { display: flex; justify-content: center; align-items: center; }
.contact-icons a { margin: 0 10px; font-size: 24px; color: #333; text-decoration: none; }
.contact-icons a:hover { color: sandybrown; }
position: fixed;
bottom: 20px;
right: 20px;
background-color: #007BFF;
color: #fff;
border: none;
padding: 10px;
cursor: pointer;
display: none;
}
background-color: #0056b3;
}
html, body { height: 125%; margin: 0; scroll-behavior: smooth; }
function changeColor() { var titleElement = document.getElementById('portfolio-title'); titleElement.style.color = getRandomColor(); } function getRandomColor() { var letters = '0123456789ABCDEF'; var color = '#'; for (var i = 0; i < 6; i++) { color += letters[Math.floor(Math.random() * 16)]; } return color; }
document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({ behavior: 'smooth' }); }); });
<!doctype html>
Web Developer
Hi, there!👋 I'm Allan Beethoven L Airan, a passionate web developer with a love for creating meaningful and user-friendly websites. My journey in the world of web development has been an exciting exploration of creativity and problem-solving.
From crafting clean and responsive code to diving into the latest web technologies, I am committed to delivering exceptional digital experiences. My goal is to not only meet but exceed the expectations of users through elegant and efficient solutions.
When I'm not coding, you'll find me exploring new technologies, staying curious, and enjoying a good cup of coffee. Let's connect and build something amazing together!
Commit
content://com.transsion.filemanagerx.fileprovider/external_path/Download/Browser/File/Airan%202.html