Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Ashu | Professional Portfolio</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <!-- Navbar --> | |
| <header> | |
| <nav> | |
| <h2 class="logo">Ammu P Manoj</h2> | |
| <ul class="nav-links"> | |
| <li><a href="#home">Home</a></li> | |
| <li><a href="#about">About</a></li> | |
| <li><a href="#resume">Resume</a></li> | |
| <li><a href="#skills">Skills</a></li> | |
| <li><a href="#projects">Projects</a></li> | |
| <li><a href="#contact">Contact</a></li> | |
| </ul> | |
| </nav> | |
| </header> | |
| <!-- Hero Section --> | |
| <section id="home" class="home"> | |
| <div class="home-content animate-fadein"> | |
| <h1 class="animate-slideup">Hi, I'm <span>Ammu P Manoj</span></h1> | |
| <p class="animate-slideup" style="animation-delay:0.2s">B.Tech CSE | Data Analyst | Python Developer</p> | |
| <a href="#contact" class="btn animate-slideup" style="animation-delay:0.4s">Let's Connect</a> | |
| </div> | |
| <div class="tilt-3d-card animate-pop" id="tiltCard"> | |
| <div class="tilt-card-inner"> | |
| <img src="images/my_photo.jpeg" alt="Ashu" class="profile-img-3d"> | |
| <h2>Ammu P Manoj</h2> | |
| <span class="badge-role">Data Analyst | Python Developer</span> | |
| <div class="card-socials"> | |
| <a href="mailto:pmanojammu9@gmail.com" title="Email"> | |
| <svg class="icon-social" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <rect width="24" height="24" rx="4" fill="#fff"/> | |
| <path d="M4 8v8a2 2 0 002 2h12a2 2 0 002-2V8l-8 5-8-5z" fill="#38bdf8"/> | |
| <path d="M20 8l-8 5-8-5" stroke="#0f172a" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> | |
| </svg> | |
| </a> | |
| <a href="https://github.com/Ammupmanoj" target="_blank" title="GitHub"> | |
| <svg class="icon-social" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <rect width="24" height="24" rx="4" fill="#fff"/> | |
| <path d="M12 2C6.48 2 2 6.58 2 12.26c0 4.51 2.87 8.34 6.84 9.7.5.09.68-.22.68-.48 0-.24-.01-.87-.01-1.7-2.78.62-3.37-1.36-3.37-1.36-.45-1.17-1.1-1.48-1.1-1.48-.9-.63.07-.62.07-.62 1 .07 1.53 1.05 1.53 1.05.89 1.56 2.34 1.11 2.91.85.09-.66.35-1.11.63-1.37-2.22-.26-4.56-1.14-4.56-5.07 0-1.12.39-2.03 1.03-2.75-.1-.26-.45-1.3.1-2.7 0 0 .84-.28 2.75 1.05a9.38 9.38 0 012.5-.34c.85.01 1.71.12 2.5.34 1.91-1.33 2.75-1.05 2.75-1.05.55 1.4.2 2.44.1 2.7.64.72 1.03 1.63 1.03 2.75 0 3.94-2.34 4.81-4.57 5.07.36.32.68.94.68 1.9 0 1.37-.01 2.47-.01 2.81 0 .27.18.58.69.48A10.01 10.01 0 0022 12.26C22 6.58 17.52 2 12 2z" fill="#0f172a"/> | |
| </svg> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- About Section --> | |
| <section id="about" class="about"> | |
| <div class="about-3d-box animate-pop"> | |
| <h2>About Me</h2> | |
| <p> | |
| 🚀 B.Tech CSE Student at Guru Kashi University<br> | |
| 📊 Data Science & Analytics Enthusiast<br> | |
| 💡 Exploring Python, Pandas, SQL, Data Visualization<br> | |
| 🧠 Building mini projects for my portfolio<br> | |
| ☕ Lifelong Learner | Coding + Coffee = Perfect Day 😄 | |
| </p> | |
| <blockquote style="margin:18px 0 0 0; font-size:1.08rem; color:#38bdf8; font-style:italic;">“Coding isn’t just my skill, it’s my superpower — one bug fix at a time.”</blockquote> | |
| </div> | |
| </section> | |
| <!-- Achievements Section --> | |
| <section id="achievements" class="resume animate-fadein"> | |
| <h2>Achievements & Highlights</h2> | |
| <div class="resume-grid"> | |
| <div class="resume-card animate-pop" style="animation-delay:0.1s"> | |
| <h3>Projects</h3> | |
| <p>🥇 Completed 15+ Data Analytics Mini Projects</p> | |
| <p>🚀 Built and Deployed ML Projects with Python & Streamlit</p> | |
| </div> | |
| <div class="resume-card animate-pop" style="animation-delay:0.2s"> | |
| <h3>GitHub</h3> | |
| <p>🔥 Contributed regularly (streaks going strong 💪)</p> | |
| <p>🏆 Achieved GitHub Trophies & Milestones</p> | |
| </div> | |
| <div class="resume-card animate-pop" style="animation-delay:0.3s"> | |
| <h3>Skills</h3> | |
| <p>🎓 B.Tech CSE Student focused on Data Science & Analytics</p> | |
| <p>🏅 Top skills: Python, Pandas, SQL, Visualization</p> | |
| </div> | |
| </div> | |
| <a href="Ammu%20p%20manoj%20Resume.pdf" class="btn animate-slideup" style="animation-delay:0.4s" download>Download Resume</a> | |
| </section> | |
| <!-- Tech Stack Section --> | |
| <section id="skills" class="skills animate-fadein"> | |
| <h2>Tech Stack</h2> | |
| <div class="skill-list"> | |
| <span class="animate-pop" style="animation-delay:0.1s">Python</span> | |
| <span class="animate-pop" style="animation-delay:0.15s">Pandas</span> | |
| <span class="animate-pop" style="animation-delay:0.2s">NumPy</span> | |
| <span class="animate-pop" style="animation-delay:0.25s">SQL</span> | |
| <span class="animate-pop" style="animation-delay:0.3s">Machine Learning</span> | |
| <span class="animate-pop" style="animation-delay:0.35s">Data Visualization</span> | |
| <span class="animate-pop" style="animation-delay:0.4s">Power BI</span> | |
| <span class="animate-pop" style="animation-delay:0.45s">Excel</span> | |
| <span class="animate-pop" style="animation-delay:0.5s">HTML/CSS/JS</span> | |
| <span class="animate-pop" style="animation-delay:0.55s">Git</span> | |
| <span class="animate-pop" style="animation-delay:0.6s">VS Code</span> | |
| <span class="animate-pop" style="animation-delay:0.65s">MySQL</span> | |
| </div> | |
| </section> | |
| <!-- Projects Section --> | |
| <section id="projects" class="projects animate-fadein"> | |
| <h2>Projects</h2> | |
| <div class="project-grid"> | |
| <div class="project-card project-3d animate-pop" style="animation-delay:0.1s"> | |
| <div class="project-3d-inner"> | |
| <!-- image removed --> | |
| <h3>Social Media Ad Click Prediction</h3> | |
| <p>ML model to predict ad clicks using Logistic Regression.</p> | |
| </div> | |
| </div> | |
| <div class="project-card project-3d animate-pop" style="animation-delay:0.2s"> | |
| <div class="project-3d-inner"> | |
| <!-- image removed --> | |
| <h3>Music Recommendation System</h3> | |
| <p>Recommended songs based on user preferences and dataset analysis.</p> | |
| </div> | |
| </div> | |
| <div class="project-card project-3d animate-pop" style="animation-delay:0.3s"> | |
| <div class="project-3d-inner"> | |
| <!-- image removed --> | |
| <h3>Portfolio Website</h3> | |
| <p>Personal responsive portfolio made with HTML, CSS, and JavaScript.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contact Section --> | |
| <section id="contact" class="contact animate-fadein"> | |
| <h2>Contact Me</h2> | |
| <form class="contact-form animate-slideup"> | |
| <input type="text" name="name" placeholder="Your Name" required> | |
| <input type="email" name="email" placeholder="Your Email" required> | |
| <textarea name="message" rows="4" placeholder="Your Message" required></textarea> | |
| <button type="submit" class="btn">Send Message</button> | |
| </form> | |
| <p>Email: <a href="mailto:pmanojammu9@gmail.com">pmanojammu9@gmail.com</a></p> | |
| <p>GitHub: <a href="https://github.com/Ammupmanoj" target="_blank">github.com/Ammupmanoj</a></p> | |
| </section> | |
| <footer> | |
| <p>© 2025 Ashu P Manoj | All Rights Reserved</p> | |
| </footer> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> | |