search

AllanAiran / Personal-Portfolio-

Personal Portfolio
0 stars 0 forks source link

Allan Beethoven L Airan Portfolio #3

Closed AllanAiran closed 8 months ago

AllanAiran commented 9 months ago

content://com.transsion.filemanagerx.fileprovider/external_path/Download/Browser/File/Airan%202.html

AllanAiran commented 9 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; }

back-to-top {

position: fixed;
bottom: 20px;
right: 20px;
background-color: #007BFF;
color: #fff;
border: none;
padding: 10px;
cursor: pointer;
display: none;

}

back-to-top:hover {

background-color: #0056b3;

}

html, body { height: 125%; margin: 0; scroll-behavior: smooth; }

AllanAiran commented 9 months ago

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' }); }); });

AllanAiran commented 9 months ago

<!doctype html>

Allan Beethoven L Airan Portfolio

Allan Beethoven L. Airan

Web Developer

About Me

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!

Skills

Web Development

  • HTML5
  • CSS3
  • JavaScript

Soft Skills

  • Problem Solving
  • Attention to Detail
  • Communication
  • Team Collaboration
  • Time Management

Contact

AllanAiran commented 9 months ago

Commit