{"id":41,"date":"2023-11-11T15:21:58","date_gmt":"2023-11-11T15:21:58","guid":{"rendered":"https:\/\/wazahat.in\/?page_id=41"},"modified":"2026-01-11T08:54:35","modified_gmt":"2026-01-11T08:54:35","slug":"elementor-41","status":"publish","type":"page","link":"https:\/\/wazahat.in\/","title":{"rendered":"home page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"41\" class=\"elementor elementor-41\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a4278c7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a4278c7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e3e9aa8\" data-id=\"e3e9aa8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d1b4c1d elementor-widget elementor-widget-html\" data-id=\"d1b4c1d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* ===== HERO SECTION ===== *\/\n.hero-section {\n  background: #fff;\n  padding: 40px 20px;\n  font-family: inherit;\n}\n\n.hero-container {\n  max-width: 1200px;\n  margin: auto;\n  display: flex;\n  align-items: center;\n  gap: 60px;\n}\n\n\/* LEFT CONTENT *\/\n.hero-text {\n  flex: 1;\n  color: #111;\n}\n\n.hero-text h1 {\n  font-size: 48px;\n  margin-bottom: 18px;\n  font-weight: 700;\n}\n\n.hero-text p {\n  font-size: 16px;\n  line-height: 1.7;\n  color: #1f1f1f;\n  max-width: 520px;\n}\n\n\/* SOCIAL ICONS *\/\n.hero-socials {\n  margin: 22px 0 14px;\n  display: flex;\n  gap: 16px;\n}\n\n.hero-socials a {\n  color: #000;\n  font-size: 18px;\n  transition: 0.3s;\n}\n\n.hero-socials a:hover {\n  transform: translateY(-2px);\n}\n\n\/* DIVIDER *\/\n.hero-divider {\n  width: 60px;\n  height: 2px;\n  background: #000;\n  margin: 22px 0;\n}\n\n\/* BUTTONS *\/\n.hero-buttons {\n  display: flex;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.hero-buttons a {\n  text-decoration: none;\n  padding: 12px 26px;\n  border-radius: 30px;\n  font-size: 15px;\n  font-weight: 600;\n  transition: 0.3s;\n}\n\n.btn-resume {\n  background: #000;\n  color: #fff;\n}\n\n.btn-resume:hover {\n  background: #222;\n}\n\n.btn-contact {\n  border: 2px solid #000;\n  color: #000;\n}\n\n.btn-contact:hover {\n  background: #000;\n  color: #fff;\n}\n\n\/* RIGHT IMAGE *\/\n.hero-image {\n  flex: 1;\n  text-align: center;\n}\n\n.hero-image img {\n  max-width: 100%;\n  height: auto;\n  border-radius: 20px;\n  box-shadow: 0 30px 70px rgba(0,0,0,0.25);\n}\n\n\/* ===== MOBILE ===== *\/\n@media (max-width: 900px) {\n  .hero-container {\n    flex-direction: column-reverse;\n    text-align: center;\n  }\n\n  .hero-text h1 {\n    font-size: 34px;\n  }\n\n  .hero-text p {\n    margin: auto;\n  }\n\n  .hero-socials {\n    justify-content: center;\n  }\n\n  .hero-divider {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .hero-buttons {\n    justify-content: center;\n  }\n}\n<\/style>\n\n<section class=\"hero-section\">\n  <div class=\"hero-container\">\n\n    <!-- LEFT -->\n    <div class=\"hero-text\">\n      <h1>Wazahat Hussain<\/h1>\n\n      <p>\n        I am a Computer Science graduate with a strong foundation in problem solving,\n        software development, and modern web technologies. My interests lie at the\n        intersection of full-stack development, data science, and applied research.\n        I enjoy building clean, scalable solutions and continuously learning new\n        technologies.\n      <\/p>\n\n      <!-- SOCIAL ICONS -->\n      <div class=\"hero-socials\">\n        <a href=\"https:\/\/wa.me\/918953348856\" target=\"_blank\" aria-label=\"WhatsApp\">\n          <i class=\"fab fa-whatsapp\"><\/i>\n        <\/a>\n        <a href=\"https:\/\/leetcode.com\/wazahat-hussain\/\" target=\"_blank\" aria-label=\"LeetCode\">\n          <i class=\"fas fa-code\"><\/i>\n        <\/a>\n        <a href=\"https:\/\/www.linkedin.com\/in\/wazahat-hussain\/\" target=\"_blank\" aria-label=\"LinkedIn\">\n          <i class=\"fab fa-linkedin-in\"><\/i>\n        <\/a>\n        <a href=\"https:\/\/www.instagram.com\/wazahat1\/\" target=\"_blank\" aria-label=\"Instagram\">\n          <i class=\"fab fa-instagram\"><\/i>\n        <\/a>\n      <\/div>\n\n      <div class=\"hero-divider\"><\/div>\n\n      <!-- BUTTONS -->\n      <div class=\"hero-buttons\">\n        <a class=\"btn-resume\" href=\"https:\/\/wazahat.in\/wp-content\/uploads\/2026\/01\/Resume_9_oct_2025-2.pdf\" target=\"_blank\">\n          Resume\n        <\/a>\n        <a class=\"btn-contact\" href=\"#contact\">\n          Contact Me\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"hero-image\">\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2026\/01\/hero.jpeg\" alt=\"Wazahat Hussain\">\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- FONT AWESOME (icons) -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e37641f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e37641f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e371580\" data-id=\"e371580\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4cfcd31 elementor-widget elementor-widget-html\" data-id=\"4cfcd31\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* ===============================\n   SKILLS SECTION\n================================ *\/\n.skills-section {\n  padding: 30px 30px;\n  background: #eef7ff;\n  text-align: center;\n  font-family: inherit;\n\n  \/* \ud83d\udd25 FULL WIDTH FIX (same as footer) *\/\n  width: 100vw;\n  margin-left: calc(-50vw + 50%);\n}\n.skills-section h2 {\n  font-size: 40px;\n  margin-bottom: 20px;\n  font-weight: 600;\n}\n\n\/* ===============================\n   DESKTOP CONTAINER\n================================ *\/\n.skills-water-box {\n  max-width: 1100px;\n  height: 320px;\n  margin: auto;\n  background: #ffffff;\n  border-radius: 50px;\n  position: relative;\n  box-shadow: 0 30px 70px rgba(0,0,0,0.08);\n  overflow: hidden;\n}\n\n\/* ===============================\n   BUBBLES (DESKTOP)\n================================ *\/\n.water-bubble {\n  position: absolute;\n  width: 120px;\n  height: 120px;\n  border-radius: 50%;\n  background: radial-gradient(\n    circle at 30% 30%,\n    rgba(255,255,255,0.9),\n    rgba(173,216,230,0.6)\n  );\n  backdrop-filter: blur(6px);\n  box-shadow:\n    inset 0 8px 18px rgba(255,255,255,0.8),\n    0 15px 30px rgba(0,0,0,0.12);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 600;\n  font-size: 15px;\n  color: #034f84;\n  text-align: center;\n  animation: float 6s ease-in-out infinite;\n}\n\n\/* Desktop positions *\/\n.bubble1 { top: 60px; left: 120px; animation-delay: 0s; }\n.bubble2 { top: 170px; left: 300px; animation-delay: 1s; }\n.bubble3 { top: 90px; left: 480px; animation-delay: 2s; }\n.bubble4 { top: 150px; right: 280px; animation-delay: 3s; }\n.bubble5 { top: 70px; right: 120px; animation-delay: 4s; }\n\n\/* Float animation *\/\n@keyframes float {\n  0% { transform: translateY(0); }\n  50% { transform: translateY(-14px); }\n  100% { transform: translateY(0); }\n}\n\n\/* ===============================\n   MOBILE FIX (CRITICAL)\n================================ *\/\n@media (max-width: 768px) {\n\n  .skills-section h2 {\n    font-size: 30px;\n    margin-bottom: 25px;\n  }\n\n  \/* Switch container to FLEX *\/\n  .skills-water-box {\n    height: auto;\n    padding: 30px 20px;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 18px;\n  }\n\n  \/* FORCE override absolute positioning *\/\n  .water-bubble {\n    position: relative !important;\n    top: auto !important;\n    left: auto !important;\n    right: auto !important;\n    bottom: auto !important;\n\n    width: 95px;\n    height: 95px;\n    animation: none;\n    font-size: 14px;\n  }\n}\n\n\/* Extra small phones *\/\n@media (max-width: 420px) {\n  .water-bubble {\n    width: 105px;\n    height: 105px;\n    font-size: 15px;\n  }\n}\n<\/style>\n\n<section class=\"skills-section\">\n  <h2>Skills<\/h2>\n\n  <div class=\"skills-water-box\">\n    <div class=\"water-bubble bubble1\">Python<\/div>\n    <div class=\"water-bubble bubble2\">DSA<\/div>\n    <div class=\"water-bubble bubble3\">Machine<br>Learning<\/div>\n    <div class=\"water-bubble bubble4\">WordPress<\/div>\n    <div class=\"water-bubble bubble5\">DBMS<\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1a81743 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1a81743\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f41d667\" data-id=\"f41d667\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a7eaa56 elementor-widget elementor-widget-heading\" data-id=\"a7eaa56\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Academic Achievements<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de2a8ae elementor-widget elementor-widget-html\" data-id=\"de2a8ae\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* ===== Awards & Achievements Section ===== *\/\n.awards-section {\n  max-width: 1200px;\n  margin: auto;\n  padding: 20px 16px;\n  font-family: inherit;\n}\n\n\/* Layout *\/\n.awards-container {\n  display: flex;\n  gap: 30px;\n}\n\n\/* Left Buttons *\/\n.awards-list {\n  width: 32%;\n}\n\n.award-btn {\n  display: block;\n  width: 100%;\n  padding: 14px 18px;\n  margin-bottom: 12px;\n  background: #eef3ff;\n  border-radius: 14px;\n  border: none;\n  text-align: left;\n  font-weight: 600;\n  cursor: pointer;\n  transition: 0.3s;\n}\n\n.award-btn.active,\n.award-btn:hover {\n  background: #3b5bfd;\n  color: #fff;\n}\n\n\/* Right Image Display *\/\n.award-content {\n  width: 68%;\n  background: #ffffff;\n  border-radius: 22px;\n  padding: 20px;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.08);\n  display: none;\n}\n\n.award-content.active {\n  display: block;\n}\n\n\/* Image fit (NO CROP) *\/\n.award-content img {\n  width: 100%;\n  height: auto;\n  max-height: 600px;\n  object-fit: contain;\n  display: block;\n  margin: auto;\n  border-radius: 14px;\n  background: #f8f9fb;\n  padding: 10px;\n}\n\n\/* ===== MOBILE RESPONSIVE ===== *\/\n@media (max-width: 900px) {\n\n  .awards-container {\n    flex-direction: column;\n  }\n\n  \/* Horizontal scroll buttons *\/\n  .awards-list {\n    width: 100%;\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    padding-bottom: 10px;\n    margin-bottom: 20px;\n  }\n\n  .awards-list::-webkit-scrollbar {\n    display: none;\n  }\n\n  .award-btn {\n    white-space: nowrap;\n    min-width: max-content;\n    margin-bottom: 0;\n    text-align: center;\n    padding: 12px 16px;\n    border-radius: 30px;\n    font-size: 14px;\n  }\n\n  .award-content {\n    width: 100%;\n    padding: 16px;\n  }\n\n  .award-content img {\n    max-height: 520px;\n  }\n}\n<\/style>\n\n<section class=\"awards-section\">\n\n  <div class=\"awards-container\">\n\n    <!-- LEFT BUTTONS -->\n    <div class=\"awards-list\">\n      <button class=\"award-btn active\" onclick=\"showAward('ieee')\">Research Paper \u2013 IEEE<\/button>\n      <button class=\"award-btn\" onclick=\"showAward('cs25')\">GATE CS 2025<\/button>\n      <button class=\"award-btn\" onclick=\"showAward('da25')\">GATE DA 2025<\/button>\n      <button class=\"award-btn\" onclick=\"showAward('cs24')\">GATE CS 2024<\/button>\n      <button class=\"award-btn\" onclick=\"showAward('ugc')\">UGC NET 2025<\/button>\n      <button class=\"award-btn\" onclick=\"showAward('jeecup')\">JEECUP 2021<\/button>\n      <button class=\"award-btn\" onclick=\"showAward('bigdata')\">Big Data Analytics<\/button>\n      <button class=\"award-btn\" onclick=\"showAward('wbjee')\">WBJEE 2021<\/button>\n      <button class=\"award-btn\" onclick=\"showAward('forage')\">Forage \u2013 Accenture<\/button>\n    <\/div>\n\n    <!-- RIGHT CONTENT (IMAGES ONLY) -->\n\n    <div class=\"award-content active\" id=\"ieee\">\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2026\/01\/Paper-ID-110-1_page-0001.jpg\" alt=\"IEEE Research Paper\">\n    <\/div>\n\n    <div class=\"award-content\" id=\"cs25\">\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2026\/01\/CS25S25034090_ScoreCard_page-0001-e1768042871541.jpg\" alt=\"GATE CS 2025\">\n    <\/div>\n\n    <div class=\"award-content\" id=\"da25\">\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2026\/01\/DA25S55034138_ScoreCard_page-0001-e1768043027927.jpg\" alt=\"GATE DA 2025\">\n    <\/div>\n\n    <div class=\"award-content\" id=\"cs24\">\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2026\/01\/CS24S65004121_ScoreCard_page-0001-e1768042907455.jpg\" alt=\"GATE CS 2024\">\n    <\/div>\n\n    <div class=\"award-content\" id=\"ugc\">\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-10-at-16.17.20-e1768043170330.jpeg\" alt=\"UGC NET 2025\">\n    <\/div>\n\n    <div class=\"award-content\" id=\"jeecup\">\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2026\/01\/polytechnic-2021_page-0001-e1768042984525.jpg\" alt=\"JEECUP Result\">\n    <\/div>\n\n    <div class=\"award-content\" id=\"bigdata\">\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2026\/01\/big-data-analytics_page-0001.jpg\" alt=\"Big Data Analytics\">\n    <\/div>\n\n    <div class=\"award-content\" id=\"wbjee\">\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2026\/01\/WBJEE-score-card-2021_page-0001-e1768043072692.jpg\" alt=\"WBJEE 2021\">\n    <\/div>\n\n    <div class=\"award-content\" id=\"forage\">\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2026\/01\/Forage-certificate_page-0001.jpg\" alt=\"Forage Accenture\">\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\nfunction showAward(id) {\n  document.querySelectorAll('.award-content').forEach(c => c.classList.remove('active'));\n  document.querySelectorAll('.award-btn').forEach(b => b.classList.remove('active'));\n  document.getElementById(id).classList.add('active');\n  event.target.classList.add('active');\n}\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f61c6ab elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f61c6ab\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9795cfa\" data-id=\"9795cfa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-61dbe42 elementor-widget elementor-widget-html\" data-id=\"61dbe42\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* ===== Certificates Section ===== *\/\n.certificates-section {\n  max-width: 1200px;\n  margin: auto;\n  padding: 80px 16px;\n  font-family: inherit;\n}\n\n.certificates-section h2 {\n  text-align: center;\n  font-size: 40px;\n  margin-bottom: 40px;\n}\n\n\/* Layout *\/\n.certificates-container {\n  display: flex;\n  gap: 30px;\n}\n\n\/* LEFT LIST (DESKTOP) *\/\n.cert-list {\n  width: 32%;\n}\n\n.cert-btn {\n  display: block;\n  width: 100%;\n  padding: 14px 18px;\n  margin-bottom: 12px;\n  background: #eef3ff;\n  border-radius: 14px;\n  border: none;\n  text-align: left;\n  font-weight: 600;\n  cursor: pointer;\n  transition: 0.3s;\n}\n\n.cert-btn.active,\n.cert-btn:hover {\n  background: #3b5bfd;\n  color: #fff;\n}\n\n\/* RIGHT CONTENT *\/\n.cert-content {\n  width: 68%;\n  background: #ffffff;\n  border-radius: 22px;\n  padding: 28px;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.08);\n  display: none;\n}\n\n.cert-content.active {\n  display: block;\n}\n\n.cert-content h3 {\n  font-size: 26px;\n  margin-bottom: 15px;\n}\n\n.cert-content img {\n  width: 100%;\n  max-width: 100%;\n  border-radius: 14px;\n  margin: 15px 0 18px;\n}\n\n.cert-content p {\n  line-height: 1.7;\n  color: #444;\n  font-size: 16px;\n}\n\n\/* ===== MOBILE VIEW ===== *\/\n@media (max-width: 900px) {\n\n  .certificates-section {\n    padding: 60px 14px;\n  }\n\n  .certificates-container {\n    flex-direction: column;\n  }\n\n  \/* Horizontal scroll tabs *\/\n  .cert-list {\n    width: 100%;\n    display: flex;\n    gap: 10px;\n    overflow-x: auto;\n    padding-bottom: 10px;\n    margin-bottom: 20px;\n  }\n\n  .cert-list::-webkit-scrollbar {\n    display: none;\n  }\n\n  .cert-btn {\n    white-space: nowrap;\n    min-width: max-content;\n    margin-bottom: 0;\n    text-align: center;\n    padding: 12px 16px;\n    border-radius: 30px;\n    font-size: 14px;\n  }\n\n  .cert-content {\n    width: 100%;\n    padding: 22px;\n  }\n\n  .cert-content h3 {\n    font-size: 22px;\n  }\n\n  .cert-content p {\n    font-size: 15px;\n  }\n}\n<\/style>\n<section class=\"certificates-section\">\n  <h2>Certificates<\/h2>\n\n  <div class=\"certificates-container\">\n\n    <!-- LEFT BUTTONS -->\n    <div class=\"cert-list\">\n      <button class=\"cert-btn active\" onclick=\"showCert('wp')\">WordPress \u2013 Internshala<\/button>\n      <button class=\"cert-btn\" onclick=\"showCert('ml')\">Machine Learning \u2013 Internshala<\/button>\n      <button class=\"cert-btn\" onclick=\"showCert('ds')\">Data Science \u2013 Internshala<\/button>\n      <button class=\"cert-btn\" onclick=\"showCert('android')\">Android Dev \u2013 Internshala<\/button>\n      <button class=\"cert-btn\" onclick=\"showCert('iiit')\">Android Dev \u2013 IIIT Allahabad<\/button>\n      <button class=\"cert-btn\" onclick=\"showCert('nptel-ds')\">Data Science for Engineers \u2013 NPTEL<\/button>\n      <button class=\"cert-btn\" onclick=\"showCert('soft1')\">Enhancing Soft Skills \u2013 NPTEL<\/button>\n      <button class=\"cert-btn\" onclick=\"showCert('iot')\">Industry 4.0 & IoT \u2013 NPTEL<\/button>\n      <button class=\"cert-btn\" onclick=\"showCert('soft2')\">Developing Soft Skills \u2013 NPTEL<\/button>\n      <button class=\"cert-btn\" onclick=\"showCert('matlab')\">MATLAB \u2013 Numerical Computation<\/button>\n      <button class=\"cert-btn\" onclick=\"showCert('intro-iot')\">Introduction to IoT<\/button>\n      <button class=\"cert-btn\" onclick=\"showCert('webinar')\">Universal Human Values \u2013 Webinar<\/button>\n    <\/div>\n\n    <!-- RIGHT CONTENT -->\n\n    <div class=\"cert-content active\" id=\"wp\">\n      <h3>WordPress Training \u2013 Internshala<\/h3>\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_135918_Samsung-Notes.jpg\">\n      <p>\n        Successfully completed a 6-week online certified training on WordPress.\n        Covered WordPress fundamentals, Elementor, website creation, SEO,\n        security, and a final live project. Scored <strong>85%<\/strong>.\n      <\/p>\n    <\/div>\n\n    <div class=\"cert-content\" id=\"ml\">\n      <h3>Machine Learning Training \u2013 Internshala<\/h3>\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_140029_Samsung-Notes.jpg\">\n      <p>\n        Completed a 6-week Machine Learning training covering Python,\n        data preprocessing, regression models, decision trees,\n        ensemble learning, clustering, and dimensionality reduction.\n        Scored <strong>97%<\/strong> and was a top performer.\n      <\/p>\n    <\/div>\n\n    <div class=\"cert-content\" id=\"ds\">\n      <h3>Data Science Training \u2013 Internshala<\/h3>\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_141128_Samsung-Notes.jpg\">\n      <p>\n        Training included Python for Data Science, statistics,\n        predictive modeling, machine learning basics,\n        and final project modules. Scored <strong>82%<\/strong>.\n      <\/p>\n    <\/div>\n\n    <div class=\"cert-content\" id=\"android\">\n      <h3>Android App Development \u2013 Internshala<\/h3>\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_141224_Samsung-Notes.jpg\">\n      <p>\n        Completed an 8-week Android App Development program using Kotlin.\n        Covered Android fundamentals, UI design, advanced features,\n        and project deployment. Scored <strong>91%<\/strong>.\n      <\/p>\n    <\/div>\n\n    <div class=\"cert-content\" id=\"iiit\">\n      <h3>Android Application Development \u2013 IIIT Allahabad<\/h3>\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_141336_Samsung-Notes.jpg\">\n      <p>\n        Offline Android development training focused on real-world\n        Android architecture, Kotlin programming,\n        and hands-on application development.\n      <\/p>\n    <\/div>\n\n    <div class=\"cert-content\" id=\"nptel-ds\">\n      <h3>Data Science for Engineers \u2013 NPTEL<\/h3>\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Data-science-for-engineers.jpg\">\n      <p>\n        NPTEL-certified course covering statistics,\n        data analysis, predictive modeling,\n        and machine learning concepts for engineers.\n      <\/p>\n    <\/div>\n\n    <div class=\"cert-content\" id=\"soft1\">\n      <h3>Enhancing Soft Skills & Personality \u2013 NPTEL<\/h3>\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Enhancing-soft-skill-and-personality-.jpg\">\n      <p>\n        Focused on communication skills, leadership qualities,\n        self-awareness, and professional personality development.\n      <\/p>\n    <\/div>\n\n    <div class=\"cert-content\" id=\"iot\">\n      <h3>Introduction to Industry 4.0 & IoT \u2013 NPTEL<\/h3>\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Introduction-to-industry-4.0-and-iot.jpg\">\n      <p>\n        Covered Industry 4.0 fundamentals, Industrial IoT,\n        smart manufacturing systems, and real-world applications.\n      <\/p>\n    <\/div>\n\n    <div class=\"cert-content\" id=\"soft2\">\n      <h3>Developing Soft Skills & Personality \u2013 NPTEL<\/h3>\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Developing-soft-skill-and-personality-.jpg\">\n      <p>\n        Training focused on interpersonal skills,\n        teamwork, emotional intelligence,\n        and professional growth.\n      <\/p>\n    <\/div>\n\n    <div class=\"cert-content\" id=\"matlab\">\n      <h3>MATLAB Programming for Numerical Computation<\/h3>\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2026\/01\/Matlab-Programming-for-Numerical-Computation-2_page-0001-scaled.jpg\">\n      <p>\n        Successfully completed training in MATLAB focusing on\n        numerical computation, matrix operations,\n        data visualization, and algorithm implementation.\n      <\/p>\n    <\/div>\n\n    <div class=\"cert-content\" id=\"intro-iot\">\n      <h3>Introduction to Internet of Things (IoT)<\/h3>\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2026\/01\/Introduction-To-Internet-Of-Things-_page-0001-scaled.jpg\">\n      <p>\n        Covered IoT fundamentals, sensors, embedded systems,\n        IoT architecture, communication protocols,\n        and real-world IoT applications.\n      <\/p>\n    <\/div>\n\n    <div class=\"cert-content\" id=\"webinar\">\n      <h3>Exploring Universal Human Values \u2013 Webinar<\/h3>\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_201309_Digilocker.jpg\">\n      <p>\n        Successfully completed a 5-day online webinar\n        (31st May \u2013 4th June 2020) on Universal Human Values.\n        The program focused on holistic living,\n        personal priorities, ethical values,\n        and achieving a balanced and meaningful life.\n      <\/p>\n    <\/div>\n\n   <\/div>\n<\/section>\n\n<script>\nfunction showCert(id) {\n  document.querySelectorAll('.cert-content').forEach(c => c.classList.remove('active'));\n  document.querySelectorAll('.cert-btn').forEach(b => b.classList.remove('active'));\n  document.getElementById(id).classList.add('active');\n  event.target.classList.add('active');\n}\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8fe2a79 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8fe2a79\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-62cc847\" data-id=\"62cc847\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-15644e2 elementor-widget elementor-widget-heading\" data-id=\"15644e2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Projects<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52ebaf2 elementor-widget elementor-widget-html\" data-id=\"52ebaf2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* ================= PROJECTS SECTION ================= *\/\n.projects-section {\n  padding: 20px 20px;\n  background: #ffffff;\n  overflow: hidden;\n}\n\n.projects-container {\n  max-width: 1400px;\n  margin: auto;\n}\n\n\/* Horizontal scroll container *\/\n.projects-scroll {\n  display: flex;\n  gap: 30px;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  padding-bottom: 20px;\n}\n\n.projects-scroll::-webkit-scrollbar {\n  height: 8px;\n}\n.projects-scroll::-webkit-scrollbar-thumb {\n  background: #ccc;\n  border-radius: 10px;\n}\n\n\/* Each project card *\/\n.project-card {\n  flex: 0 0 50%;\n  scroll-snap-align: start;\n}\n\n\/* Preview box *\/\n.project-frame {\n  position: relative;\n  width: 100%;\n  height: 460px;\n  background: #fff;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 20px 45px rgba(0,0,0,0.12);\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n}\n\n\/* Force desktop website *\/\n.project-frame iframe {\n  width: 1440px;\n  height: 900px;\n  border: none;\n  transform: scale(1);\n  transform-origin: top center;\n  pointer-events: auto; \/* ENABLE SCROLL *\/\n}\n\n\/* Click bar (top only) *\/\n.project-frame .open-site {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 48px;\n  z-index: 5;\n  cursor: pointer;\n}\n\n\/* Info below iframe *\/\n.project-info {\n  margin-top: 16px;\n}\n\n.project-info h3 {\n  font-size: 22px;\n  margin-bottom: 6px;\n}\n\n.project-info p {\n  color: #555;\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n\/* ================= MOBILE ================= *\/\n@media (max-width: 900px) {\n  .project-card {\n    flex: 0 0 100%;\n  }\n\n  .project-frame {\n    height: 380px;\n  }\n\n  .project-frame iframe {\n    transform: scale(1);\n  }\n}\n<\/style>\n\n<section class=\"projects-section\">\n  <div class=\"projects-container\">\n    <div class=\"projects-scroll\">\n\n      <!-- PROJECT 1 -->\n      <div class=\"project-card\">\n        <div class=\"project-frame\">\n          <a href=\"https:\/\/tedxemirateshills.com\" target=\"_blank\" class=\"open-site\"><\/a>\n          <iframe src=\"https:\/\/tedxemirateshills.com\" loading=\"lazy\"><\/iframe>\n        <\/div>\n        <div class=\"project-info\">\n          <h3>TEDx Emirates Hills<\/h3>\n          <p>\n            Designed and developed the official TEDx event website including\n            speaker listings, ticket integration, event details, and a fully\n            responsive modern UI.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- PROJECT 2 -->\n      <div class=\"project-card\">\n        <div class=\"project-frame\">\n          <a href=\"https:\/\/kgcintl.com\" target=\"_blank\" class=\"open-site\"><\/a>\n          <iframe src=\"https:\/\/kgcintl.com\" loading=\"lazy\"><\/iframe>\n        <\/div>\n        <div class=\"project-info\">\n          <h3>KGC International<\/h3>\n          <p>\n            Corporate website showcasing international operations, services,\n            global presence, and multilingual support with performance optimization.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- PROJECT 3 -->\n      <div class=\"project-card\">\n        <div class=\"project-frame\">\n          <a href=\"https:\/\/alfattahstone.com\" target=\"_blank\" class=\"open-site\"><\/a>\n          <iframe src=\"https:\/\/alfattahstone.com\" loading=\"lazy\"><\/iframe>\n        <\/div>\n        <div class=\"project-info\">\n          <h3>Al Fattah Stone<\/h3>\n          <p>\n            Premium product-based website designed to highlight craftsmanship,\n            elegance, and global export capabilities.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- PROJECT 4 -->\n      <div class=\"project-card\">\n        <div class=\"project-frame\">\n          <a href=\"https:\/\/tedxdypwsyouth.com\" target=\"_blank\" class=\"open-site\"><\/a>\n          <iframe src=\"https:\/\/tedxdypwsyouth.com\" loading=\"lazy\"><\/iframe>\n        <\/div>\n        <div class=\"project-info\">\n          <h3>TEDx DY Patil World School Youth<\/h3>\n          <p>\n            Event-focused website with engaging visuals, smooth navigation,\n            and optimized performance for youth audiences.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- PROJECT 5 -->\n      <div class=\"project-card\">\n        <div class=\"project-frame\">\n          <a href=\"https:\/\/manikandanms.com\" target=\"_blank\" class=\"open-site\"><\/a>\n          <iframe src=\"https:\/\/manikandanms.com\" loading=\"lazy\"><\/iframe>\n        <\/div>\n        <div class=\"project-info\">\n          <h3>Manikandan MS Portfolio<\/h3>\n          <p>\n            Personal portfolio website built with clean UI, branding focus,\n            and professional presentation.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- PROJECT 6 -->\n      <div class=\"project-card\">\n        <div class=\"project-frame\">\n          <a href=\"https:\/\/skylarkedge.in\" target=\"_blank\" class=\"open-site\"><\/a>\n          <iframe src=\"https:\/\/skylarkedge.in\" loading=\"lazy\"><\/iframe>\n        <\/div>\n        <div class=\"project-info\">\n          <h3>Skylark Edge<\/h3>\n          <p>\n            Business website showcasing services, brand identity, and modern\n            design with responsive layout.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- PROJECT 7 -->\n      <div class=\"project-card\">\n        <div class=\"project-frame\">\n          <a href=\"https:\/\/tedxalqurum.com\" target=\"_blank\" class=\"open-site\"><\/a>\n          <iframe src=\"https:\/\/tedxalqurum.com\" loading=\"lazy\"><\/iframe>\n        <\/div>\n        <div class=\"project-info\">\n          <h3>TEDx Al Qurum<\/h3>\n          <p>\n            Official TEDx event website featuring speaker lineup, event details,\n            and an immersive storytelling experience.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ca29cd9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ca29cd9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6316e8d\" data-id=\"6316e8d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8847e50 elementor-widget elementor-widget-html\" data-id=\"8847e50\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* ===== Education Section ===== *\/\n.education-wrapper {\n  max-width: 1100px;\n  margin: auto;\n  padding: 20px 20px;\n  font-family: inherit;\n}\n\n\/* Heading *\/\n.education-wrapper h2 {\n  text-align: center;\n  font-size: 42px;\n  margin-bottom: 40px;\n  font-weight: 600;\n}\n\n\/* ===== Tabs ===== *\/\n.edu-tabs {\n  display: flex;\n  gap: 15px;\n  margin-bottom: 35px;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n\n.edu-tab {\n  padding: 10px 22px;\n  border-radius: 30px;\n  border: 2px solid #111;\n  background: transparent;\n  cursor: pointer;\n  font-weight: 600;\n  transition: all 0.3s ease;\n}\n\n.edu-tab.active,\n.edu-tab:hover {\n  background: #111;\n  color: #fff;\n}\n\n\/* ===== Content Layout ===== *\/\n.edu-content {\n  display: none;\n  align-items: center;\n  gap: 40px;\n}\n\n.edu-content.active {\n  display: flex;\n}\n\n\/* Text *\/\n.edu-text {\n  flex: 1;\n}\n\n.edu-text h3 {\n  margin-bottom: 10px;\n  font-size: 24px;\n}\n\n.edu-text p {\n  margin: 6px 0;\n  color: #555;\n  line-height: 1.6;\n}\n\n\/* Image *\/\n.edu-image {\n  flex: 1;\n}\n\n.edu-image img {\n  width: 100%;\n  border-radius: 16px;\n  box-shadow: 0 15px 40px rgba(0,0,0,0.12);\n}\n\n\/* ===== MOBILE RESPONSIVE (CRITICAL FIX) ===== *\/\n@media (max-width: 768px) {\n\n  .education-wrapper {\n    padding: 50px 16px;\n  }\n\n  .education-wrapper h2 {\n    font-size: 32px;\n    margin-bottom: 25px;\n  }\n\n  \/* Tabs become horizontal scroll *\/\n  .edu-tabs {\n    justify-content: flex-start;\n    overflow-x: auto;\n    flex-wrap: nowrap;\n    padding-bottom: 10px;\n  }\n\n  .edu-tabs::-webkit-scrollbar {\n    display: none;\n  }\n\n  .edu-tab {\n    white-space: nowrap;\n    padding: 10px 18px;\n    font-size: 14px;\n  }\n\n  \/* Stack content *\/\n  .edu-content {\n    flex-direction: column-reverse;\n    text-align: center;\n    gap: 25px;\n  }\n\n  .edu-text h3 {\n    font-size: 22px;\n  }\n\n  .edu-text p {\n    font-size: 15px;\n  }\n}\n<\/style>\n\n<section class=\"education-wrapper\">\n\n  <h2>Education<\/h2>\n\n  <!-- Tabs -->\n  <div class=\"edu-tabs\">\n    <button class=\"edu-tab active\" onclick=\"showEdu('btech')\">Bachelor\u2019s (B.Tech)<\/button>\n    <button class=\"edu-tab\" onclick=\"showEdu('12th')\">Class XII (12th)<\/button>\n    <button class=\"edu-tab\" onclick=\"showEdu('10th')\">Class X (10th)<\/button>\n  <\/div>\n\n  <!-- B.Tech -->\n  <div class=\"edu-content active\" id=\"btech\">\n    <div class=\"edu-text\">\n      <h3>Bachelor of Technology (Computer Science)<\/h3>\n      <p><strong>Institute:<\/strong> United College of Engineering & Research<\/p>\n      <p><strong>Location:<\/strong> Prayagraj, Uttar Pradesh<\/p>\n      <p><strong>Duration:<\/strong> 2021 \u2013 2025<\/p>\n      <p><strong>University:<\/strong> A.K.T.U.<\/p>\n    <\/div>\n    <div class=\"edu-image\">\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/united-college-of-engineering-research-allahabad-274975-1.jpg\" alt=\"B.Tech College\">\n    <\/div>\n  <\/div>\n\n  <!-- 12th -->\n  <div class=\"edu-content\" id=\"12th\">\n    <div class=\"edu-text\">\n      <h3>Senior Secondary (Class XII)<\/h3>\n      <p><strong>School:<\/strong> Laurels International School<\/p>\n      <p><strong>Location:<\/strong> Prayagraj, Uttar Pradesh<\/p>\n      <p><strong>Duration:<\/strong> 2019 \u2013 2021<\/p>\n      <p><strong>Board:<\/strong> CBSE<\/p>\n    <\/div>\n    <div class=\"edu-image\">\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Laurels-International-School-Allahabad-1.jpg\" alt=\"12th School\">\n    <\/div>\n  <\/div>\n\n  <!-- 10th -->\n  <div class=\"edu-content\" id=\"10th\">\n    <div class=\"edu-text\">\n      <h3>Secondary (Class X)<\/h3>\n      <p><strong>School:<\/strong> Laurels International School<\/p>\n      <p><strong>Location:<\/strong> Prayagraj, Uttar Pradesh<\/p>\n      <p><strong>Duration:<\/strong> 2017 \u2013 2019<\/p>\n      <p><strong>Board:<\/strong> CBSE<\/p>\n    <\/div>\n    <div class=\"edu-image\">\n      <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/laurels-international-school-prayagraj-laurel02-1.jpg\" alt=\"10th School\">\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\nfunction showEdu(id) {\n  document.querySelectorAll('.edu-content').forEach(el => el.classList.remove('active'));\n  document.querySelectorAll('.edu-tab').forEach(btn => btn.classList.remove('active'));\n\n  document.getElementById(id).classList.add('active');\n  event.target.classList.add('active');\n}\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f22c3ab elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f22c3ab\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-71c1bda\" data-id=\"71c1bda\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-49105fa elementor-widget elementor-widget-html\" data-id=\"49105fa\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* ===== Contact Section ===== *\/\n.contact-section {\n  padding: 20px 16px;\n  background: #eef7ff;\n  font-family: inherit;\n\n  \/* \ud83d\udd25 FULL WIDTH FIX (same as footer & skills) *\/\n  width: 100vw;\n  margin-left: calc(-50vw + 50%);\n}\n.contact-wrapper {\n  max-width: 650px;\n  margin: auto;\n  background: #ffffff;\n  padding: 40px 30px;\n  border-radius: 24px;\n  box-shadow: 0 30px 70px rgba(0,0,0,0.08);\n  text-align: center;\n}\n\n\/* Heading *\/\n.contact-wrapper h2 {\n  font-size: 36px;\n  margin-bottom: 10px;\n  font-weight: 600;\n}\n\n.contact-wrapper p.subtitle {\n  color: #666;\n  margin-bottom: 35px;\n  font-size: 15px;\n}\n\n\/* Form Fields *\/\n.cf-group {\n  margin-bottom: 18px;\n}\n\n.cf-group input,\n.cf-group textarea {\n  width: 100%;\n  padding: 14px 16px;\n  border-radius: 12px;\n  border: 1px solid #dcdcdc;\n  font-size: 15px;\n  outline: none;\n  transition: 0.3s;\n}\n\n.cf-group input:focus,\n.cf-group textarea:focus {\n  border-color: #3b5bfd;\n  box-shadow: 0 0 0 3px rgba(59,91,253,0.15);\n}\n\n\/* Button *\/\n.contact-wrapper button {\n  margin-top: 10px;\n  background: linear-gradient(135deg, #3b5bfd, #5f7cff);\n  color: #fff;\n  padding: 14px 36px;\n  border: none;\n  border-radius: 30px;\n  font-size: 16px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: 0.3s;\n}\n\n.contact-wrapper button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 12px 30px rgba(59,91,253,0.35);\n}\n\n\/* Response *\/\n#formResponse {\n  margin-top: 15px;\n  font-weight: 600;\n  color: #3b5bfd;\n}\n\n\/* ===== Mobile ===== *\/\n@media (max-width: 480px) {\n  .contact-wrapper {\n    padding: 30px 20px;\n  }\n\n  .contact-wrapper h2 {\n    font-size: 28px;\n  }\n}\n<\/style>\n\n<section class=\"contact-section\" id=\"contact\">\n  <div class=\"contact-wrapper\">\n\n    <h2>Contact Me<\/h2>\n    <p class=\"subtitle\">Have a question or want to work together?  \n    Feel free to reach out.<\/p>\n\n    <form id=\"contactForm\">\n      <div class=\"cf-group\">\n        <input type=\"text\" name=\"name\" placeholder=\"Your Name\" required>\n      <\/div>\n\n      <div class=\"cf-group\">\n        <input type=\"email\" name=\"email\" placeholder=\"Your Email\" required>\n      <\/div>\n\n      <div class=\"cf-group\">\n        <input type=\"text\" name=\"subject\" placeholder=\"Subject\" required>\n      <\/div>\n\n      <div class=\"cf-group\">\n        <textarea name=\"message\" rows=\"5\" placeholder=\"Your Message\" required><\/textarea>\n      <\/div>\n\n      <button type=\"submit\">Send Message<\/button>\n\n      <div id=\"formResponse\"><\/div>\n    <\/form>\n\n  <\/div>\n<\/section>\n\n<script>\ndocument.getElementById(\"contactForm\").addEventListener(\"submit\", function(e) {\n  e.preventDefault();\n\n  const formData = new FormData(this);\n  formData.append(\"action\", \"send_contact_form\");\n\n  fetch(\"\/wp-admin\/admin-ajax.php\", {\n    method: \"POST\",\n    body: formData\n  })\n  .then(res => res.json())\n  .then(data => {\n    document.getElementById(\"formResponse\").innerText = \"Message sent successfully!\";\n    document.getElementById(\"contactForm\").reset();\n  })\n  .catch(() => {\n    document.getElementById(\"formResponse\").innerText = \"Something went wrong. Please try again.\";\n  });\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-87bf90f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"87bf90f\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-92264f6\" data-id=\"92264f6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1ccfce2 elementor-widget elementor-widget-heading\" data-id=\"1ccfce2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Gallery<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4afbf1 elementor-widget elementor-widget-html\" data-id=\"e4afbf1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* ===== GALLERY SECTION ===== *\/\n.gallery-section {\n  padding: 20px 20px;\n  background: #eef7ff;\n  font-family: inherit;\n}\n\n.gallery-container {\n  max-width: 1200px;\n  margin: auto;\n}\n\n\/* Grid *\/\n.gallery-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 18px;\n}\n\n\/* Image Card *\/\n.gallery-item {\n  overflow: hidden;\n  border-radius: 16px;\n  background: #fff;\n  box-shadow: 0 15px 35px rgba(0,0,0,0.08);\n}\n\n.gallery-item img {\n  width: 100%;\n  height: 100%;\n  aspect-ratio: 1 \/ 1;\n  object-fit: cover;\n  transition: transform 0.4s ease;\n}\n\n\/* Hover effect *\/\n.gallery-item:hover img {\n  transform: scale(1.08);\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .gallery-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@media (max-width: 768px) {\n  .gallery-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 14px;\n  }\n}\n\n@media (max-width: 480px) {\n  .gallery-grid {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<section class=\"gallery-section\">\n  <div class=\"gallery-container\">\n\n    <div class=\"gallery-grid\">\n\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2026\/01\/hero.jpeg\" alt=\"Gallery Image\">\n      <\/div>\n\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_184437_Instagram.jpg\" alt=\"Gallery Image\">\n      <\/div>\n\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_184402_Instagram.jpg\" alt=\"Gallery Image\">\n      <\/div>\n\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_184450_Instagram-e1699883581524.jpg\" alt=\"Gallery Image\">\n      <\/div>\n\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_184342_Instagram.jpg\" alt=\"Gallery Image\">\n      <\/div>\n\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_184329_Instagram.jpg\" alt=\"Gallery Image\">\n      <\/div>\n\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_184312_Instagram.jpg\" alt=\"Gallery Image\">\n      <\/div>\n\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_184251_Instagram.jpg\" alt=\"Gallery Image\">\n      <\/div>\n\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_184246_Instagram.jpg\" alt=\"Gallery Image\">\n      <\/div>\n\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_184227_Instagram-e1699883611332.jpg\" alt=\"Gallery Image\">\n      <\/div>\n\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_184214_Instagram.jpg\" alt=\"Gallery Image\">\n      <\/div>\n\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_184203_Instagram.jpg\" alt=\"Gallery Image\">\n      <\/div>\n\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_184423_Instagram.jpg\" alt=\"Gallery Image\">\n      <\/div>\n\n      <div class=\"gallery-item\">\n        <img decoding=\"async\" src=\"https:\/\/wazahat.in\/wp-content\/uploads\/2023\/11\/Screenshot_20231113_184406_Instagram.jpg\" alt=\"Gallery Image\">\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fcccc99 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fcccc99\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b46fa21\" data-id=\"b46fa21\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9221a5e elementor-widget elementor-widget-html\" data-id=\"9221a5e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== CLEAN FULL-WIDTH FOOTER ===== -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\/>\n\n<style>\n.site-footer {\n  width: 100vw;\n  margin-left: calc(-50vw + 50%);\n  background: #eef7ff;\n  padding: 28px 70px; \/* MORE LEFT & RIGHT SPACE *\/\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  font-family: inherit;\n}\n\n\/* Left text *\/\n.footer-left {\n  font-size: 14px;\n  color: #444;\n  opacity: 0.75;\n}\n\n\/* Right icons *\/\n.footer-icons {\n  display: flex;\n  gap: 26px;\n  align-items: center;\n}\n\n.footer-icons a {\n  color: #000;\n  font-size: 20px; \/* BIGGER ICONS *\/\n  text-decoration: none;\n  transition: transform 0.25s ease, opacity 0.25s ease;\n}\n\n.footer-icons a:hover {\n  transform: scale(1.15);\n  opacity: 0.7;\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .site-footer {\n    flex-direction: column;\n    gap: 14px;\n    padding: 22px 20px;\n    text-align: center;\n  }\n}\n<\/style>\n\n<footer class=\"site-footer\">\n\n  <!-- Left Text -->\n  <div class=\"footer-left\">\n    \u00a9 2026 Wazahat Hussain. All rights reserved.\n  <\/div>\n\n  <!-- Icons -->\n  <div class=\"footer-icons\">\n    <a href=\"https:\/\/wa.me\/919026692904\" target=\"_blank\" aria-label=\"WhatsApp\">\n      <i class=\"fab fa-whatsapp\"><\/i>\n    <\/a>\n\n    <a href=\"https:\/\/leetcode.com\/wazahat-hussain\" target=\"_blank\" aria-label=\"LeetCode\">\n      <i class=\"fa-solid fa-code\"><\/i>\n    <\/a>\n\n    <a href=\"https:\/\/linkedin.com\/in\/wazahat-hussain\" target=\"_blank\" aria-label=\"LinkedIn\">\n      <i class=\"fab fa-linkedin-in\"><\/i>\n    <\/a>\n\n    <a href=\"https:\/\/instagram.com\/wazahat1\" target=\"_blank\" aria-label=\"Instagram\">\n      <i class=\"fab fa-instagram\"><\/i>\n    <\/a>\n\n    <a href=\"tel:+919026692904\" aria-label=\"Call\">\n      <i class=\"fa-solid fa-phone\"><\/i>\n    <\/a>\n\n    <a href=\"mailto:email@wazahat.in\" aria-label=\"Email\">\n      <i class=\"fa-solid fa-envelope\"><\/i>\n    <\/a>\n  <\/div>\n\n<\/footer>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Wazahat Hussain I am a Computer Science graduate with a strong foundation in problem solving, software development, and modern web technologies. My interests lie at the intersection of full-stack development, data science, and applied research. I enjoy building clean, scalable solutions and continuously learning new technologies. Resume Contact Me Skills Python DSA MachineLearning WordPress DBMS [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wazahat.in\/index.php\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wazahat.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wazahat.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wazahat.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wazahat.in\/index.php\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":278,"href":"https:\/\/wazahat.in\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":476,"href":"https:\/\/wazahat.in\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions\/476"}],"wp:attachment":[{"href":"https:\/\/wazahat.in\/index.php\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}