deepseekwebsites-hnm / index.html
Omarrran's picture
Update index.html
7c7e872 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Me | Haq Nawaz Malik</title>
<link rel="stylesheet" href="../../css/style.css">
<link rel="stylesheet" href="../../css/animations.css">
<link rel="stylesheet" href="../../css/about.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<aside class="sidebar">
<div class="logo">
<a href="../../index.html">
<img src="../../images/logo.svg" alt="HNM Logo">
<div class="logo-text">
<h2>HNM</h2>
<p>Portfolio Dashboard</p>
</div>
</a>
</div>
<div class="search-box">
<input type="text" placeholder="Search">
<i class="fas fa-search"></i>
</div>
<nav>
<div class="nav-section">
<h3>Overview</h3>
<ul>
<li><a href="about.html" class="active"><i class="fas fa-user"></i> About</a></li>
<li><a href="activities.html"><i class="fas fa-chart-line"></i> Activities</a></li>
<li><a href="skills.html"><i class="fas fa-code"></i> Skills</a></li>
<li><a href="research.html"><i class="fas fa-flask"></i> Research & Contribution</a></li>
<li><a href="certifications.html"><i class="fas fa-certificate"></i> Certifications</a></li>
<li><a href="whatsnew.html"><i class="fas fa-bell"></i> What's new</a></li>
</ul>
</div>
<div class="nav-section">
<h3>Projects</h3>
<ul>
<li><a href="../projects/projects.html"><i class="fas fa-project-diagram"></i> Projects</a></li>
<li><a href="../projects/ideas.html"><i class="fas fa-lightbulb"></i> Ideas</a></li>
</ul>
</div>
<div class="nav-section">
<h3>Connect</h3>
<ul>
<li><a href="../connect/profiles.html"><i class="fas fa-id-card"></i> Profiles</a></li>
<li><a href="../connect/contact.html"><i class="fas fa-envelope"></i> Contact</a></li>
</ul>
</div>
</nav>
<div class="social-links">
<a href="#" aria-label="GitHub"><i class="fab fa-github"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
</div>
</aside>
<main class="content">
<header>
<div class="header-content">
<h1 class="animate-text">About Me</h1>
<div class="theme-toggle">
<i class="fas fa-moon"></i>
</div>
</div>
</header>
<div class="about-container">
<section class="about-header fade-in-on-scroll">
<div class="about-header-content">
<h2 class="typing-effect">Who I Am</h2>
<p>Hi, I'm <strong>Haq Nawaz Malik</strong>, a dedicated Computer Science student from the beautiful region of Kashmir. I am currently affiliated with <a href="#">BITS Pilani</a> and other leading organizations, focusing on AI and innovative technology solutions. My enthusiasm for learning and creating drives me to stay at the forefront of emerging trends in the tech world.</p>
</div>
<div class="about-image">
<img src="../../images/profile.svg" alt="Haq Nawaz Malik">
</div>
</section>
<section class="about-section fade-in-on-scroll">
<h3>What I Do</h3>
<p>My primary focus lies in <strong>Artificial Intelligence</strong>, <strong>Machine Learning</strong>, <strong>Computer Vision</strong>, <strong>Natural Language Processing</strong>, software development, and practical solution design. I'm also fascinated by <strong>Quantum Computing</strong> and <strong>Robotics</strong> applications.</p>
<p>I enjoy tackling complex challenges, crafting impactful applications, and leveraging technology to address real-world problems. Whether it's developing advanced machine learning models or orchestrating full-stack systems, I'm always eager to push boundaries.</p>
<div class="about-grid">
<div class="about-card animate-scale-up">
<div class="about-card-icon">
<i class="fas fa-brain"></i>
</div>
<h4>AI & Machine Learning</h4>
<p>Developing intelligent systems that learn from data and make informed decisions.</p>
</div>
<div class="about-card animate-scale-up delay-100">
<div class="about-card-icon">
<i class="fas fa-eye"></i>
</div>
<h4>Computer Vision</h4>
<p>Creating systems that can interpret and understand visual information from the world.</p>
</div>
<div class="about-card animate-scale-up delay-200">
<div class="about-card-icon">
<i class="fas fa-comment-alt"></i>
</div>
<h4>Natural Language Processing</h4>
<p>Building applications that can understand, interpret, and generate human language.</p>
</div>
</div>
</section>
<section class="about-section fade-in-on-scroll">
<h3>Education & Affiliations</h3>
<p>I'm pursuing my degree in <strong>Computer Science</strong> and actively engaging with communities that nurture innovation and research. My association with <strong>BITS Pilani</strong> and various tech organizations such as <a href="#">NVIDIA Developer Program</a>, <a href="#">Google Cloud Innovators</a>, <a href="#">Aspire Leader</a>, <a href="#">Harvard CS50_Series</a> has shaped my ability to think critically, collaborate effectively, and stay updated with the latest developments in AI, data science, and beyond.</p>
<div class="timeline">
<div class="timeline-item fade-in-on-scroll">
<div class="timeline-content">
<div class="timeline-date">2023 - Present</div>
<h4 class="timeline-title">BITS Pilani</h4>
<p class="timeline-description">Computer Science Degree</p>
</div>
</div>
<div class="timeline-item fade-in-on-scroll">
<div class="timeline-content">
<div class="timeline-date">2022 - Present</div>
<h4 class="timeline-title">NVIDIA Developer Program</h4>
<p class="timeline-description">AI & Deep Learning Research</p>
</div>
</div>
<div class="timeline-item fade-in-on-scroll">
<div class="timeline-content">
<div class="timeline-date">2021 - Present</div>
<h4 class="timeline-title">Google Cloud Innovators</h4>
<p class="timeline-description">Cloud Computing & ML Solutions</p>
</div>
</div>
<div class="timeline-item fade-in-on-scroll">
<div class="timeline-content">
<div class="timeline-date">2020 - Present</div>
<h4 class="timeline-title">Harvard CS50 Series</h4>
<p class="timeline-description">Computer Science Fundamentals</p>
</div>
</div>
</div>
</section>
<section class="about-section fade-in-on-scroll">
<h3>What I Love</h3>
<p>I thrive on exploring new technologies, staying in tune with cutting-edge research, and sharing insights through writing or teaching. Collaboration is key to my work style, and I'm always on the lookout for opportunities to connect with other passionate individuals to build something meaningful.</p>
<div class="about-grid">
<div class="about-card animate-scale-up">
<div class="about-card-icon">
<i class="fas fa-flask"></i>
</div>
<h4>Research & Innovation</h4>
<p>Exploring the frontiers of technology and finding novel solutions to complex problems.</p>
</div>
<div class="about-card animate-scale-up delay-100">
<div class="about-card-icon">
<i class="fas fa-users"></i>
</div>
<h4>Collaboration</h4>
<p>Working with diverse teams to create impactful solutions through shared knowledge.</p>
</div>
<div class="about-card animate-scale-up delay-200">
<div class="about-card-icon">
<i class="fas fa-book"></i>
</div>
<h4>Continuous Learning</h4>
<p>Constantly expanding my knowledge and skills in the ever-evolving tech landscape.</p>
</div>
</div>
</section>
</div>
<div class="page-navigation">
<a href="../../index.html" class="prev-link"><i class="fas fa-arrow-left"></i> Home</a>
<a href="activities.html" class="next-link">Activities <i class="fas fa-arrow-right"></i></a>
</div>
<footer>
<p>Copyright ©2025 HNM. All rights reserved.</p>
<div class="social-links">
<a href="#" aria-label="GitHub"><i class="fab fa-github"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
</div>
</footer>
</main>
</div>
<script src="../../js/main.js"></script>
<script src="../../js/animations.js"></script>
</body>
</html>