<!DOCTYPE html>
<html  data-bs-theme="dark" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5, user-scalable=1" name="viewport" />

        <title>Muhammad Waheed - Full Stack Developer (PHP Laravel | React | 8+ Years Experience) - Muhammad Waheed - Web &amp; App dev...</title>
<meta name="description" content="Full Stack Developer with 8+ years of experience in building web applications and SaaS platforms. Strong in PHP, Laravel, MySQL, and REST APIs, with solid frontend skills in React, JavaScript, HTML, and CSS. Experienced in handling full project flow...">
<link rel="canonical" href="https://www.mwaheed.com">
<meta name="robots" content="index, follow">
<meta property="og:site_name" content="Muhammad Waheed - Web &amp; App developer">
<meta property="og:type" content="article">
<meta property="og:title" content="Muhammad Waheed - Full Stack Developer (PHP Laravel | React | 8+ Years Experience)">
<meta property="og:description" content="Full Stack Developer with 8+ years of experience in building web applications and SaaS platforms. Strong in PHP, Laravel, MySQL, and REST APIs, with solid frontend skills in React, JavaScript, HTML, and CSS. Experienced in handling full project flow...">
<meta property="og:image" content="https://www.mwaheed.com/storage/2026.png">
<meta property="og:url" content="https://www.mwaheed.com">
<meta name="twitter:title" content="Muhammad Waheed - Full Stack Developer (PHP Laravel | React | 8+ Years Experience)">
<meta name="twitter:description" content="Full Stack Developer with 8+ years of experience in building web applications and SaaS platforms. Strong in PHP, Laravel, MySQL, and REST APIs, with solid frontend skills in React, JavaScript, HTML, and CSS. Experienced in handling full project flow...">

    <link rel="icon" type="image/x-icon" href="https://www.mwaheed.com/storage/favicon.png">




