Spaces:
Running
Running
File size: 11,941 Bytes
756ff25 7c7e872 9910966 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 |
<!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>
|