<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "Muhammad Waheed - Web &amp;amp; App developer",
  "url": "https://www.mwaheed.com"
}
</script>

    <style >
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://www.mwaheed.com/storage/fonts/3af4d8f489/sdmmonov16aftr7pb1qtsux8kyvrgyey2tbyf-vlh3ua.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://www.mwaheed.com/storage/fonts/3af4d8f489/sdmmonov16aftr7pb1qtsux8kyvrgyeyotbyf-vlg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.mwaheed.com/storage/fonts/3af4d8f489/sdmmonov16aftu7pb1qtsux8kythsqbk6pyk3exw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.mwaheed.com/storage/fonts/3af4d8f489/sdmmonov16aftu7pb1qtsux8kythqqbk6pyk0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.mwaheed.com/storage/fonts/3af4d8f489/sdmmonov16aftr7pb1qtsux8kyvumzey2tbyf-vlh3ua.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.mwaheed.com/storage/fonts/3af4d8f489/sdmmonov16aftr7pb1qtsux8kyvumzeyotbyf-vlg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>    <style >
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(public/storage/fonts/8c6cca1cdc/surbanistv18l0x-df02ifml4hgcymqrbs1mixk2z7s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(public/storage/fonts/8c6cca1cdc/surbanistv18l0x-df02ifml4hgcymqlbs1mixk2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(public/storage/fonts/8c6cca1cdc/surbanistv18l0x-df02ifml4hgcymqrbs1mixk2z7s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(public/storage/fonts/8c6cca1cdc/surbanistv18l0x-df02ifml4hgcymqlbs1mixk2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(public/storage/fonts/8c6cca1cdc/surbanistv18l0x-df02ifml4hgcymqrbs1mixk2z7s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(public/storage/fonts/8c6cca1cdc/surbanistv18l0x-df02ifml4hgcymqlbs1mixk2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(public/storage/fonts/8c6cca1cdc/surbanistv18l0x-df02ifml4hgcymqrbs1mixk2z7s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(public/storage/fonts/8c6cca1cdc/surbanistv18l0x-df02ifml4hgcymqlbs1mixk2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(public/storage/fonts/8c6cca1cdc/surbanistv18l0x-df02ifml4hgcymqrbs1mixk2z7s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(public/storage/fonts/8c6cca1cdc/surbanistv18l0x-df02ifml4hgcymqlbs1mixk2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style><style>:root{--primary-font: "DM Mono", sans-serif;--secondary-font: "Urbanist", sans-serif;}</style>


<link media="all" type="text/css" rel="stylesheet" href="https://www.mwaheed.com/vendor/core/plugins/language/css/language-public.css?v=2.2.0">
<link media="all" type="text/css" rel="stylesheet" href="https://www.mwaheed.com/vendor/core/core/base/libraries/ckeditor/content-styles.css">
<link media="all" type="text/css" rel="stylesheet" href="https://www.mwaheed.com/themes/zelio/css/vendors/bootstrap.min.css">
<link media="all" type="text/css" rel="stylesheet" href="https://www.mwaheed.com/themes/zelio/css/vendors/swiper-bundle.min.css">
<link media="all" type="text/css" rel="stylesheet" href="https://www.mwaheed.com/themes/zelio/css/vendors/aos.css">
<link media="all" type="text/css" rel="stylesheet" href="https://www.mwaheed.com/themes/zelio/css/vendors/odometer.css?v=1.1.7.4">
<link media="all" type="text/css" rel="stylesheet" href="https://www.mwaheed.com/themes/zelio/css/vendors/carouselTicker.css?v=1.1.7.4">
<link media="all" type="text/css" rel="stylesheet" href="https://www.mwaheed.com/themes/zelio/css/vendors/slick.min.css?v=1.1.7.4">
<link media="all" type="text/css" rel="stylesheet" href="https://www.mwaheed.com/themes/zelio/css/vendors/magnific-popup.css?v=1.1.7.4">
<link media="all" type="text/css" rel="stylesheet" href="https://www.mwaheed.com/themes/zelio/fonts/remixicon/remixicon.css?v=1.1.7.4">
<link media="all" type="text/css" rel="stylesheet" href="https://www.mwaheed.com/themes/zelio/css/main.css?v=1.1.7.4">
<link media="all" type="text/css" rel="stylesheet" href="https://www.mwaheed.com/themes/zelio/css/theme.css?v=1.1.7.4">
<link media="all" type="text/css" rel="stylesheet" href="https://www.mwaheed.com/vendor/core/plugins/contact/css/contact-public.css?v=1.0.1">




<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Organization","name":"Muhammad Waheed - Web &amp; App developer","url":"https:\/\/www.mwaheed.com","logo":{"@type":"ImageObject","url":"https:\/\/www.mwaheed.com\/storage\/favicon.png"}}</script><link media="all" type="text/css" rel="stylesheet" href="https://www.mwaheed.com/vendor/core/plugins/announcement/css/announcement.css?v=1.1.7"><link
    href="https://www.mwaheed.com/"
    hreflang="x-default"
    rel="alternate"
/>

            <link
            href="https://www.mwaheed.com/"
            hreflang="en"
            rel="alternate"
        />
    <link type="application/atom+xml" rel="alternate" title="Posts feed" href="https://www.mwaheed.com/feed/posts">


<script>
    window.siteUrl = "https://www.mwaheed.com";
</script>


        <style>
            :root {
                --primary-color: #62a92b;
                --gradient-color: #659932;
                --bs-primary-rgb: 98, 169, 43;
            }
        </style>
    </head>

    <body  id="page-home" class="home-page-2">
        

        <header>
    <div class="container position-relative">
        <div class="position-relative">
            <nav class="navbar navbar-expand-lg navbar-home-2 flex-nowrap z-999 p-0 border border-1 rounded-3">
                                    <a href="#" title="Menu" class="navbar-menu p-4 text-center square-100 menu-tigger icon_80 icon-shape d-none d-md-flex" data-bs-target=".offCanvas__info">
                        <i class="ri-menu-2-line"></i>
                    </a>
                                <div class="container py-3 px-4">
                    <a class="navbar-brand d-flex main-logo align-items-center" href="https://www.mwaheed.com">
                        <img src="https://www.mwaheed.com/storage/favicon.png" data-bb-lazy="false" style="max-height: 40px" alt="Muhammad Waheed - Web &amp; App developer">
                                                    <span class="fs-4 ms-2 site-name-text">Waheed.dev</span>
                                            </a>
                    <div class="d-none d-lg-flex">
                        <div class="collapse navbar-collapse" id="navbarSupportedContent">
                            <div class="main-menu">
                                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
            <li class="nav-item">
            <a class="nav-link active " href="https://www.mwaheed.com" target="_self">
                
                Home
            </a>

                    </li>
            <li class="nav-item">
            <a class="nav-link " href="https://www.mwaheed.com/services" target="_self">
                
                Services
            </a>

                    </li>
            <li class="nav-item">
            <a class="nav-link " href="https://www.mwaheed.com/projects" target="_self">
                
                Portfolio
            </a>

                    </li>
            <li class="nav-item">
            <a class="nav-link " href="https://www.mwaheed.com/pricing" target="_self">
                
                Pricing
            </a>

                    </li>
            <li class="nav-item">
            <a class="nav-link " href="https://www.mwaheed.com/blog" target="_self">
                
                Blog
            </a>

                    </li>
            <li class="nav-item">
            <a class="nav-link " href="https://www.mwaheed.com/contact" target="_self">
                
                Contact
            </a>

                    </li>
    </ul>

                            </div>
                        </div>
                    </div>
                    <div class="navbar-social d-flex align-items-center pe-5 pe-lg-0 me-5 me-lg-0 gap-3">
                                                    <div class="d-none d-md-flex">
                                
                            </div>
                        
                                                    <div class="d-lg-flex d-none gap-3">
                                                                    <a href="https://www.facebook.com/W4188247"  href="https://www.facebook.com/W4188247" title="Facebook" target="_blank">
                                        <svg class="icon  svg-icon-ti-ti-brand-facebook"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" />
</svg>                                    </a>
                                                                    <a href="https://www.linkedin.com/in/waheedofficial38/"  href="https://www.linkedin.com/in/waheedofficial38/" title="Linkedin" target="_blank">
                                        <svg class="icon  svg-icon-ti-ti-brand-linkedin"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M8 11v5" />
  <path d="M8 8v.01" />
  <path d="M12 16v-5" />
  <path d="M16 16v-3a2 2 0 1 0 -4 0" />
  <path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" />
</svg>                                    </a>
                                                            </div>
                                                <div class="burger-icon burger-icon-white border rounded-3">
                            <span class="burger-icon-top"></span>
                            <span class="burger-icon-mid"></span>
                            <span class="burger-icon-bottom"></span>
                        </div>
                    </div>
                </div>
                                    <div class="dark-light-switcher pe-0 ps-md-5 ps-0 ps-lg-4 pe-lg-4 d-flex justify-content-center align-items-center icon_80">
                        <i class="ri-sun-fill text-warning"></i>
                        <i class="ri-contrast-2-line text-white"></i>
                    </div>
                            </nav>
        </div>
                    <div class="offCanvas__info">
                <div class="offCanvas__close-icon menu-close">
                    <button title="Close"><i class="ri-close-line"></i></button>
                </div>
                <div class="offCanvas__logo mb-5">
                    <div class="mb-0"><span class="h3">Get in touch</span></div>
                </div>
                <div class="offCanvas__side-info mb-30">
                    <div class="contact-list mb-30">
                    <p class="fs-6 fw-medium text-200 mb-5">
                Your idea deserves more than just code — it deserves a solution.
            </p>
                            <div class="mb-3">
                <span class="text-400 fs-5">WhatsApp</span>
                <p class="mb-0">
                                            <a href="https://wa.me/971528841989" title="+971528841989">+971528841989</a>
                                    </p>
            </div>
                    <div class="mb-3">
                <span class="text-400 fs-5">Email</span>
                <p class="mb-0">
                                            <a href="mailto:dadag38@gmail.com" title="dadag38@gmail.com">dadag38@gmail.com</a>
                                    </p>
            </div>
                    <div class="mb-3">
                <span class="text-400 fs-5">Website</span>
                <p class="mb-0">
                                            <a href="https://mwaheed.com" title="https://mwaheed.com">https://mwaheed.com</a>
                                    </p>
            </div>
                    <div class="mb-3">
                <span class="text-400 fs-5">Address</span>
                <p class="mb-0">
                                            <a href="https://maps.app.goo.gl/7byXbkDUj1yAwJaq9" title="Al quoz one opposite oasis mall, Dubai, UAE">Al quoz one opposite oasis mall, Dubai, UAE</a>
                                    </p>
            </div>
            </div>
<div class="contact-list">
                            <p class="text-400 fs-5 mb-2">Social Links</p>
                        <div class="d-md-flex d-none gap-3">
                                    <a href="https://www.facebook.com/W4188247"  href="https://www.facebook.com/W4188247" title="Facebook" target="_blank">
                        <svg class="icon  svg-icon-ti-ti-brand-facebook"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" />
</svg>                    </a>
                                    <a href="https://www.linkedin.com/in/waheedofficial38/"  href="https://www.linkedin.com/in/waheedofficial38/" title="Linkedin" target="_blank">
                        <svg class="icon  svg-icon-ti-ti-brand-linkedin"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M8 11v5" />
  <path d="M8 8v.01" />
  <path d="M12 16v-5" />
  <path d="M16 16v-3a2 2 0 1 0 -4 0" />
  <path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" />
</svg>                    </a>
                            </div>
        </div>
    <div class="mt-5">
    
</div>

                </div>
            </div>
                <div class="mobile-header-active mobile-header-wrapper-style perfect-scrollbar button-bg-2">
            <div class="mobile-header-wrapper-inner">
                <div class="mobile-header-logo">
                    <a class="d-flex main-logo align-items-center d-inline-flex" href="https://www.mwaheed.com">
                        <img src="https://www.mwaheed.com/storage/favicon.png" data-bb-lazy="false" style="max-height: 40px" alt="Muhammad Waheed - Web &amp; App developer">
                                                    <span class="fs-4 ms-2 site-name-text text-dark">Waheed.dev</span>
                                            </a>
                    <div class="burger-icon burger-icon-white border rounded-3">
                        <span class="burger-icon-top"></span>
                        <span class="burger-icon-mid"></span>
                        <span class="burger-icon-bottom"></span>
                    </div>
                </div>
                <div class="mobile-header-content-area">
                    <div class="perfect-scroll">
                        <div class="mobile-menu-wrap mobile-header-border">
                            <nav>
                                <ul class="mobile-menu font-heading ps-0">
            <li class="nav-item active">
            <a class="nav-link " href="https://www.mwaheed.com" target="_self">
                
                Home
            </a>

                    </li>
            <li class="nav-item">
            <a class="nav-link " href="https://www.mwaheed.com/services" target="_self">
                
                Services
            </a>

                    </li>
            <li class="nav-item">
            <a class="nav-link " href="https://www.mwaheed.com/projects" target="_self">
                
                Portfolio
            </a>

                    </li>
            <li class="nav-item">
            <a class="nav-link " href="https://www.mwaheed.com/pricing" target="_self">
                
                Pricing
            </a>

                    </li>
            <li class="nav-item">
            <a class="nav-link " href="https://www.mwaheed.com/blog" target="_self">
                
                Blog
            </a>

                    </li>
            <li class="nav-item">
            <a class="nav-link " href="https://www.mwaheed.com/contact" target="_self">
                
                Contact
            </a>

                    </li>
    </ul>

                            </nav>
                        </div>

                        <div class="mt-5 d-block d-md-none">
                            
                        </div>

                                                    <div class="mt-5 d-block d-md-none gap-3">
                                                                    <a href="https://www.facebook.com/W4188247"  href="https://www.facebook.com/W4188247" title="Facebook" target="_blank">
                                        <svg class="icon  svg-icon-ti-ti-brand-facebook"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" />
</svg>                                    </a>
                                                                    <a href="https://www.linkedin.com/in/waheedofficial38/"  href="https://www.linkedin.com/in/waheedofficial38/" title="Linkedin" target="_blank">
                                        <svg class="icon  svg-icon-ti-ti-brand-linkedin"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M8 11v5" />
  <path d="M8 8v.01" />
  <path d="M12 16v-5" />
  <path d="M16 16v-3a2 2 0 1 0 -4 0" />
  <path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" />
</svg>                                    </a>
                                                            </div>
                                            </div>
                </div>
            </div>
        </div>
    </div>
</header>



        <div id="preloader">
        <div class="loader-cover">
            <div class="loader-container">
                <div class="loader-icon-2"></div>
            </div>
        </div>
    </div>


            <div class="ck-content"><section id="about" class="section-hero-2 position-relative pt-80 pb-3">
    <div class="container hero-2">
        <div class="border border-1 rounded-3">
            <div class="box-linear-animation position-relative z-1">
                <div class="row align-items-end py-60">
                                            <div class="col-lg-5 ps-lg-5 text-lg-start text-center">
                            <div class="position-relative mb-lg-0 mb-5">
                                                                    <img src="https://www.mwaheed.com/storage/2026.png" data-bb-lazy="true" loading="lazy" alt="Senior {Full Stack}Web &amp; App developer">
                                                                                                    <div class="position-absolute end-0 top-100 translate-middle-y icon-decorate">
                                        <img src="https://www.mwaheed.com/storage/code/general/people-shape.png" data-bb-lazy="true" width="80px" loading="lazy" alt="Senior {Full Stack}Web &amp; App developer">
                                    </div>
                                                            </div>
                        </div>
                                        <div class="mx-lg-auto col-md-12 col-lg-6">
                        <div class="p-lg-0 p-md-8 p-3">
                                                            <div class="text-secondary-2 d-flex align-items-center">
                                    &lt;span&gt;
                                    <div class="text-dark">
                                        <div class="typewriter">
                                            <h1 class="fs-6 fw-medium">Hey, I’m Muhammad Waheed</h1>
                                        </div>
                                    </div>
                                    &lt;/span&gt;
                                </div>
                                                                                        <h1 class="fs-50 my-3 section-hero-title">Senior <span>{Full Stack}</span>Web &amp; App developer<span class="flicker">_</span></h1>
                                                                                        <p class="mb-6 text-secondary-2">
                                    &lt;p&gt;<span class="text-dark section-hero-description">With expertise in technologies such as <span>PHP</span>, <span>Laravel</span>, <span>React</span>, <span>MySQL</span>, and <span>Android Development</span>, I deliver web and mobile solutions that are reliable, scalable, and efficient.</span>&lt;/p&gt;
                                </p>
                                                        <div class="row">
                                <div class="col-7">
                                    <div class="carouselTicker carouselTicker-left position-relative z-1 mt-lg-0 mt-8">
                                        <ul class="carouselTicker__list">
                                                                                            <li class="carouselTicker__item">
                                                    <div class="brand-logo icon_60 icon-shape rounded-3">
                                                        <img src="https://www.mwaheed.com/storage/php.png" data-bb-lazy="true" loading="lazy" alt="PHP">
                                                    </div>
                                                </li>
                                                                                            <li class="carouselTicker__item">
                                                    <div class="brand-logo icon_60 icon-shape rounded-3">
                                                        <img src="https://www.mwaheed.com/storage/laravel-icon.jpeg" data-bb-lazy="true" loading="lazy" alt="Laravel">
                                                    </div>
                                                </li>
                                                                                            <li class="carouselTicker__item">
                                                    <div class="brand-logo icon_60 icon-shape rounded-3">
                                                        <img src="https://www.mwaheed.com/storage/mysql.jpg" data-bb-lazy="true" loading="lazy" alt="MySql">
                                                    </div>
                                                </li>
                                                                                            <li class="carouselTicker__item">
                                                    <div class="brand-logo icon_60 icon-shape rounded-3">
                                                        <img src="https://www.mwaheed.com/storage/reactjs.png" data-bb-lazy="true" loading="lazy" alt="React.js">
                                                    </div>
                                                </li>
                                                                                            <li class="carouselTicker__item">
                                                    <div class="brand-logo icon_60 icon-shape rounded-3">
                                                        <img src="https://www.mwaheed.com/storage/html.png" data-bb-lazy="true" loading="lazy" alt="HTML">
                                                    </div>
                                                </li>
                                                                                            <li class="carouselTicker__item">
                                                    <div class="brand-logo icon_60 icon-shape rounded-3">
                                                        <img src="https://www.mwaheed.com/storage/css.jpg" data-bb-lazy="true" loading="lazy" alt="CSS">
                                                    </div>
                                                </li>
                                                                                            <li class="carouselTicker__item">
                                                    <div class="brand-logo icon_60 icon-shape rounded-3">
                                                        <img src="https://www.mwaheed.com/storage/jsas.png" data-bb-lazy="true" loading="lazy" alt="JS">
                                                    </div>
                                                </li>
                                                                                            <li class="carouselTicker__item">
                                                    <div class="brand-logo icon_60 icon-shape rounded-3">
                                                        <img src="https://www.mwaheed.com/storage/bs.png" data-bb-lazy="true" loading="lazy" alt="Bootstrap">
                                                    </div>
                                                </li>
                                                                                            <li class="carouselTicker__item">
                                                    <div class="brand-logo icon_60 icon-shape rounded-3">
                                                        <img src="https://www.mwaheed.com/storage/main/android-1.jpg" data-bb-lazy="true" loading="lazy" alt="Android">
                                                    </div>
                                                </li>
                                                                                            <li class="carouselTicker__item">
                                                    <div class="brand-logo icon_60 icon-shape rounded-3">
                                                        <img src="https://www.mwaheed.com/vendor/core/core/base/images/placeholder.png" data-bb-lazy="true" loading="lazy" alt="Flutter">
                                                    </div>
                                                </li>
                                                                                    </ul>
                                    </div>
                                </div>
                                <div class="col-5 d-flex align-items-end">
                                                                            <span class="fs-6 text-300 mb-2">...and more</span>
                                                                    </div>
                            </div>
                                                            <a href="/storage/main/resume/cv.pdf" class="btn me-2 text-300 ps-0 mt-4"   target="_blank" >
                                                                            <svg class="icon text-primary-2 svg-icon-ti-ti-download"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" />
  <path d="M7 11l5 5l5 -5" />
  <path d="M12 4l0 12" />
</svg>                                                                        Download My CV
                                </a>
                                                                                </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
            <div class="background position-absolute top-0 start-0 w-100 h-100">
                            <img src="https://www.mwaheed.com/storage/code/general/hero-bg.png" data-bb-lazy="true" class="bg-w" loading="lazy" alt="Senior {Full Stack}Web &amp; App developer">
                                        <img src="https://www.mwaheed.com/storage/code/general/hero-bg-dark.png" data-bb-lazy="true" class="bg-d" loading="lazy" alt="Senior {Full Stack}Web &amp; App developer">
                    </div>
    </section>
<div class="section-static-1 z-0">
    <div class="container position-relative z-1">
        <div class="bg-3 py-60 border border-1 rounded-3 position-relative overflow-hidden">
            <div class="inner">
                <div class="row align-items-center justify-content-lg-around justify-content-center">
                                            <div class="col-lg-auto col-md-6 text-start mb-4 mb-md-0">
                            <div class="counter-item-cover counter-item d-flex align-item-center justify-content-center">
                                <div class="content mx-auto">
                                                                            <svg class="icon text-primary-2 svg-icon-ti-ti-crown"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M12 6l4 6l5 -4l-2 10h-14l-2 -10l5 4z" />
</svg>                                                                        <h2 class="text-300 my-0 fs-50 counter-wrapper">
                                        <span class="odometer text-dark fw-medium number-counter" data-count="8"></span>
                                        <span class="fs-50 text-300 mb-0 plus-icon-counter">+</span>
                                    </h2>
                                                                            <p class="fs-6 mb-0 text-dark">Years Experience</p>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="col-lg-auto col-md-6 text-start mb-4 mb-md-0">
                            <div class="counter-item-cover counter-item d-flex align-item-center justify-content-center">
                                <div class="content mx-auto">
                                                                            <svg class="icon text-primary-2 svg-icon-ti-ti-device-desktop"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M3 5a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1v-10z" />
  <path d="M7 20h10" />
  <path d="M9 16v4" />
  <path d="M15 16v4" />
</svg>                                                                        <h2 class="text-300 my-0 fs-50 counter-wrapper">
                                        <span class="odometer text-dark fw-medium number-counter" data-count="30"></span>
                                        <span class="fs-50 text-300 mb-0 plus-icon-counter">+</span>
                                    </h2>
                                                                            <p class="fs-6 mb-0 text-dark">Projects Completed</p>
                                                                    </div>
                            </div>
                        </div>
                                            <div class="col-lg-auto col-md-6 text-start mb-4 mb-md-0">
                            <div class="counter-item-cover counter-item d-flex align-item-center justify-content-center">
                                <div class="content mx-auto">
                                                                            <svg class="icon text-primary-2 svg-icon-ti-ti-heart-spark"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M11.537 19.542l-7.037 -6.97a5 5 0 1 1 7.5 -6.566a5 5 0 0 1 8.212 5.693" />
  <path d="M19 22.5a4.75 4.75 0 0 1 3.5 -3.5a4.75 4.75 0 0 1 -3.5 -3.5a4.75 4.75 0 0 1 -3.5 3.5a4.75 4.75 0 0 1 3.5 3.5" />
</svg>                                                                        <h2 class="text-300 my-0 fs-50 counter-wrapper">
                                        <span class="odometer text-dark fw-medium number-counter" data-count="20"></span>
                                        <span class="fs-50 text-300 mb-0 plus-icon-counter">+</span>
                                    </h2>
                                                                            <p class="fs-6 mb-0 text-dark">Satisfied Clients</p>
                                                                    </div>
                            </div>
                        </div>
                                    </div>
            </div>
                            <div class="background position-absolute top-0 start-0 w-100 h-100 filter-invert" data-background="https://www.mwaheed.com/storage/code/general/static-bg.png"></div>
                    </div>
    </div>
</div>
<style>
        .shortcode-lazy-loading {
            position: relative;
            min-height: 12rem;
        }

        .loading-spinner {
            align-items: center;
            background: hsla(0, 0%, 100%, 0.5);
            display: flex;
            height: 100%;
            inset-inline-start: 0;
            justify-content: center;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1;

            &:after {
                animation: loading-spinner-rotation 0.5s linear infinite;
                border-color: var(--primary-color) transparent var(--primary-color) transparent;
                border-radius: 50%;
                border-style: solid;
                border-width: 1px;
                content: ' ';
                display: block;
                height: 40px;
                position: absolute;
                top: calc(50% - 20px);
                width: 40px;
                z-index: 1;
            }
        }

        @keyframes loading-spinner-rotation {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }
    </style>

<div class="shortcode-lazy-loading" data-name="services" data-attributes="{&quot;style&quot;:&quot;2&quot;,&quot;title&quot;:&quot;Designing solutions &lt;span class=&#039;text-300&#039;&gt;customized&lt;br&gt;to meet your requirements&lt;\/span&gt;&quot;,&quot;subtitle&quot;:&quot;Cooperation&quot;,&quot;service_ids&quot;:&quot;1,2,3,4,5,6&quot;,&quot;bottom_text&quot;:&quot;Excited to take on &lt;span class=&#039;text-dark&#039;&gt;new projects&lt;\/span&gt; and collaborate. &lt;br&gt;Let&#039;s chat about your ideas. &lt;a href=&#039;https:\/\/wa.me\/971528841989&#039; class=&#039;text-primary-2&#039;&gt;Reach out!&lt;\/a&gt;&quot;,&quot;show_image_on_hover&quot;:&quot;yes&quot;}">
    <div class="loading-spinner"></div>
</div>
<div class="shortcode-lazy-loading" data-name="experience" data-attributes="{&quot;title&quot;:&quot;+8 &lt;span&gt;years of&lt;\/span&gt; passion &lt;span&gt;for &lt;br \/&gt; programming techniques&lt;\/span&gt;&quot;,&quot;subtitle&quot;:&quot;Experience&quot;,&quot;role_title&quot;:&quot;Senior Software Developer and Teacher&quot;,&quot;role_description&quot;:&quot;Led development of scalable web and mobile applications, &lt;span&gt;improving performance&lt;\/span&gt; and user experience for users. Designed and developed REST APIs and backend systems using PHP and Laravel. Built responsive user interfaces with React, JavaScript, HTML, and CSS. Implemented smart features to improve search and system efficiency. Contributed to teaching and mentoring junior developers, sharing best practices and guiding them in real projects. Worked closely with cross-functional teams to plan, build, and deliver new features on time. Managed full project lifecycle from requirements to deployment, ensuring code quality, security, and system stability.&quot;,&quot;experiences_quantity&quot;:&quot;4&quot;,&quot;experiences_date_1&quot;:&quot;(Gujranwala, Pakistan) JUL 2018 - FEB 2026&quot;,&quot;experiences_title_1&quot;:&quot;Abiding Tech &quot;,&quot;experiences_logo_1&quot;:&quot;abiding-tech-logo.png&quot;,&quot;experiences_date_2&quot;:&quot;(Gujranwala, Pakistan) FEB 2018 - JUN 2018&quot;,&quot;experiences_title_2&quot;:&quot;Getsol&quot;,&quot;experiences_logo_2&quot;:&quot;getsol-logo.jpeg&quot;,&quot;experiences_date_3&quot;:&quot;(Gujranwala, Pakistan) NOV 2017 - FEB 2018 &quot;,&quot;experiences_title_3&quot;:&quot;Eagale Soft&quot;,&quot;experiences_logo_3&quot;:&quot;eagalesoft-logo.jpeg&quot;,&quot;experiences_date_4&quot;:&quot;(Lahore, Pakistan) AUG 2017 - NOV 2017&quot;,&quot;experiences_title_4&quot;:&quot;Next Step College&quot;,&quot;experiences_logo_4&quot;:&quot;nextstepcollege.png&quot;,&quot;skills_quantity&quot;:&quot;5&quot;,&quot;skills_name_1&quot;:&quot;PHP&quot;,&quot;skills_name_2&quot;:&quot;Laravel&quot;,&quot;skills_name_3&quot;:&quot;React.js&quot;,&quot;skills_name_4&quot;:&quot;HTML, CSS, JS, Bootstrap&quot;,&quot;skills_name_5&quot;:&quot;Android App Dev&quot;,&quot;background_image&quot;:&quot;code\/general\/services-bg.png&quot;}">
    <div class="loading-spinner"></div>
</div>
<div class="shortcode-lazy-loading" data-name="resume" data-attributes="{&quot;style&quot;:&quot;2&quot;,&quot;resume_1_title&quot;:&quot;Education&quot;,&quot;resume_1_title_icon&quot;:&quot;ti ti-school&quot;,&quot;resume_1_quantity&quot;:&quot;1&quot;,&quot;resume_1_time_1&quot;:&quot;2015 - 2017&quot;,&quot;resume_1_title_1&quot;:&quot;Master of Computer Science&quot;,&quot;resume_1_subtitle_1&quot;:&quot;University of Management and Technology&quot;,&quot;resume_1_image_1&quot;:&quot;unnamed.png&quot;,&quot;resume_2_title&quot;:&quot;Experience&quot;,&quot;resume_2_title_icon&quot;:&quot;ti ti-stars&quot;,&quot;resume_2_quantity&quot;:&quot;4&quot;,&quot;resume_2_time_1&quot;:&quot;JUL 2018 - FEB 2026&quot;,&quot;resume_2_title_1&quot;:&quot;App &amp; Web Developer (Also Teacher)&quot;,&quot;resume_2_subtitle_1&quot;:&quot;Self Employed &quot;,&quot;resume_2_time_2&quot;:&quot;FEB 2018 - JUN 2018&quot;,&quot;resume_2_title_2&quot;:&quot;Web &amp; App Developer&quot;,&quot;resume_2_subtitle_2&quot;:&quot;Creative Team&quot;,&quot;resume_2_time_3&quot;:&quot;NOV 2017 - FEB 2018&quot;,&quot;resume_2_title_3&quot;:&quot;Android App Development&quot;,&quot;resume_2_time_4&quot;:&quot;Next Step College&quot;,&quot;resume_2_title_4&quot;:&quot;Web &amp; Android Development Teacher&quot;,&quot;resume_2_subtitle_4&quot;:&quot;Permanent Faculty&quot;}">
    <div class="loading-spinner"></div>
</div>
<div class="shortcode-lazy-loading" data-name="projects" data-attributes="{&quot;style&quot;:&quot;2&quot;,&quot;title&quot;:&quot;My Recent Works&quot;,&quot;subtitle&quot;:&quot;Projects&quot;,&quot;project_ids&quot;:&quot;1,2,3,4,5,6,7,8,9,10&quot;,&quot;background_image&quot;:&quot;code\/general\/projects-bg.png&quot;}">
    <div class="loading-spinner"></div>
</div>
<div class="shortcode-lazy-loading" data-name="skills" data-attributes="{&quot;style&quot;:&quot;2&quot;,&quot;title&quot;:&quot;My Skills&quot;,&quot;subtitle&quot;:&quot;Projects&quot;,&quot;quantity&quot;:&quot;10&quot;,&quot;name_1&quot;:&quot;PHP&quot;,&quot;image_1&quot;:&quot;php.png&quot;,&quot;name_2&quot;:&quot;Laravel&quot;,&quot;image_2&quot;:&quot;laravel-icon.jpeg&quot;,&quot;name_3&quot;:&quot;MySql&quot;,&quot;image_3&quot;:&quot;mysql.jpg&quot;,&quot;name_4&quot;:&quot;React.js&quot;,&quot;image_4&quot;:&quot;reactjs.png&quot;,&quot;name_5&quot;:&quot;Bootstrap&quot;,&quot;image_5&quot;:&quot;bs.png&quot;,&quot;name_6&quot;:&quot;HTML&quot;,&quot;image_6&quot;:&quot;html.png&quot;,&quot;name_7&quot;:&quot;CSS&quot;,&quot;image_7&quot;:&quot;css.jpg&quot;,&quot;name_8&quot;:&quot;JS&quot;,&quot;image_8&quot;:&quot;jsas.png&quot;,&quot;name_9&quot;:&quot;Android&quot;,&quot;image_9&quot;:&quot;android.png&quot;,&quot;name_10&quot;:&quot;Flutter&quot;,&quot;list_quantity&quot;:&quot;6&quot;,&quot;list_label_1&quot;:&quot;Front-End&quot;,&quot;list_content_1&quot;:&quot;HTML, CSS, JavaScript, React, Bootstrap&quot;,&quot;list_label_2&quot;:&quot;Back-End&quot;,&quot;list_content_2&quot;:&quot;PHP, Laravel&quot;,&quot;list_label_3&quot;:&quot;Databases&quot;,&quot;list_content_3&quot;:&quot;MySQL, Firebase&quot;,&quot;list_label_4&quot;:&quot;Tools &amp; Platforms&quot;,&quot;list_content_4&quot;:&quot;Git, VS Code, Android Studio, Xcode&quot;,&quot;list_label_5&quot;:&quot;Others&quot;,&quot;list_content_5&quot;:&quot;RESTful APIs, Agile Methodologies&quot;,&quot;list_label_6&quot;:&quot;Mobile App Development&quot;,&quot;list_content_6&quot;:&quot;Android &amp; iOS, XML, Java, Firebase, SQLite, APIs, MQTT (Realtime Events), Play Store &amp; App Store Deployment&quot;}">
    <div class="loading-spinner"></div>
</div>
<div class="shortcode-lazy-loading" data-name="blog-posts" data-attributes="{&quot;style&quot;:&quot;2&quot;,&quot;paginate&quot;:&quot;3&quot;,&quot;title&quot;:&quot;Recent blog&quot;,&quot;subtitle&quot;:&quot;Latest Posts&quot;}">
    <div class="loading-spinner"></div>
</div>
<section id="contact" class="section-contact-2 position-relative pb-60 overflow-hidden">
    <div class="container position-relative z-1">
        <div class="row align-items-center">
            <div class="pb-5 pb-lg-0 col-lg-7">
                <div class="position-relative">
                    <div class="position-relative z-2">
                                                    <h3 class="text-primary-2 mb-3">Let's connect</h3>
                                                                        <form method="POST" action="https://www.mwaheed.com/contact/send" accept-charset="UTF-8" id="botble-contact-forms-fronts-contact-form" class="contact-form dirty-check"><input name="_token" type="hidden" value="a9VHLOekWPsutCH95AUZxfP8OW2pNI7u9cXBxyu5">

    

            
        
            
        
            
        <input class="form-control" data-counter="250" name="required_fields" type="hidden" value="email,subject">
    



        
            
        <input class="form-control" data-counter="250" name="display_fields" type="hidden" value="phone,email,subject,address">
    



        
            
        <div class="contact-form-row row">

                
                            
            
                            
        
            
        <div class="contact-column-6 col-md-6 contact-field-name_wrapper">

                
                            
            
                            
        
            
        <div class="contact-form-group" >
                        
                                                <label class="form-label mb-3 mt-3 text-dark required" for="name">
    Name

    
    </label>
                            
                            
                <input class="form-control bg-3 border border-1 rounded-3" placeholder="Your Name" required="required" name="name" type="text" id="name">

                
                            
            
                                    </div>
    
        
            
        </div>

                
                            
            
                            
        
            
        <div class="contact-column-6 col-md-6 contact-field-email_wrapper">

                
                            
            
                            
        
            
        <div class="contact-form-group" >
                        
                                                <label class="form-label mb-3 mt-3 text-dark required" for="email">
    Email

    
    </label>
                            
                            
                <input class="form-control bg-3 border border-1 rounded-3" placeholder="Your Email" required="required" name="email" type="email" id="email">

                
                            
            
                                    </div>
    
        
            
        </div>

                
                            
            
                            
        
            
        <div class="contact-column-6 col-md-6 contact-field-address_wrapper">

                
                            
            
                            
        
            
        <div class="contact-form-group" >
                        
                                                <label class="form-label mb-3 mt-3 text-dark" for="address">
    Address

    
    </label>
                            
                            
                <input class="form-control bg-3 border border-1 rounded-3" placeholder="Your Address" name="address" type="text" id="address">

                
                            
            
                                    </div>
    
        
            
        </div>

                
                            
            
                            
        
            
        <div class="contact-column-6 col-md-6 contact-field-phone_wrapper">

                
                            
            
                            
        
            
        <div class="contact-form-group" >
                        
                                                <label class="form-label mb-3 mt-3 text-dark" for="phone">
    Phone

    
    </label>
                            
                            
                <input class="form-control bg-3 border border-1 rounded-3" placeholder="Your Phone" name="phone" type="text" id="phone">

                
                            
            
                                    </div>
    
        
            
        </div>

                
                            
            
                            
        
            
        <div class="contact-column-12 col-md-12 contact-field-subject_wrapper">

                
                            
            
                            
        
            
        <div class="contact-form-group" >
                        
                                                <label class="form-label mb-3 mt-3 text-dark required" for="subject">
    Subject

    
    </label>
                            
                            
                <input class="form-control bg-3 border border-1 rounded-3" placeholder="Subject" required="required" name="subject" type="text" id="subject">

                
                            
            
                                    </div>
    
        
            
        </div>

                
                            
            
                            
        
            
        </div>

                
                            
            
                            
        
            
        <div class="contact-form-group" >
                        
                                                <label class="form-label mb-3 mt-3 text-dark required" for="content">
    Message

    
    </label>
                            
                            
                <textarea class="form-control bg-3 border border-1 rounded-3" rows="3" placeholder="Your Message" required="required" id="content" name="content" cols="50"></textarea>

                
                            
            
                                    </div>
    
        
            
        <div class="contact-form-group" >
                        
            
                            
                <input type="hidden" name="agree_terms_and_policy" value="0">

    <label  class="mb-3 mt-3 text-dark required form-check">
    <input
        type="checkbox" id="agree_terms_and_policy_243f28785407323f2c450d79cc588bc4" name="agree_terms_and_policy" class="form-check-input bg-3 border border-1 rounded-3" required="required"
        value="1"
            >

            <span class="form-check-label">
            I agree to the Terms and Privacy Policy
        </span>
    
    </label>

                
                            
            
                                    </div>
    
        
            
        
            
        <div class="contact-form-group">

                
                            
            
                            
        
            
        
            
        </div>

                
                            
            
                            
        
            
        <div class="contact-form-group">

                
                            
            
                            
        
            
        <div class="contact-message contact-success-message" style="display: none"></div>
    <div class="contact-message contact-error-message" style="display: none"></div>

                
                            
            
                            
        
            
        </div>

                
                            
            
                            
        
            
        
            
        <button class="btn btn-primary-2 rounded-2 mt-3" type="submit">Send Message<i class="ri-arrow-right-up-line"></i></button>

        
    
    

    </form>

    
                    </div>
                    <div class="z-0 bg-primary-dark rectangle-bg z-1 rounded-3"></div>
                </div>
            </div>
                            <div class="col-lg-5 d-flex flex-column ps-lg-8">
                                            <div class="d-flex align-items-center mb-3 position-relative d-inline-flex">
                                                            <div class="d-inline-block">
                                    <div class="icon-flip flex-nowrap icon-shape icon-xxl border border-1 rounded-3 bg-3">
                                        <svg class="icon text-primary-2 svg-icon-ti-ti-phone"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" />
</svg>                                    </div>
                                </div>
                                                        <div class="ps-3 h-100">
                                                                    <span class="text-400 fs-6">Phone</span>
                                                                                                    <h6 class="mb-0">+971 52 884 1989</h6>
                                                            </div>
                                                            <a href="tel:+971 52 884 1989" class="position-absolute top-0 start-0 w-100 h-100" title="Phone"></a>
                                                    </div>
                                            <div class="d-flex align-items-center mb-3 position-relative d-inline-flex">
                                                            <div class="d-inline-block">
                                    <div class="icon-flip flex-nowrap icon-shape icon-xxl border border-1 rounded-3 bg-3">
                                        <svg class="icon text-primary-2 svg-icon-ti-ti-mail"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z" />
  <path d="M3 7l9 6l9 -6" />
</svg>                                    </div>
                                </div>
                                                        <div class="ps-3 h-100">
                                                                    <span class="text-400 fs-6">Email</span>
                                                                                                    <h6 class="mb-0">dadag38@gmail.com</h6>
                                                            </div>
                                                            <a href="mailto:dadag38@gmail.com" class="position-absolute top-0 start-0 w-100 h-100" title="Email"></a>
                                                    </div>
                                            <div class="d-flex align-items-center mb-3 position-relative d-inline-flex">
                                                            <div class="d-inline-block">
                                    <div class="icon-flip flex-nowrap icon-shape icon-xxl border border-1 rounded-3 bg-3">
                                        <svg class="icon text-primary-2 svg-icon-ti-ti-brand-whatsapp"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9" />
  <path d="M9 10a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1" />
</svg>                                    </div>
                                </div>
                                                        <div class="ps-3 h-100">
                                                                    <span class="text-400 fs-6">Whatsapp</span>
                                                                                                    <h6 class="mb-0">Muhammad Waheed</h6>
                                                            </div>
                                                            <a href="https://wa.me/971528841989" class="position-absolute top-0 start-0 w-100 h-100" title="Whatsapp"></a>
                                                    </div>
                                            <div class="d-flex align-items-center mb-3 position-relative d-inline-flex">
                                                            <div class="d-inline-block">
                                    <div class="icon-flip flex-nowrap icon-shape icon-xxl border border-1 rounded-3 bg-3">
                                        <svg class="icon text-primary-2 svg-icon-ti-ti-map"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M3 7l6 -3l6 3l6 -3v13l-6 3l-6 -3l-6 3v-13" />
  <path d="M9 4v13" />
  <path d="M15 7v13" />
</svg>                                    </div>
                                </div>
                                                        <div class="ps-3 h-100">
                                                                    <span class="text-400 fs-6">Address</span>
                                                                                                    <h6 class="mb-0">al quoz one opposite oasis mall</h6>
                                                            </div>
                                                            <a href="https://maps.app.goo.gl/7byXbkDUj1yAwJaq9" class="position-absolute top-0 start-0 w-100 h-100" title="Address"></a>
                                                    </div>
                                    </div>
                    </div>
    </div>
</section>
</div>


        

        <footer>
        <div class="section-footer-2 position-relative">
            <div class="container position-relative z-1 border-top border-1 pb-2 pt-4 text-center">
                <a class="d-flex main-logo align-items-center d-inline-flex" href="https://www.mwaheed.com">
        <img src="https://www.mwaheed.com/storage/favicon.png" data-bb-lazy="false" style="max-height: 40px" alt="Muhammad Waheed - Web &amp; App developer">
                    <span class="fs-4 ms-2 site-name-text text-white-keep">Waheed.dev</span>
            </a>

<div class="navbar-social d-flex justify-content-center gap-3 my-2">
                            <a href="https://www.facebook.com/W4188247"  href="https://www.facebook.com/W4188247" title="Facebook" target="_blank">
                    <svg class="icon  svg-icon-ti-ti-brand-facebook"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" />
</svg>                </a>
                            <a href="https://www.linkedin.com/in/waheedofficial38/"  href="https://www.linkedin.com/in/waheedofficial38/" title="Linkedin" target="_blank">
                    <svg class="icon  svg-icon-ti-ti-brand-linkedin"
  xmlns="http://www.w3.org/2000/svg"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M8 11v5" />
  <path d="M8 8v.01" />
  <path d="M12 16v-5" />
  <path d="M16 16v-3a2 2 0 1 0 -4 0" />
  <path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" />
</svg>                </a>
                    </div>
    <div class="navigation align-items-center justify-content-center flex-wrap gap-4 my-4 d-flex">
                        <a href="https://www.mwaheed.com" class="fs-6" >
                Home
            </a>
                                <a href="https://www.mwaheed.com/services" class="fs-6" >
                Services
            </a>
                                <a href="https://www.mwaheed.com/pricing" class="fs-6" >
                Pricing
            </a>
                                <a href="https://www.mwaheed.com/blog" class="fs-6" >
                Blog
            </a>
                                <a href="https://www.mwaheed.com/contact" class="fs-6" >
                Contact
            </a>
            </div>

            </div>
        </div>
    </footer>

<div class="btn-scroll-top style-btn-2">
    <svg class="progress-square svg-content" width="100%" height="100%" viewBox="0 0 40 40">
        <path d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z" />
    </svg>
</div>



        <script data-pagespeed-no-defer="1" src="https://www.mwaheed.com/themes/zelio/js/vendors/jquery-3.7.1.min.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/bootstrap.bundle.min.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/swiper-bundle.min.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/aos.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/wow.min.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/headhesive.min.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/smart-stick-nav.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/jquery.magnific-popup.min.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/gsap.min.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/imagesloaded.pkgd.min.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/isotope.pkgd.min.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/ScrollToPlugin.min.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/ScrollTrigger.min.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/jquery.carouselTicker.min.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/slick.min.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/jquery.appear.js?v=1.1.7.4"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/gsap-custom.js?v=1.1.7.4"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/imageRevealHover.js?v=1.1.7.4"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/aat.min.js"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/vendors/color-modes.js?v=1.1.7.4"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/main.js?v=1.1.7.4"></script>
<script src="https://www.mwaheed.com/themes/zelio/js/theme.js?v=1.1.7.4"></script>
<script src="https://www.mwaheed.com/vendor/core/plugins/contact/js/contact-public.js?v=1.0.1"></script>
<script src="https://www.mwaheed.com/vendor/core/core/js-validation/js/js-validation.js?v=1.0.1"></script>
<script>
    jQuery(document).ready(function() {
        'use strict';
        $("#botble-contact-forms-fronts-contact-form").each(function() {
            $(this).validate({
                errorElement: 'div',
                errorClass: 'invalid-feedback',

                errorPlacement: function(error, element) {
                    if (element.closest('[data-bb-toggle="tree-checkboxes"]').length) {
                        error.insertAfter(element.closest('[data-bb-toggle="tree-checkboxes"]'));
                    } else if (element.parent('.input-group').length || element.prop('type') === 'checkbox' || element.prop('type') === 'radio') {
                        error.insertAfter(element.parent());
                    } else if ($(element).data('select2')) {
                        error.insertAfter(element.next('span'));
                    } else {
                        error.insertAfter(element);
                    }
                },

                highlight: function(element) {
                    $(element).closest('.form-control').removeClass('is-valid').addClass('is-invalid');
                },

                
                unhighlight: function(element) {
                    $(element).closest('.form-control').removeClass('is-invalid').addClass('is-valid');
                },

                success: function(element) {
                    $(element).closest('.form-control').removeClass('is-invalid').addClass('is-valid');
                },

                focusInvalid: false,
                
                rules: JSON.parse('{\u0022name\u0022:{\u0022laravelValidation\u0022:[[\u0022Required\u0022,[],\u0022The Name field is required.\u0022,true],[\u0022String\u0022,[],\u0022The Name must be a string.\u0022,false],[\u0022Max\u0022,[\u002240\u0022],\u0022The Name must not be greater than 40 characters.\u0022,false]]},\u0022email\u0022:{\u0022laravelValidation\u0022:[[\u0022Required\u0022,[],\u0022The Email field is required.\u0022,true],[\u0022Max\u0022,[\u002280\u0022],\u0022The Email must not be greater than 80 characters.\u0022,false]],\u0022laravelValidationRemote\u0022:[[{},[\u0022email\u0022,\u0022eyJpdiI6IkdvMW1uSU95OWJGRU9nTWt3MEV5ekE9PSIsInZhbHVlIjoiZ29rMkF5R1N1d0NlQTdIalhiRTkxaTZQMXVYS2c4SC8rZ3EyVGkzd0pnazNLUXlEWm81YnhBcFJ3MGowVW1LeDFHL25aV1VOQ2t5M3dlUmVZd3V1MHc9PSIsIm1hYyI6IjI0YmVlN2MyYzE3NGI3NjIwMDI1MmJkOTIxYjBhNDg0YTQ3M2RjY2UxZTYyYjVjNmRlMDU4OGM2MDAxYWU3YTgiLCJ0YWciOiIifQ==\u0022,false],\u0022validation.illuminate\\\\_validation\\\\_invokable_validation_rule\u0022,false]]},\u0022content\u0022:{\u0022laravelValidation\u0022:[[\u0022Required\u0022,[],\u0022The Content field is required.\u0022,true],[\u0022String\u0022,[],\u0022The Content must be a string.\u0022,false],[\u0022Max\u0022,[\u002210000\u0022],\u0022The Content must not be greater than 10000 characters.\u0022,false]]},\u0022phone\u0022:{\u0022laravelValidation\u0022:[[\u0022Nullable\u0022,[],\u0022validation.nullable\u0022,false]],\u0022laravelValidationRemote\u0022:[[{},[\u0022phone\u0022,\u0022eyJpdiI6IkdvMW1uSU95OWJGRU9nTWt3MEV5ekE9PSIsInZhbHVlIjoiZ29rMkF5R1N1d0NlQTdIalhiRTkxaTZQMXVYS2c4SC8rZ3EyVGkzd0pnazNLUXlEWm81YnhBcFJ3MGowVW1LeDFHL25aV1VOQ2t5M3dlUmVZd3V1MHc9PSIsIm1hYyI6IjI0YmVlN2MyYzE3NGI3NjIwMDI1MmJkOTIxYjBhNDg0YTQ3M2RjY2UxZTYyYjVjNmRlMDU4OGM2MDAxYWU3YTgiLCJ0YWciOiIifQ==\u0022,false],\u0022validation.illuminate\\\\_validation\\\\_invokable_validation_rule\u0022,false]]},\u0022address\u0022:{\u0022laravelValidation\u0022:[[\u0022Nullable\u0022,[],\u0022validation.nullable\u0022,false],[\u0022String\u0022,[],\u0022The Address must be a string.\u0022,false],[\u0022Max\u0022,[\u0022500\u0022],\u0022The Address must not be greater than 500 characters.\u0022,false]]},\u0022subject\u0022:{\u0022laravelValidation\u0022:[[\u0022Required\u0022,[],\u0022The Subject field is required.\u0022,true],[\u0022String\u0022,[],\u0022The Subject must be a string.\u0022,false],[\u0022Max\u0022,[\u0022500\u0022],\u0022The Subject must not be greater than 500 characters.\u0022,false]]},\u0022agree_terms_and_policy\u0022:{\u0022laravelValidation\u0022:[[\u0022Required\u0022,[],\u0022The Agree terms and policy field is required.\u0022,true],[\u0022Accepted\u0022,[\u00221\u0022],\u0022You must agree to the terms and policy.\u0022,true]]}}')
            });
        });
    });
</script>
<script src="https://www.mwaheed.com/vendor/core/plugins/language/js/language-public.js?v=2.2.0"></script>



<!-- Global site tag (gtag.js) - Google Analytics -->
    <script async defer src='https://www.googletagmanager.com/gtag/js?id=G-SSDQ3RH0P3'></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-SSDQ3RH0P3');
    </script>

<script src="https://www.mwaheed.com/vendor/core/plugins/announcement/js/announcement.js?v=1.1.7"></script><script>
        var lazyLoadShortcodeBlocks = function () {
            document.querySelectorAll('.shortcode-lazy-loading').forEach(function (element) {
                var name = element.getAttribute('data-name');
                var attributes = JSON.parse(element.getAttribute('data-attributes'));

                const url = 'https://www.mwaheed.com/ajax/render-ui-blocks';
                const csrfToken = 'a9VHLOekWPsutCH95AUZxfP8OW2pNI7u9cXBxyu5';

                fetch(url, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'Accept': 'application/json',
                        'X-CSRF-TOKEN': csrfToken
                    },
                    body: JSON.stringify({
                        name,
                        attributes: {
                            ...attributes
                        }
                    })
                })
                    .then(response => {
                        if (!response.ok) {
                            throw new Error('Network response was not ok');
                        }
                        return response.json();
                    })
                    .then(({ error, data }) => {
                        if (error) {
                            return;
                        }

                        element.outerHTML = data;

                        document.dispatchEvent(new CustomEvent('shortcode.loaded', {
                            detail: {
                                name,
                                attributes,
                                html: data
                            }
                        }));

                        if (typeof Theme !== 'undefined' && typeof Theme.lazyLoadInstance !== 'undefined') {
                            Theme.lazyLoadInstance.update()
                        }
                    })
                    .catch(error => {
                        console.error('Fetch error:', error);
                    });
            });
        };

        window.addEventListener('load', function () {
            lazyLoadShortcodeBlocks();
        });
    </script>
<style>
.site-notice {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px;
    z-index: 99999;
    display: none;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}
.site-notice.site-notice--visible {
    display: block;
}
.site-notice.site-notice-full-width .site-notice-body {
    margin: 0 auto;
}
.site-notice.site-notice-minimal {
    padding: 0;
    right: unset;
    border-radius: 5px;
    bottom: 1em;
    flex-direction: column;
    left: 1em;
}
.site-notice.site-notice-minimal .site-notice-body {
    margin: 0 16px 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-width: 400px !important;
}
.site-notice.site-notice-minimal .site-notice__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 4px;
}
.site-notice.site-notice-minimal .site-notice__message {
    font-size: 13px;
    line-height: 1.5;
    padding: 12px 12px 0;
}
.site-notice.site-notice-minimal .site-notice__actions {
    margin: 0;
    padding: 8px 12px 12px;
    justify-content: flex-end;
    gap: 8px;
}
.site-notice.site-notice-minimal .site-notice__actions button {
    min-width: auto;
    padding: 6px 12px;
    font-size: 12px;
}
.site-notice.site-notice-minimal .site-notice__categories {
    padding: 12px;
    margin-top: 0;
}
.site-notice.site-notice-minimal .site-notice__categories .cookie-category {
    padding: 8px;
    margin-bottom: 8px;
}
.site-notice.site-notice-minimal .site-notice__categories .cookie-category:last-child {
    margin-bottom: 0;
}
.site-notice.site-notice-minimal .site-notice__categories .cookie-category__description {
    font-size: 12px;
}
.site-notice.site-notice-minimal .site-notice__categories .cookie-consent__save {
    padding: 8px 0 0;
    margin-top: 8px;
}
.site-notice.site-notice-minimal .site-notice__categories .cookie-consent__save .cookie-consent__save-button {
    font-size: 12px;
    padding: 6px 12px;
}
.site-notice .site-notice-body {
    padding: 8px 15px;
    border-radius: 4px;
}
.site-notice .site-notice__inner {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.site-notice .site-notice__message {
    margin: 0;
    line-height: 1.4;
    font-size: 14px;
    flex: 1;
    min-width: 200px;
}
.site-notice .site-notice__message a {
    color: inherit;
    text-decoration: underline;
}
.site-notice .site-notice__message a:hover {
    text-decoration: none;
}
.site-notice .site-notice__categories {
    display: none;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.site-notice .site-notice__categories .cookie-category {
    margin-bottom: 1rem;
    padding: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}
.site-notice .site-notice__categories .cookie-category__label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
}
.site-notice .site-notice__categories .cookie-category__label input[type="checkbox"] {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-size: initial;
    height: initial;
    width: auto;
}
.site-notice .site-notice__categories .cookie-category__label input[type="checkbox"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.site-notice .site-notice__categories .cookie-category__name {
    font-weight: bold;
}
.site-notice .site-notice__categories .cookie-category__description {
    margin: 0;
    font-size: 0.9em;
    opacity: 0.8;
}
.site-notice .site-notice__categories .cookie-consent__save {
    margin-top: 1rem;
    padding: .75rem;
}
[dir="rtl"] .site-notice .site-notice__categories .cookie-consent__save {
    text-align: left;
}
.site-notice .site-notice__categories .cookie-consent__save .cookie-consent__save-button {
    padding: 6px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 13px;
    min-width: 100px;
    text-align: center;
    font-weight: bold;
}
.site-notice .site-notice__categories .cookie-consent__save .cookie-consent__save-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.site-notice .site-notice__categories .cookie-consent__save .cookie-consent__save-button:active {
    transform: translateY(0);
}
.site-notice .site-notice__actions {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: auto;
}
[dir="rtl"] .site-notice .site-notice__actions {
    margin-left: 0;
    margin-right: auto;
}
.site-notice .site-notice__actions button {
    padding: 6px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 13px;
    min-width: 100px;
    text-align: center;
}
.site-notice .site-notice__actions button:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.site-notice .site-notice__actions button:active {
    transform: translateY(0);
}
.site-notice .cookie-consent__actions .site-notice__reject {
    font-weight: 500;
    opacity: 0.95;
}
.site-notice .cookie-consent__actions .site-notice__reject:hover {
    opacity: 1;
}
.site-notice .cookie-consent__actions .site-notice__customize {
    font-weight: 500;
    opacity: 0.95;
}
.site-notice .cookie-consent__actions .site-notice__customize:hover {
    opacity: 1;
}
.site-notice .cookie-consent__actions .site-notice__customize.active {
    opacity: 0.8;
    transform: translateY(0);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.site-notice .cookie-consent__actions .site-notice__agree {
    font-weight: bold;
    position: relative;
}
.site-notice .cookie-consent__actions .site-notice__agree:before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
    z-index: -1;
}
@media (max-width: 767px) {
    .site-notice .site-notice__inner {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }
    [dir="rtl"] .site-notice .site-notice__inner {
        flex-direction: column;
    }
    .site-notice .site-notice__actions {
        justify-content: stretch;
        margin-left: 0;
    }
    [dir="rtl"] .site-notice .site-notice__actions {
        margin-right: 0;
    }
    .site-notice .site-notice__actions button {
        flex: 1;
    }
}
</style>

<div
    class="js-site-notice site-notice site-notice-full-width"
    style="background-color: #000; color: #fff;"
    dir="ltr"
    data-nosnippet
>
    <div
        class="site-notice-body"
        style="max-width: 1170px;"
    >
        <div class="site-notice__inner">
            <div class="site-notice__message">
                Your experience on this site will be improved by allowing cookies.
                                    <a href="https://www.mwaheed.com/cookie-policy">Cookie Policy</a>
                            </div>

            <div class="site-notice__actions">
                                                <button
                    class="js-site-notice-agree site-notice__agree"
                    style="background-color: #000; color: #fff; border: 1px solid #fff;"
                >
                    Accept cookies
                </button>
            </div>
        </div>

                    <div class="site-notice__categories">
                                    <div class="cookie-category">
                        <label class="cookie-category__label">
                            <input type="checkbox"
                                name="cookie_category[]"
                                value="essential"
                                class="js-cookie-category"
                                 checked disabled                             >
                            <span class="cookie-category__name">Essential</span>
                        </label>
                        <p class="cookie-category__description">These cookies are essential for the website to function properly.</p>
                    </div>
                                    <div class="cookie-category">
                        <label class="cookie-category__label">
                            <input type="checkbox"
                                name="cookie_category[]"
                                value="analytics"
                                class="js-cookie-category"
                                                            >
                            <span class="cookie-category__name">Analytics</span>
                        </label>
                        <p class="cookie-category__description">These cookies help us understand how visitors interact with the website.</p>
                    </div>
                                    <div class="cookie-category">
                        <label class="cookie-category__label">
                            <input type="checkbox"
                                name="cookie_category[]"
                                value="marketing"
                                class="js-cookie-category"
                                                            >
                            <span class="cookie-category__name">Marketing</span>
                        </label>
                        <p class="cookie-category__description">These cookies are used to deliver personalized advertisements.</p>
                    </div>
                
                <div class="site-notice__save">
                    <button
                        class="js-site-notice-save site-notice__save-button"
                        style="background-color: #000; color: #fff; border: 1px solid #fff;"
                    >
                        Save preferences
                    </button>
                </div>
            </div>
            </div>
</div>

<div data-site-cookie-name="cookie_for_consent"></div>
<div data-site-cookie-lifetime="7300"></div>
<div data-site-cookie-domain="www.mwaheed.com"></div>
<div data-site-session-secure=""></div>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        function checkCookie(name) {
            return document.cookie.split(';').some((item) => item.trim().startsWith(name + '='));
        }

        setTimeout(function() {
            const cookieName = document.querySelector('div[data-site-cookie-name]').getAttribute('data-site-cookie-name') || 'cookie_for_consent';
            if (!checkCookie(cookieName)) {
                const siteNotice = document.querySelector('.js-site-notice');
                if (siteNotice) {
                    siteNotice.classList.add('site-notice--visible');
                }
            }
        }, 1000);
    });

    window.addEventListener('load', function () {
        if (typeof gtag !== 'undefined') {
            gtag('consent', 'default', {
                'ad_storage': 'denied',
                'analytics_storage': 'denied'
            });

            document.addEventListener('click', function(event) {
                if (event.target.classList.contains('js-site-notice-agree')) {
                    const categories = document.querySelectorAll('.js-cookie-category:checked');
                    const consents = {
                        'ad_storage': 'denied',
                        'analytics_storage': 'denied'
                    };

                    categories.forEach(function(category) {
                        if (category.value === 'marketing') {
                            consents.ad_storage = 'granted';
                        }
                        if (category.value === 'analytics') {
                            consents.analytics_storage = 'granted';
                        }
                    });

                    gtag('consent', 'update', consents);
                }
            });
        }

        window.botbleCookieConsent = (function () {
            const COOKIE_NAME = document.querySelector('div[data-site-cookie-name]').getAttribute('data-site-cookie-name') || 'cookie_for_consent';
            const COOKIE_DOMAIN = document.querySelector('div[data-site-cookie-domain]').getAttribute('data-site-cookie-domain') || window.location.hostname;
            const COOKIE_LIFETIME = parseInt(document.querySelector('div[data-site-cookie-lifetime]').getAttribute('data-site-cookie-lifetime') || '36000', 10);
            const SESSION_SECURE = document.querySelector('div[data-site-session-secure]').getAttribute('data-site-session-secure') || '';

            const cookieDialog = document.querySelector('.js-site-notice');
            const cookieCategories = document.querySelector('.site-notice__categories');
            const customizeButton = document.querySelector('.js-site-notice-customize');

            if (cookieDialog) {
                if (cookieCategories) {
                    cookieCategories.style.display = 'none';
                }

                if (!cookieExists(COOKIE_NAME)) {
                    setTimeout(function() {
                        cookieDialog.classList.add('site-notice--visible');
                    }, 800);
                }
            }

            function consentWithCookies() {
                const categories = {};
                document.querySelectorAll('.js-cookie-category:checked').forEach(function(checkbox) {
                    categories[checkbox.value] = true;
                });
                setCookie(COOKIE_NAME, JSON.stringify(categories), COOKIE_LIFETIME);
                hideCookieDialog();
            }

            function savePreferences() {
                consentWithCookies();

                if (cookieCategories) {
                    const slideUpAnimation = cookieCategories.animate(
                        [
                            { opacity: 1, height: cookieCategories.offsetHeight + 'px' },
                            { opacity: 0, height: 0 }
                        ],
                        { duration: 300, easing: 'ease-out' }
                    );

                    slideUpAnimation.onfinish = function() {
                        cookieCategories.style.display = 'none';
                    };
                }

                if (customizeButton) {
                    customizeButton.classList.remove('active');
                }
            }

            function rejectAllCookies() {
                if (cookieExists(COOKIE_NAME)) {
                    document.cookie = COOKIE_NAME +
                        '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; domain=' +
                        COOKIE_DOMAIN +
                        '; path=/' +
                        SESSION_SECURE;
                }

                if (typeof gtag !== 'undefined') {
                    gtag('consent', 'update', {
                        'ad_storage': 'denied',
                        'analytics_storage': 'denied'
                    });
                }

                hideCookieDialog();
            }

            function cookieExists(name) {
                const cookie = getCookie(name);
                return cookie !== null && cookie !== undefined;
            }

            function getCookie(name) {
                const value = `; ${document.cookie}`;
                const parts = value.split(`; ${name}=`);
                if (parts.length === 2) {
                    return parts.pop().split(';').shift();
                }
                return null;
            }

            function hideCookieDialog() {
                if (cookieDialog) {
                    cookieDialog.classList.remove('site-notice--visible');
                    cookieDialog.style.display = 'none';
                }
            }

            function setCookie(name, value, expirationInDays) {
                const date = new Date();
                date.setTime(date.getTime() + expirationInDays * 24 * 60 * 60 * 1000);
                document.cookie =
                    name +
                    '=' +
                    value +
                    ';expires=' +
                    date.toUTCString() +
                    ';domain=' +
                    COOKIE_DOMAIN +
                    ';path=/' +
                    SESSION_SECURE;
            }

            function toggleCustomizeView() {
                if (!cookieCategories) return;

                if (cookieCategories.style.display === 'none') {
                    cookieCategories.style.height = '0';
                    cookieCategories.style.opacity = '0';
                    cookieCategories.style.display = 'block';

                    const height = cookieCategories.scrollHeight;
                    const slideDownAnimation = cookieCategories.animate(
                        [
                            { opacity: 0, height: 0 },
                            { opacity: 1, height: height + 'px' }
                        ],
                        { duration: 300, easing: 'ease-in' }
                    );

                    slideDownAnimation.onfinish = function() {
                        cookieCategories.style.height = 'auto';
                        cookieCategories.style.opacity = '1';
                    };

                    if (customizeButton) {
                        customizeButton.classList.add('active');
                    }
                } else {
                    const slideUpAnimation = cookieCategories.animate(
                        [
                            { opacity: 1, height: cookieCategories.offsetHeight + 'px' },
                            { opacity: 0, height: 0 }
                        ],
                        { duration: 300, easing: 'ease-out' }
                    );

                    slideUpAnimation.onfinish = function() {
                        cookieCategories.style.display = 'none';
                    };

                    if (customizeButton) {
                        customizeButton.classList.remove('active');
                    }
                }
            }

            if (cookieExists(COOKIE_NAME)) {
                hideCookieDialog();
            }

            document.addEventListener('click', function(event) {
                if (event.target.classList.contains('js-site-notice-agree')) {
                    consentWithCookies();
                } else if (event.target.classList.contains('js-site-notice-reject')) {
                    rejectAllCookies();
                } else if (event.target.classList.contains('js-site-notice-customize')) {
                    toggleCustomizeView();
                } else if (event.target.classList.contains('js-site-notice-save')) {
                    savePreferences();
                }
            });

            return {
                consentWithCookies: consentWithCookies,
                rejectAllCookies: rejectAllCookies,
                hideCookieDialog: hideCookieDialog,
                savePreferences: savePreferences,
            };
        })();
    });
</script>


    </body>
</html>
