WebWintechs \u2013 Digital Marketing Agency<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\n<style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n :root {\n --bg: #060810;\n --bg2: #0d1120;\n --bg3: #111827;\n --accent: #00e5ff;\n --accent2: #7c3aed;\n --text: #f0f4ff;\n --muted: #8893aa;\n --card: #111827;\n --border: rgba(255,255,255,0.07);\n --font-head: 'Syne', sans-serif;\n --font-body: 'DM Sans', sans-serif;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: var(--font-body);\n font-size: 16px;\n line-height: 1.7;\n overflow-x: hidden;\n }\n\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.2rem 6%;\n background: rgba(6,8,16,0.85);\n backdrop-filter: blur(14px);\n border-bottom: 1px solid var(--border);\n transition: background 0.3s;\n }\n .logo { font-family: var(--font-head); font-size: 1.55rem; font-weight: 800; letter-spacing: -0.5px; color: var(--text); }\n .logo span { color: var(--accent); }\n .nav-links { display: flex; gap: 2.2rem; list-style: none; }\n .nav-links a { font-size: 0.92rem; font-weight: 500; color: var(--muted); text-decoration: none; letter-spacing: 0.3px; transition: color 0.2s; }\n .nav-links a:hover { color: var(--accent); }\n .nav-cta { background: var(--accent); color: #060810; font-family: var(--font-head); font-weight: 700; font-size: 0.85rem; padding: 0.6rem 1.5rem; border-radius: 50px; text-decoration: none; letter-spacing: 0.3px; transition: opacity 0.2s, transform 0.2s; }\n .nav-cta:hover { opacity: 0.85; transform: translateY(-1px); }\n .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; }\n .hamburger span { display: block; width: 24px; height: 2px; background: var(--text); border-radius: 2px; transition: all 0.3s; }\n\n #hero { min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 8rem 6% 5rem; position: relative; overflow: hidden; }\n .hero-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(0,229,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0,229,255,0.04) 1px, transparent 1px); background-size: 60px 60px; animation: gridMove 20s linear infinite; }\n @keyframes gridMove { to { transform: translateY(60px); } }\n .hero-glow { position: absolute; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(circle, rgba(124,58,237,0.18) 0%, transparent 70%); top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; }\n .hero-content { position: relative; z-index: 1; max-width: 820px; }\n .hero-badge { display: inline-block; background: rgba(0,229,255,0.1); border: 1px solid rgba(0,229,255,0.3); color: var(--accent); font-size: 0.78rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; padding: 0.4rem 1rem; border-radius: 50px; margin-bottom: 1.8rem; animation: fadeUp 0.8s ease both; }\n .hero-title { font-family: var(--font-head); font-size: clamp(2.8rem, 7vw, 5.5rem); font-weight: 800; line-height: 1.05; letter-spacing: -2px; margin-bottom: 1.5rem; animation: fadeUp 0.9s 0.1s ease both; }\n .hero-title .glow { color: var(--accent); text-shadow: 0 0 40px rgba(0,229,255,0.4); }\n .hero-sub { font-size: 1.15rem; color: var(--muted); max-width: 560px; margin: 0 auto 2.5rem; animation: fadeUp 1s 0.2s ease both; }\n .hero-btns { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; animation: fadeUp 1s 0.3s ease both; }\n .btn-primary { background: var(--accent); color: #060810; font-family: var(--font-head); font-weight: 700; font-size: 0.95rem; padding: 0.85rem 2.2rem; border-radius: 50px; text-decoration: none; border: none; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; }\n .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,229,255,0.3); }\n .btn-outline { background: transparent; color: var(--text); font-family: var(--font-head); font-weight: 600; font-size: 0.95rem; padding: 0.85rem 2.2rem; border-radius: 50px; text-decoration: none; border: 1px solid rgba(255,255,255,0.2); cursor: pointer; transition: border-color 0.2s, color 0.2s; }\n .btn-outline:hover { border-color: var(--accent); color: var(--accent); }\n .hero-stats { display: flex; gap: 3rem; justify-content: center; flex-wrap: wrap; margin-top: 4rem; animation: fadeUp 1s 0.4s ease both; }\n .hero-stat h3 { font-family: var(--font-head); font-size: 2.2rem; font-weight: 800; color: var(--accent); }\n .hero-stat p { font-size: 0.85rem; color: var(--muted); margin-top: 0.2rem; }\n @keyframes fadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n\n section { padding: 6rem 6%; }\n .section-tag { display: inline-block; color: var(--accent); font-size: 0.78rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 1rem; }\n .section-title { font-family: var(--font-head); font-size: clamp(2rem, 4.5vw, 3rem); font-weight: 800; letter-spacing: -1px; line-height: 1.1; margin-bottom: 1rem; }\n .section-sub { color: var(--muted); font-size: 1.05rem; max-width: 540px; }\n .text-center { text-align: center; }\n .text-center .section-sub { margin: 0 auto; }\n\n #services { background: var(--bg2); }\n .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin-top: 3.5rem; }\n .service-card { background: var(--bg3); border: 1px solid var(--border); border-radius: 16px; padding: 2rem; transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s; cursor: default; }\n .service-card:hover { transform: translateY(-6px); border-color: rgba(0,229,255,0.3); box-shadow: 0 20px 40px rgba(0,229,255,0.08); }\n .service-icon { width: 52px; height: 52px; border-radius: 12px; background: rgba(0,229,255,0.1); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 1.3rem; }\n .service-card h3 { font-family: var(--font-head); font-size: 1.15rem; font-weight: 700; margin-bottom: 0.6rem; }\n .service-card p { color: var(--muted); font-size: 0.92rem; line-height: 1.65; }\n\n #why { background: var(--bg); }\n .why-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; margin-top: 1rem; }\n .why-visual { position: relative; height: 400px; }\n .why-circle { position: absolute; border-radius: 50%; border: 1px solid rgba(0,229,255,0.15); animation: pulse 4s ease-in-out infinite; }\n .wc1 { width: 100%; height: 100%; top: 0; left: 0; }\n .wc2 { width: 75%; height: 75%; top: 12.5%; left: 12.5%; animation-delay: 0.5s; }\n .wc3 { width: 50%; height: 50%; top: 25%; left: 25%; animation-delay: 1s; }\n .why-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100px; height: 100px; border-radius: 50%; background: rgba(0,229,255,0.12); display: flex; align-items: center; justify-content: center; font-size: 2.5rem; }\n @keyframes pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.03); opacity: 0.7; } }\n .why-list { display: flex; flex-direction: column; gap: 1.4rem; }\n .why-item { display: flex; gap: 1rem; align-items: flex-start; }\n .why-num { flex-shrink: 0; width: 36px; height: 36px; border-radius: 8px; background: rgba(0,229,255,0.1); border: 1px solid rgba(0,229,255,0.25); display: flex; align-items: center; justify-content: center; font-family: var(--font-head); font-size: 0.82rem; font-weight: 800; color: var(--accent); }\n .why-item h4 { font-family: var(--font-head); font-size: 1rem; font-weight: 700; margin-bottom: 0.2rem; }\n .why-item p { color: var(--muted); font-size: 0.9rem; }\n\n #portfolio { background: var(--bg2); }\n .portfolio-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin-top: 3rem; }\n .portfolio-card { border-radius: 16px; overflow: hidden; position: relative; border: 1px solid var(--border); transition: transform 0.3s; cursor: pointer; }\n .portfolio-card:hover { transform: scale(1.02); }\n .portfolio-thumb { height: 200px; display: flex; align-items: center; justify-content: center; font-size: 3rem; }\n .pt1 { background: linear-gradient(135deg, #0d1120 0%, #1a0533 100%); }\n .pt2 { background: linear-gradient(135deg, #031122 0%, #0a2233 100%); }\n .pt3 { background: linear-gradient(135deg, #110d20 0%, #1e1045 100%); }\n .portfolio-info { padding: 1.3rem; background: var(--bg3); }\n .portfolio-info h3 { font-family: var(--font-head); font-size: 1rem; font-weight: 700; }\n .portfolio-info p { color: var(--muted); font-size: 0.85rem; margin-top: 0.25rem; }\n .portfolio-tag { display: inline-block; margin-top: 0.7rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 0.25rem 0.7rem; border-radius: 50px; background: rgba(0,229,255,0.1); color: var(--accent); border: 1px solid rgba(0,229,255,0.2); }\n\n #testimonials { background: var(--bg); }\n .testi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin-top: 3rem; }\n .testi-card { background: var(--bg3); border: 1px solid var(--border); border-radius: 16px; padding: 1.8rem; transition: border-color 0.3s; }\n .testi-card:hover { border-color: rgba(124,58,237,0.4); }\n .stars { color: #fbbf24; font-size: 0.9rem; letter-spacing: 2px; margin-bottom: 1rem; }\n .testi-card blockquote { color: var(--muted); font-size: 0.95rem; line-height: 1.7; font-style: italic; }\n .testi-author { display: flex; align-items: center; gap: 0.8rem; margin-top: 1.3rem; }\n .testi-avatar { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.85rem; flex-shrink: 0; }\n .av1 { background: rgba(124,58,237,0.25); color: #a78bfa; }\n .av2 { background: rgba(0,229,255,0.15); color: var(--accent); }\n .av3 { background: rgba(249,115,22,0.2); color: #fb923c; }\n .testi-author h5 { font-family: var(--font-head); font-size: 0.9rem; font-weight: 700; }\n .testi-author span { font-size: 0.78rem; color: var(--muted); }\n\n #process { background: var(--bg2); }\n .process-steps { display: flex; gap: 0; margin-top: 3.5rem; flex-wrap: wrap; }\n .step { flex: 1; min-width: 180px; text-align: center; padding: 2rem 1.5rem; position: relative; }\n .step:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 60%; background: var(--border); }\n .step-num { font-family: var(--font-head); font-size: 3rem; font-weight: 800; color: rgba(0,229,255,0.12); line-height: 1; margin-bottom: 0.8rem; }\n .step h4 { font-family: var(--font-head); font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; }\n .step p { color: var(--muted); font-size: 0.88rem; }\n\n #contact { background: var(--bg); text-align: center; }\n .contact-wrap { max-width: 600px; margin: 3rem auto 0; background: var(--bg3); border: 1px solid var(--border); border-radius: 20px; padding: 3rem; }\n .form-group { margin-bottom: 1.2rem; text-align: left; }\n .form-group label { display: block; font-size: 0.85rem; font-weight: 500; color: var(--muted); margin-bottom: 0.5rem; }\n .form-group input, .form-group textarea, .form-group select { width: 100%; background: var(--bg2); border: 1px solid var(--border); color: var(--text); font-family: var(--font-body); font-size: 0.95rem; padding: 0.8rem 1rem; border-radius: 10px; outline: none; transition: border-color 0.2s; }\n .form-group input:focus, .form-group textarea:focus, .form-group select:focus { border-color: rgba(0,229,255,0.5); }\n .form-group textarea { resize: vertical; min-height: 120px; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n .form-msg { display: none; margin-top: 1rem; font-size: 0.9rem; color: var(--accent); }\n\n footer { background: var(--bg2); border-top: 1px solid var(--border); padding: 3rem 6%; }\n .footer-inner { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; }\n .footer-brand p { color: var(--muted); font-size: 0.9rem; margin-top: 0.8rem; max-width: 260px; line-height: 1.6; }\n .footer-col h5 { font-family: var(--font-head); font-size: 0.85rem; font-weight: 700; letter-spacing: 1px; margin-bottom: 1rem; color: var(--text); }\n .footer-col a { display: block; color: var(--muted); font-size: 0.88rem; text-decoration: none; margin-bottom: 0.55rem; transition: color 0.2s; }\n .footer-col a:hover { color: var(--accent); }\n .footer-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; padding-top: 2rem; border-top: 1px solid var(--border); font-size: 0.82rem; color: var(--muted); }\n .social-links { display: flex; gap: 0.8rem; }\n .social-links a { width: 36px; height: 36px; border-radius: 8px; border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; color: var(--muted); text-decoration: none; font-size: 0.85rem; transition: border-color 0.2s, color 0.2s; }\n .social-links a:hover { border-color: var(--accent); color: var(--accent); }\n\n @media (max-width: 900px) {\n .why-wrap { grid-template-columns: 1fr; }\n .why-visual { height: 280px; }\n .footer-inner { grid-template-columns: 1fr 1fr; }\n .step:not(:last-child)::after { display: none; }\n .form-row { grid-template-columns: 1fr; }\n }\n @media (max-width: 640px) {\n .nav-links, .nav-cta { display: none; }\n .hamburger { display: flex; }\n nav.open .nav-links { display: flex; flex-direction: column; position: fixed; top: 65px; left: 0; right: 0; background: var(--bg); padding: 2rem; gap: 1.5rem; border-bottom: 1px solid var(--border); }\n nav.open .nav-cta { display: block; margin-top: 0.5rem; text-align: center; }\n .footer-inner { grid-template-columns: 1fr; gap: 2rem; }\n .hero-stats { gap: 2rem; }\n }\n<\/style>\n<\/head>\n<body>\n\n<nav id=\"navbar\">\n <div class=\"logo\">Web<span>Wintechs<\/span><\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#why\">Why Us<\/a><\/li>\n <li><a href=\"#portfolio\">Work<\/a><\/li>\n <li><a href=\"#process\">Process<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <a href=\"#contact\" class=\"nav-cta\">Get Started<\/a>\n <div class=\"hamburger\" id=\"ham\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n<\/nav>\n\n<section id=\"hero\">\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-glow\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\ud83d\ude80 Digital Marketing Agency<\/div>\n <h1 class=\"hero-title\">Grow Your Brand<br>With <span class=\"glow\">WebWintechs<\/span><\/h1>\n <p class=\"hero-sub\">We help businesses scale with data-driven digital marketing, stunning web design, and powerful SEO strategies that deliver real results.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#contact\" class=\"btn-primary\">Start Your Project<\/a>\n <a href=\"#portfolio\" class=\"btn-outline\">View Our Work<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"hero-stat\"><h3 id=\"c1\">0+<\/h3><p>Projects Delivered<\/p><\/div>\n <div class=\"hero-stat\"><h3 id=\"c2\">0%<\/h3><p>Client Satisfaction<\/p><\/div>\n <div class=\"hero-stat\"><h3 id=\"c3\">0+<\/h3><p>Years Experience<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"services\">\n <div class=\"text-center\">\n <span class=\"section-tag\">What We Do<\/span>\n <h2 class=\"section-title\">Our Core Services<\/h2>\n <p class=\"section-sub\">From strategy to execution, we provide end-to-end digital marketing solutions tailored to your goals.<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\"><div class=\"service-icon\">\ud83c\udfaf<\/div><h3>SEO Optimization<\/h3><p>Rank higher on Google with our proven on-page & off-page SEO strategies. Drive organic traffic and increase visibility.<\/p><\/div>\n <div class=\"service-card\"><div class=\"service-icon\">\ud83d\udcf1<\/div><h3>Social Media Marketing<\/h3><p>Build a powerful brand presence on Instagram, Facebook, LinkedIn & more with engaging content and paid campaigns.<\/p><\/div>\n <div class=\"service-card\"><div class=\"service-icon\">\ud83d\udcbb<\/div><h3>Web Design & Development<\/h3><p>Beautiful, fast, and conversion-optimized websites that make lasting impressions and turn visitors into customers.<\/p><\/div>\n <div class=\"service-card\"><div class=\"service-icon\">\ud83d\udcca<\/div><h3>PPC & Google Ads<\/h3><p>Maximize ROI with targeted Pay-Per-Click campaigns managed by certified Google Ads experts.<\/p><\/div>\n <div class=\"service-card\"><div class=\"service-icon\">\u270d\ufe0f<\/div><h3>Content Marketing<\/h3><p>Compelling blogs, videos, and creatives that educate your audience, build trust, and drive conversions.<\/p><\/div>\n <div class=\"service-card\"><div class=\"service-icon\">\ud83d\udce7<\/div><h3>Email Marketing<\/h3><p>Nurture leads and retain customers with personalized email sequences that deliver exceptional open rates.<\/p><\/div>\n <\/div>\n<\/section>\n\n<section id=\"why\">\n <div class=\"why-wrap\">\n <div class=\"why-visual\">\n <div class=\"why-circle wc1\"><\/div>\n <div class=\"why-circle wc2\"><\/div>\n <div class=\"why-circle wc3\"><\/div>\n <div class=\"why-center\">\u26a1<\/div>\n <\/div>\n <div>\n <span class=\"section-tag\">Why Choose Us<\/span>\n <h2 class=\"section-title\">Results That Actually Matter<\/h2>\n <p class=\"section-sub\" style=\"margin-bottom:2rem;\">We don’t just run campaigns \u2014 we build growth engines for your business.<\/p>\n <div class=\"why-list\">\n <div class=\"why-item\"><div class=\"why-num\">01<\/div><div><h4>Data-Driven Approach<\/h4><p>Every decision is backed by real analytics \u2014 no guesswork, only growth.<\/p><\/div><\/div>\n <div class=\"why-item\"><div class=\"why-num\">02<\/div><div><h4>Transparent Reporting<\/h4><p>Weekly & monthly reports so you always know where your money is going.<\/p><\/div><\/div>\n <div class=\"why-item\"><div class=\"why-num\">03<\/div><div><h4>Dedicated Account Manager<\/h4><p>A single point of contact who knows your business inside out.<\/p><\/div><\/div>\n <div class=\"why-item\"><div class=\"why-num\">04<\/div><div><h4>Proven Track Record<\/h4><p>200+ happy clients across industries \u2014 from startups to enterprises.<\/p><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"portfolio\">\n <div class=\"text-center\">\n <span class=\"section-tag\">Our Work<\/span>\n <h2 class=\"section-title\">Recent Projects<\/h2>\n <p class=\"section-sub\">A glimpse of the brands we’ve helped grow digitally.<\/p>\n <\/div>\n <div class=\"portfolio-grid\">\n <div class=\"portfolio-card\"><div class=\"portfolio-thumb pt1\">\ud83d\uded2<\/div><div class=\"portfolio-info\"><h3>ShopNest E-commerce<\/h3><p>3x ROAS growth with Google Shopping & Meta Ads<\/p><span class=\"portfolio-tag\">PPC + SEO<\/span><\/div><\/div>\n <div class=\"portfolio-card\"><div class=\"portfolio-thumb pt2\">\ud83c\udfe5<\/div><div class=\"portfolio-info\"><h3>HealthFirst Clinic<\/h3><p>200% increase in appointment bookings via local SEO<\/p><span class=\"portfolio-tag\">Local SEO<\/span><\/div><\/div>\n <div class=\"portfolio-card\"><div class=\"portfolio-thumb pt3\">\ud83c\udf93<\/div><div class=\"portfolio-info\"><h3>EduPath Academy<\/h3><p>5,000+ leads generated through content & social media<\/p><span class=\"portfolio-tag\">Social Media<\/span><\/div><\/div>\n <\/div>\n<\/section>\n\n<section id=\"testimonials\">\n <div class=\"text-center\">\n <span class=\"section-tag\">Testimonials<\/span>\n <h2 class=\"section-title\">What Clients Say<\/h2>\n <\/div>\n <div class=\"testi-grid\">\n <div class=\"testi-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><blockquote>“WebWintechs completely transformed our online presence. Our organic traffic went up by 400% in just 6 months!”<\/blockquote><div class=\"testi-author\"><div class=\"testi-avatar av1\">RK<\/div><div><h5>Rahul Kapoor<\/h5><span>CEO, ShopNest<\/span><\/div><\/div><\/div>\n <div class=\"testi-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><blockquote>“Best digital marketing team we’ve worked with. Transparent, skilled, and genuinely care about results. Highly recommend!”<\/blockquote><div class=\"testi-author\"><div class=\"testi-avatar av2\">PM<\/div><div><h5>Priya Mehta<\/h5><span>Founder, HealthFirst<\/span><\/div><\/div><\/div>\n <div class=\"testi-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><blockquote>“From website design to running ads \u2014 WebWintechs handles it all brilliantly. Our ROI has never looked better.”<\/blockquote><div class=\"testi-author\"><div class=\"testi-avatar av3\">AS<\/div><div><h5>Arjun Singh<\/h5><span>Director, EduPath<\/span><\/div><\/div><\/div>\n <\/div>\n<\/section>\n\n<section id=\"process\">\n <div class=\"text-center\">\n <span class=\"section-tag\">How We Work<\/span>\n <h2 class=\"section-title\">Our Simple Process<\/h2>\n <p class=\"section-sub\">We follow a structured approach to deliver consistent, measurable results.<\/p>\n <\/div>\n <div class=\"process-steps\">\n <div class=\"step\"><div class=\"step-num\">01<\/div><h4>Discovery<\/h4><p>We understand your business, goals, and target audience deeply.<\/p><\/div>\n <div class=\"step\"><div class=\"step-num\">02<\/div><h4>Strategy<\/h4><p>We craft a custom digital marketing roadmap tailored for growth.<\/p><\/div>\n <div class=\"step\"><div class=\"step-num\">03<\/div><h4>Execute<\/h4><p>Our experts execute campaigns with precision and creativity.<\/p><\/div>\n <div class=\"step\"><div class=\"step-num\">04<\/div><h4>Optimize<\/h4><p>We continuously analyze data and optimize for better performance.<\/p><\/div>\n <div class=\"step\"><div class=\"step-num\">05<\/div><h4>Scale<\/h4><p>We scale what’s working to multiply your ROI over time.<\/p><\/div>\n <\/div>\n<\/section>\n\n<section id=\"contact\">\n <span class=\"section-tag\">Let’s Talk<\/span>\n <h2 class=\"section-title\">Ready to Grow?<\/h2>\n <p class=\"section-sub\" style=\"margin:0 auto 0;\">Tell us about your project and we’ll get back to you within 24 hours.<\/p>\n <div class=\"contact-wrap\">\n <div class=\"form-row\">\n <div class=\"form-group\"><label>Your Name<\/label><input type=\"text\" id=\"fname\" placeholder=\"Rahul Sharma\"\/><\/div>\n <div class=\"form-group\"><label>Email Address<\/label><input type=\"email\" id=\"femail\" placeholder=\"rahul@example.com\"\/><\/div>\n <\/div>\n <div class=\"form-group\"><label>Phone Number<\/label><input type=\"tel\" id=\"fphone\" placeholder=\"+91 98765 43210\"\/><\/div>\n <div class=\"form-group\">\n <label>Service Interested In<\/label>\n <select id=\"fservice\">\n <option value=\"\">Select a service…<\/option>\n <option>SEO Optimization<\/option>\n <option>Social Media Marketing<\/option>\n <option>Web Design & Development<\/option>\n <option>PPC & Google Ads<\/option>\n <option>Content Marketing<\/option>\n <option>Email Marketing<\/option>\n <option>Full Digital Marketing Package<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\"><label>Message<\/label><textarea id=\"fmsg\" placeholder=\"Tell us about your business and what you're looking to achieve...\"><\/textarea><\/div>\n <button class=\"btn-primary\" style=\"width:100%;font-size:1rem;padding:1rem;\" onclick=\"submitForm()\">Send Message \u2192<\/button>\n <p class=\"form-msg\" id=\"formMsg\">\u2705 Thanks! We’ll be in touch within 24 hours.<\/p>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"footer-inner\">\n <div class=\"footer-brand\">\n <div class=\"logo\">Web<span>Wintechs<\/span><\/div>\n <p>Your trusted digital marketing partner. We help brands grow faster with smart, data-driven strategies.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h5>Services<\/h5>\n <a href=\"#services\">SEO<\/a>\n <a href=\"#services\">Social Media<\/a>\n <a href=\"#services\">Web Design<\/a>\n <a href=\"#services\">PPC Ads<\/a>\n <a href=\"#services\">Content<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h5>Company<\/h5>\n <a href=\"#why\">About Us<\/a>\n <a href=\"#portfolio\">Our Work<\/a>\n <a href=\"#process\">Process<\/a>\n <a href=\"#testimonials\">Reviews<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h5>Contact<\/h5>\n <a href=\"mailto:webwintechsonline@gmail.com\">webwintechsonline@gmail.com<\/a>\n <a href=\"tel:+918619686663\">+91 86196 86663<\/a>\n <a href=\"#contact\">Get a Free Quote<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2025 WebWintechs. All rights reserved.<\/span>\n <div class=\"social-links\">\n <a href=\"#\" title=\"Instagram\">In<\/a>\n <a href=\"#\" title=\"LinkedIn\">Li<\/a>\n <a href=\"#\" title=\"Twitter\">Tw<\/a>\n <a href=\"#\" title=\"Facebook\">Fb<\/a>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n function animateCount(el, end, suffix, duration) {\n let start = 0;\n const step = end \/ (duration \/ 16);\n const timer = setInterval(() => {\n start += step;\n if (start >= end) { start = end; clearInterval(timer); }\n el.textContent = Math.floor(start) + suffix;\n }, 16);\n }\n let counted = false;\n const observer = new IntersectionObserver(entries => {\n if (entries[0].isIntersecting && !counted) {\n counted = true;\n animateCount(document.getElementById('c1'), 200, '+', 1500);\n animateCount(document.getElementById('c2'), 98, '%', 1500);\n animateCount(document.getElementById('c3'), 5, '+', 1500);\n }\n }, { threshold: 0.5 });\n observer.observe(document.querySelector('.hero-stats'));\n\n const cards = document.querySelectorAll('.service-card, .portfolio-card, .testi-card, .step, .why-item');\n const revealObs = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.style.opacity = '1'; e.target.style.transform = 'translateY(0)'; }\n });\n }, { threshold: 0.1 });\n cards.forEach((c, i) => {\n c.style.opacity = '0';\n c.style.transform = 'translateY(25px)';\n c.style.transition = `opacity 0.5s ${i * 0.08}s ease, transform 0.5s ${i * 0.08}s ease`;\n revealObs.observe(c);\n });\n\n window.addEventListener('scroll', () => {\n document.getElementById('navbar').style.background =\n window.scrollY > 50 ? 'rgba(6,8,16,0.97)' : 'rgba(6,8,16,0.85)';\n });\n\n document.getElementById('ham').addEventListener('click', () => {\n document.getElementById('navbar').classList.toggle('open');\n });\n\n function submitForm() {\n const name = document.getElementById('fname').value.trim();\n const email = document.getElementById('femail').value.trim();\n const msg = document.getElementById('fmsg').value.trim();\n if (!name || !email || !msg) { alert('Please fill in your name, email and message.'); return; }\n document.getElementById('formMsg').style.display = 'block';\n document.getElementById('fname').value = '';\n document.getElementById('femail').value = '';\n document.getElementById('fphone').value = '';\n document.getElementById('fservice').value = '';\n document.getElementById('fmsg').value = '';\n }\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>WebWintechs \u2013 Digital Marketing Agency WebWintechs Services Why Us Work Process Contact Get Started \ud83d\ude80 Digital Marketing Agency Grow Your […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-124","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/webwintechs.online\/index.php?rest_route=\/wp\/v2\/pages\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webwintechs.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webwintechs.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webwintechs.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webwintechs.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=124"}],"version-history":[{"count":1,"href":"https:\/\/webwintechs.online\/index.php?rest_route=\/wp\/v2\/pages\/124\/revisions"}],"predecessor-version":[{"id":125,"href":"https:\/\/webwintechs.online\/index.php?rest_route=\/wp\/v2\/pages\/124\/revisions\/125"}],"wp:attachment":[{"href":"https:\/\/webwintechs.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":124,"date":"2026-04-12T10:25:06","date_gmt":"2026-04-12T10:25:06","guid":{"rendered":"https:\/\/webwintechs.online\/?page_id=124"},"modified":"2026-04-12T10:25:07","modified_gmt":"2026-04-12T10:25:07","slug":"124-2","status":"publish","type":"page","link":"https:\/\/webwintechs.online\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nWebWintechs \u2013 Digital Marketing Agency<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\n<style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n :root {\n --bg: #060810;\n --bg2: #0d1120;\n --bg3: #111827;\n --accent: #00e5ff;\n --accent2: #7c3aed;\n --text: #f0f4ff;\n --muted: #8893aa;\n --card: #111827;\n --border: rgba(255,255,255,0.07);\n --font-head: 'Syne', sans-serif;\n --font-body: 'DM Sans', sans-serif;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: var(--font-body);\n font-size: 16px;\n line-height: 1.7;\n overflow-x: hidden;\n }\n\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.2rem 6%;\n background: rgba(6,8,16,0.85);\n backdrop-filter: blur(14px);\n border-bottom: 1px solid var(--border);\n transition: background 0.3s;\n }\n .logo { font-family: var(--font-head); font-size: 1.55rem; font-weight: 800; letter-spacing: -0.5px; color: var(--text); }\n .logo span { color: var(--accent); }\n .nav-links { display: flex; gap: 2.2rem; list-style: none; }\n .nav-links a { font-size: 0.92rem; font-weight: 500; color: var(--muted); text-decoration: none; letter-spacing: 0.3px; transition: color 0.2s; }\n .nav-links a:hover { color: var(--accent); }\n .nav-cta { background: var(--accent); color: #060810; font-family: var(--font-head); font-weight: 700; font-size: 0.85rem; padding: 0.6rem 1.5rem; border-radius: 50px; text-decoration: none; letter-spacing: 0.3px; transition: opacity 0.2s, transform 0.2s; }\n .nav-cta:hover { opacity: 0.85; transform: translateY(-1px); }\n .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; }\n .hamburger span { display: block; width: 24px; height: 2px; background: var(--text); border-radius: 2px; transition: all 0.3s; }\n\n #hero { min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 8rem 6% 5rem; position: relative; overflow: hidden; }\n .hero-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(0,229,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0,229,255,0.04) 1px, transparent 1px); background-size: 60px 60px; animation: gridMove 20s linear infinite; }\n @keyframes gridMove { to { transform: translateY(60px); } }\n .hero-glow { position: absolute; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(circle, rgba(124,58,237,0.18) 0%, transparent 70%); top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; }\n .hero-content { position: relative; z-index: 1; max-width: 820px; }\n .hero-badge { display: inline-block; background: rgba(0,229,255,0.1); border: 1px solid rgba(0,229,255,0.3); color: var(--accent); font-size: 0.78rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; padding: 0.4rem 1rem; border-radius: 50px; margin-bottom: 1.8rem; animation: fadeUp 0.8s ease both; }\n .hero-title { font-family: var(--font-head); font-size: clamp(2.8rem, 7vw, 5.5rem); font-weight: 800; line-height: 1.05; letter-spacing: -2px; margin-bottom: 1.5rem; animation: fadeUp 0.9s 0.1s ease both; }\n .hero-title .glow { color: var(--accent); text-shadow: 0 0 40px rgba(0,229,255,0.4); }\n .hero-sub { font-size: 1.15rem; color: var(--muted); max-width: 560px; margin: 0 auto 2.5rem; animation: fadeUp 1s 0.2s ease both; }\n .hero-btns { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; animation: fadeUp 1s 0.3s ease both; }\n .btn-primary { background: var(--accent); color: #060810; font-family: var(--font-head); font-weight: 700; font-size: 0.95rem; padding: 0.85rem 2.2rem; border-radius: 50px; text-decoration: none; border: none; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; }\n .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,229,255,0.3); }\n .btn-outline { background: transparent; color: var(--text); font-family: var(--font-head); font-weight: 600; font-size: 0.95rem; padding: 0.85rem 2.2rem; border-radius: 50px; text-decoration: none; border: 1px solid rgba(255,255,255,0.2); cursor: pointer; transition: border-color 0.2s, color 0.2s; }\n .btn-outline:hover { border-color: var(--accent); color: var(--accent); }\n .hero-stats { display: flex; gap: 3rem; justify-content: center; flex-wrap: wrap; margin-top: 4rem; animation: fadeUp 1s 0.4s ease both; }\n .hero-stat h3 { font-family: var(--font-head); font-size: 2.2rem; font-weight: 800; color: var(--accent); }\n .hero-stat p { font-size: 0.85rem; color: var(--muted); margin-top: 0.2rem; }\n @keyframes fadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n\n section { padding: 6rem 6%; }\n .section-tag { display: inline-block; color: var(--accent); font-size: 0.78rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 1rem; }\n .section-title { font-family: var(--font-head); font-size: clamp(2rem, 4.5vw, 3rem); font-weight: 800; letter-spacing: -1px; line-height: 1.1; margin-bottom: 1rem; }\n .section-sub { color: var(--muted); font-size: 1.05rem; max-width: 540px; }\n .text-center { text-align: center; }\n .text-center .section-sub { margin: 0 auto; }\n\n #services { background: var(--bg2); }\n .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin-top: 3.5rem; }\n .service-card { background: var(--bg3); border: 1px solid var(--border); border-radius: 16px; padding: 2rem; transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s; cursor: default; }\n .service-card:hover { transform: translateY(-6px); border-color: rgba(0,229,255,0.3); box-shadow: 0 20px 40px rgba(0,229,255,0.08); }\n .service-icon { width: 52px; height: 52px; border-radius: 12px; background: rgba(0,229,255,0.1); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 1.3rem; }\n .service-card h3 { font-family: var(--font-head); font-size: 1.15rem; font-weight: 700; margin-bottom: 0.6rem; }\n .service-card p { color: var(--muted); font-size: 0.92rem; line-height: 1.65; }\n\n #why { background: var(--bg); }\n .why-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; margin-top: 1rem; }\n .why-visual { position: relative; height: 400px; }\n .why-circle { position: absolute; border-radius: 50%; border: 1px solid rgba(0,229,255,0.15); animation: pulse 4s ease-in-out infinite; }\n .wc1 { width: 100%; height: 100%; top: 0; left: 0; }\n .wc2 { width: 75%; height: 75%; top: 12.5%; left: 12.5%; animation-delay: 0.5s; }\n .wc3 { width: 50%; height: 50%; top: 25%; left: 25%; animation-delay: 1s; }\n .why-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100px; height: 100px; border-radius: 50%; background: rgba(0,229,255,0.12); display: flex; align-items: center; justify-content: center; font-size: 2.5rem; }\n @keyframes pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.03); opacity: 0.7; } }\n .why-list { display: flex; flex-direction: column; gap: 1.4rem; }\n .why-item { display: flex; gap: 1rem; align-items: flex-start; }\n .why-num { flex-shrink: 0; width: 36px; height: 36px; border-radius: 8px; background: rgba(0,229,255,0.1); border: 1px solid rgba(0,229,255,0.25); display: flex; align-items: center; justify-content: center; font-family: var(--font-head); font-size: 0.82rem; font-weight: 800; color: var(--accent); }\n .why-item h4 { font-family: var(--font-head); font-size: 1rem; font-weight: 700; margin-bottom: 0.2rem; }\n .why-item p { color: var(--muted); font-size: 0.9rem; }\n\n #portfolio { background: var(--bg2); }\n .portfolio-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin-top: 3rem; }\n .portfolio-card { border-radius: 16px; overflow: hidden; position: relative; border: 1px solid var(--border); transition: transform 0.3s; cursor: pointer; }\n .portfolio-card:hover { transform: scale(1.02); }\n .portfolio-thumb { height: 200px; display: flex; align-items: center; justify-content: center; font-size: 3rem; }\n .pt1 { background: linear-gradient(135deg, #0d1120 0%, #1a0533 100%); }\n .pt2 { background: linear-gradient(135deg, #031122 0%, #0a2233 100%); }\n .pt3 { background: linear-gradient(135deg, #110d20 0%, #1e1045 100%); }\n .portfolio-info { padding: 1.3rem; background: var(--bg3); }\n .portfolio-info h3 { font-family: var(--font-head); font-size: 1rem; font-weight: 700; }\n .portfolio-info p { color: var(--muted); font-size: 0.85rem; margin-top: 0.25rem; }\n .portfolio-tag { display: inline-block; margin-top: 0.7rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 0.25rem 0.7rem; border-radius: 50px; background: rgba(0,229,255,0.1); color: var(--accent); border: 1px solid rgba(0,229,255,0.2); }\n\n #testimonials { background: var(--bg); }\n .testi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin-top: 3rem; }\n .testi-card { background: var(--bg3); border: 1px solid var(--border); border-radius: 16px; padding: 1.8rem; transition: border-color 0.3s; }\n .testi-card:hover { border-color: rgba(124,58,237,0.4); }\n .stars { color: #fbbf24; font-size: 0.9rem; letter-spacing: 2px; margin-bottom: 1rem; }\n .testi-card blockquote { color: var(--muted); font-size: 0.95rem; line-height: 1.7; font-style: italic; }\n .testi-author { display: flex; align-items: center; gap: 0.8rem; margin-top: 1.3rem; }\n .testi-avatar { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.85rem; flex-shrink: 0; }\n .av1 { background: rgba(124,58,237,0.25); color: #a78bfa; }\n .av2 { background: rgba(0,229,255,0.15); color: var(--accent); }\n .av3 { background: rgba(249,115,22,0.2); color: #fb923c; }\n .testi-author h5 { font-family: var(--font-head); font-size: 0.9rem; font-weight: 700; }\n .testi-author span { font-size: 0.78rem; color: var(--muted); }\n\n #process { background: var(--bg2); }\n .process-steps { display: flex; gap: 0; margin-top: 3.5rem; flex-wrap: wrap; }\n .step { flex: 1; min-width: 180px; text-align: center; padding: 2rem 1.5rem; position: relative; }\n .step:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 60%; background: var(--border); }\n .step-num { font-family: var(--font-head); font-size: 3rem; font-weight: 800; color: rgba(0,229,255,0.12); line-height: 1; margin-bottom: 0.8rem; }\n .step h4 { font-family: var(--font-head); font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; }\n .step p { color: var(--muted); font-size: 0.88rem; }\n\n #contact { background: var(--bg); text-align: center; }\n .contact-wrap { max-width: 600px; margin: 3rem auto 0; background: var(--bg3); border: 1px solid var(--border); border-radius: 20px; padding: 3rem; }\n .form-group { margin-bottom: 1.2rem; text-align: left; }\n .form-group label { display: block; font-size: 0.85rem; font-weight: 500; color: var(--muted); margin-bottom: 0.5rem; }\n .form-group input, .form-group textarea, .form-group select { width: 100%; background: var(--bg2); border: 1px solid var(--border); color: var(--text); font-family: var(--font-body); font-size: 0.95rem; padding: 0.8rem 1rem; border-radius: 10px; outline: none; transition: border-color 0.2s; }\n .form-group input:focus, .form-group textarea:focus, .form-group select:focus { border-color: rgba(0,229,255,0.5); }\n .form-group textarea { resize: vertical; min-height: 120px; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n .form-msg { display: none; margin-top: 1rem; font-size: 0.9rem; color: var(--accent); }\n\n footer { background: var(--bg2); border-top: 1px solid var(--border); padding: 3rem 6%; }\n .footer-inner { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; }\n .footer-brand p { color: var(--muted); font-size: 0.9rem; margin-top: 0.8rem; max-width: 260px; line-height: 1.6; }\n .footer-col h5 { font-family: var(--font-head); font-size: 0.85rem; font-weight: 700; letter-spacing: 1px; margin-bottom: 1rem; color: var(--text); }\n .footer-col a { display: block; color: var(--muted); font-size: 0.88rem; text-decoration: none; margin-bottom: 0.55rem; transition: color 0.2s; }\n .footer-col a:hover { color: var(--accent); }\n .footer-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; padding-top: 2rem; border-top: 1px solid var(--border); font-size: 0.82rem; color: var(--muted); }\n .social-links { display: flex; gap: 0.8rem; }\n .social-links a { width: 36px; height: 36px; border-radius: 8px; border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; color: var(--muted); text-decoration: none; font-size: 0.85rem; transition: border-color 0.2s, color 0.2s; }\n .social-links a:hover { border-color: var(--accent); color: var(--accent); }\n\n @media (max-width: 900px) {\n .why-wrap { grid-template-columns: 1fr; }\n .why-visual { height: 280px; }\n .footer-inner { grid-template-columns: 1fr 1fr; }\n .step:not(:last-child)::after { display: none; }\n .form-row { grid-template-columns: 1fr; }\n }\n @media (max-width: 640px) {\n .nav-links, .nav-cta { display: none; }\n .hamburger { display: flex; }\n nav.open .nav-links { display: flex; flex-direction: column; position: fixed; top: 65px; left: 0; right: 0; background: var(--bg); padding: 2rem; gap: 1.5rem; border-bottom: 1px solid var(--border); }\n nav.open .nav-cta { display: block; margin-top: 0.5rem; text-align: center; }\n .footer-inner { grid-template-columns: 1fr; gap: 2rem; }\n .hero-stats { gap: 2rem; }\n }\n<\/style>\n<\/head>\n<body>\n\n<nav id=\"navbar\">\n <div class=\"logo\">Web<span>Wintechs<\/span><\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#why\">Why Us<\/a><\/li>\n <li><a href=\"#portfolio\">Work<\/a><\/li>\n <li><a href=\"#process\">Process<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <a href=\"#contact\" class=\"nav-cta\">Get Started<\/a>\n <div class=\"hamburger\" id=\"ham\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n<\/nav>\n\n<section id=\"hero\">\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-glow\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\ud83d\ude80 Digital Marketing Agency<\/div>\n <h1 class=\"hero-title\">Grow Your Brand<br>With <span class=\"glow\">WebWintechs<\/span><\/h1>\n <p class=\"hero-sub\">We help businesses scale with data-driven digital marketing, stunning web design, and powerful SEO strategies that deliver real results.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#contact\" class=\"btn-primary\">Start Your Project<\/a>\n <a href=\"#portfolio\" class=\"btn-outline\">View Our Work<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"hero-stat\"><h3 id=\"c1\">0+<\/h3><p>Projects Delivered<\/p><\/div>\n <div class=\"hero-stat\"><h3 id=\"c2\">0%<\/h3><p>Client Satisfaction<\/p><\/div>\n <div class=\"hero-stat\"><h3 id=\"c3\">0+<\/h3><p>Years Experience<\/p><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"services\">\n <div class=\"text-center\">\n <span class=\"section-tag\">What We Do<\/span>\n <h2 class=\"section-title\">Our Core Services<\/h2>\n <p class=\"section-sub\">From strategy to execution, we provide end-to-end digital marketing solutions tailored to your goals.<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\"><div class=\"service-icon\">\ud83c\udfaf<\/div><h3>SEO Optimization<\/h3><p>Rank higher on Google with our proven on-page & off-page SEO strategies. Drive organic traffic and increase visibility.<\/p><\/div>\n <div class=\"service-card\"><div class=\"service-icon\">\ud83d\udcf1<\/div><h3>Social Media Marketing<\/h3><p>Build a powerful brand presence on Instagram, Facebook, LinkedIn & more with engaging content and paid campaigns.<\/p><\/div>\n <div class=\"service-card\"><div class=\"service-icon\">\ud83d\udcbb<\/div><h3>Web Design & Development<\/h3><p>Beautiful, fast, and conversion-optimized websites that make lasting impressions and turn visitors into customers.<\/p><\/div>\n <div class=\"service-card\"><div class=\"service-icon\">\ud83d\udcca<\/div><h3>PPC & Google Ads<\/h3><p>Maximize ROI with targeted Pay-Per-Click campaigns managed by certified Google Ads experts.<\/p><\/div>\n <div class=\"service-card\"><div class=\"service-icon\">\u270d\ufe0f<\/div><h3>Content Marketing<\/h3><p>Compelling blogs, videos, and creatives that educate your audience, build trust, and drive conversions.<\/p><\/div>\n <div class=\"service-card\"><div class=\"service-icon\">\ud83d\udce7<\/div><h3>Email Marketing<\/h3><p>Nurture leads and retain customers with personalized email sequences that deliver exceptional open rates.<\/p><\/div>\n <\/div>\n<\/section>\n\n<section id=\"why\">\n <div class=\"why-wrap\">\n <div class=\"why-visual\">\n <div class=\"why-circle wc1\"><\/div>\n <div class=\"why-circle wc2\"><\/div>\n <div class=\"why-circle wc3\"><\/div>\n <div class=\"why-center\">\u26a1<\/div>\n <\/div>\n <div>\n <span class=\"section-tag\">Why Choose Us<\/span>\n <h2 class=\"section-title\">Results That Actually Matter<\/h2>\n <p class=\"section-sub\" style=\"margin-bottom:2rem;\">We don’t just run campaigns \u2014 we build growth engines for your business.<\/p>\n <div class=\"why-list\">\n <div class=\"why-item\"><div class=\"why-num\">01<\/div><div><h4>Data-Driven Approach<\/h4><p>Every decision is backed by real analytics \u2014 no guesswork, only growth.<\/p><\/div><\/div>\n <div class=\"why-item\"><div class=\"why-num\">02<\/div><div><h4>Transparent Reporting<\/h4><p>Weekly & monthly reports so you always know where your money is going.<\/p><\/div><\/div>\n <div class=\"why-item\"><div class=\"why-num\">03<\/div><div><h4>Dedicated Account Manager<\/h4><p>A single point of contact who knows your business inside out.<\/p><\/div><\/div>\n <div class=\"why-item\"><div class=\"why-num\">04<\/div><div><h4>Proven Track Record<\/h4><p>200+ happy clients across industries \u2014 from startups to enterprises.<\/p><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section id=\"portfolio\">\n <div class=\"text-center\">\n <span class=\"section-tag\">Our Work<\/span>\n <h2 class=\"section-title\">Recent Projects<\/h2>\n <p class=\"section-sub\">A glimpse of the brands we’ve helped grow digitally.<\/p>\n <\/div>\n <div class=\"portfolio-grid\">\n <div class=\"portfolio-card\"><div class=\"portfolio-thumb pt1\">\ud83d\uded2<\/div><div class=\"portfolio-info\"><h3>ShopNest E-commerce<\/h3><p>3x ROAS growth with Google Shopping & Meta Ads<\/p><span class=\"portfolio-tag\">PPC + SEO<\/span><\/div><\/div>\n <div class=\"portfolio-card\"><div class=\"portfolio-thumb pt2\">\ud83c\udfe5<\/div><div class=\"portfolio-info\"><h3>HealthFirst Clinic<\/h3><p>200% increase in appointment bookings via local SEO<\/p><span class=\"portfolio-tag\">Local SEO<\/span><\/div><\/div>\n <div class=\"portfolio-card\"><div class=\"portfolio-thumb pt3\">\ud83c\udf93<\/div><div class=\"portfolio-info\"><h3>EduPath Academy<\/h3><p>5,000+ leads generated through content & social media<\/p><span class=\"portfolio-tag\">Social Media<\/span><\/div><\/div>\n <\/div>\n<\/section>\n\n<section id=\"testimonials\">\n <div class=\"text-center\">\n <span class=\"section-tag\">Testimonials<\/span>\n <h2 class=\"section-title\">What Clients Say<\/h2>\n <\/div>\n <div class=\"testi-grid\">\n <div class=\"testi-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><blockquote>“WebWintechs completely transformed our online presence. Our organic traffic went up by 400% in just 6 months!”<\/blockquote><div class=\"testi-author\"><div class=\"testi-avatar av1\">RK<\/div><div><h5>Rahul Kapoor<\/h5><span>CEO, ShopNest<\/span><\/div><\/div><\/div>\n <div class=\"testi-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><blockquote>“Best digital marketing team we’ve worked with. Transparent, skilled, and genuinely care about results. Highly recommend!”<\/blockquote><div class=\"testi-author\"><div class=\"testi-avatar av2\">PM<\/div><div><h5>Priya Mehta<\/h5><span>Founder, HealthFirst<\/span><\/div><\/div><\/div>\n <div class=\"testi-card\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><blockquote>“From website design to running ads \u2014 WebWintechs handles it all brilliantly. Our ROI has never looked better.”<\/blockquote><div class=\"testi-author\"><div class=\"testi-avatar av3\">AS<\/div><div><h5>Arjun Singh<\/h5><span>Director, EduPath<\/span><\/div><\/div><\/div>\n <\/div>\n<\/section>\n\n<section id=\"process\">\n <div class=\"text-center\">\n <span class=\"section-tag\">How We Work<\/span>\n <h2 class=\"section-title\">Our Simple Process<\/h2>\n <p class=\"section-sub\">We follow a structured approach to deliver consistent, measurable results.<\/p>\n <\/div>\n <div class=\"process-steps\">\n <div class=\"step\"><div class=\"step-num\">01<\/div><h4>Discovery<\/h4><p>We understand your business, goals, and target audience deeply.<\/p><\/div>\n <div class=\"step\"><div class=\"step-num\">02<\/div><h4>Strategy<\/h4><p>We craft a custom digital marketing roadmap tailored for growth.<\/p><\/div>\n <div class=\"step\"><div class=\"step-num\">03<\/div><h4>Execute<\/h4><p>Our experts execute campaigns with precision and creativity.<\/p><\/div>\n <div class=\"step\"><div class=\"step-num\">04<\/div><h4>Optimize<\/h4><p>We continuously analyze data and optimize for better performance.<\/p><\/div>\n <div class=\"step\"><div class=\"step-num\">05<\/div><h4>Scale<\/h4><p>We scale what’s working to multiply your ROI over time.<\/p><\/div>\n <\/div>\n<\/section>\n\n<section id=\"contact\">\n <span class=\"section-tag\">Let’s Talk<\/span>\n <h2 class=\"section-title\">Ready to Grow?<\/h2>\n <p class=\"section-sub\" style=\"margin:0 auto 0;\">Tell us about your project and we’ll get back to you within 24 hours.<\/p>\n <div class=\"contact-wrap\">\n <div class=\"form-row\">\n <div class=\"form-group\"><label>Your Name<\/label><input type=\"text\" id=\"fname\" placeholder=\"Rahul Sharma\"\/><\/div>\n <div class=\"form-group\"><label>Email Address<\/label><input type=\"email\" id=\"femail\" placeholder=\"rahul@example.com\"\/><\/div>\n <\/div>\n <div class=\"form-group\"><label>Phone Number<\/label><input type=\"tel\" id=\"fphone\" placeholder=\"+91 98765 43210\"\/><\/div>\n <div class=\"form-group\">\n <label>Service Interested In<\/label>\n <select id=\"fservice\">\n <option value=\"\">Select a service…<\/option>\n <option>SEO Optimization<\/option>\n <option>Social Media Marketing<\/option>\n <option>Web Design & Development<\/option>\n <option>PPC & Google Ads<\/option>\n <option>Content Marketing<\/option>\n <option>Email Marketing<\/option>\n <option>Full Digital Marketing Package<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\"><label>Message<\/label><textarea id=\"fmsg\" placeholder=\"Tell us about your business and what you're looking to achieve...\"><\/textarea><\/div>\n <button class=\"btn-primary\" style=\"width:100%;font-size:1rem;padding:1rem;\" onclick=\"submitForm()\">Send Message \u2192<\/button>\n <p class=\"form-msg\" id=\"formMsg\">\u2705 Thanks! We’ll be in touch within 24 hours.<\/p>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"footer-inner\">\n <div class=\"footer-brand\">\n <div class=\"logo\">Web<span>Wintechs<\/span><\/div>\n <p>Your trusted digital marketing partner. We help brands grow faster with smart, data-driven strategies.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h5>Services<\/h5>\n <a href=\"#services\">SEO<\/a>\n <a href=\"#services\">Social Media<\/a>\n <a href=\"#services\">Web Design<\/a>\n <a href=\"#services\">PPC Ads<\/a>\n <a href=\"#services\">Content<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h5>Company<\/h5>\n <a href=\"#why\">About Us<\/a>\n <a href=\"#portfolio\">Our Work<\/a>\n <a href=\"#process\">Process<\/a>\n <a href=\"#testimonials\">Reviews<\/a>\n <\/div>\n <div class=\"footer-col\">\n <h5>Contact<\/h5>\n <a href=\"mailto:webwintechsonline@gmail.com\">webwintechsonline@gmail.com<\/a>\n <a href=\"tel:+918619686663\">+91 86196 86663<\/a>\n <a href=\"#contact\">Get a Free Quote<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2025 WebWintechs. All rights reserved.<\/span>\n <div class=\"social-links\">\n <a href=\"#\" title=\"Instagram\">In<\/a>\n <a href=\"#\" title=\"LinkedIn\">Li<\/a>\n <a href=\"#\" title=\"Twitter\">Tw<\/a>\n <a href=\"#\" title=\"Facebook\">Fb<\/a>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n function animateCount(el, end, suffix, duration) {\n let start = 0;\n const step = end \/ (duration \/ 16);\n const timer = setInterval(() => {\n start += step;\n if (start >= end) { start = end; clearInterval(timer); }\n el.textContent = Math.floor(start) + suffix;\n }, 16);\n }\n let counted = false;\n const observer = new IntersectionObserver(entries => {\n if (entries[0].isIntersecting && !counted) {\n counted = true;\n animateCount(document.getElementById('c1'), 200, '+', 1500);\n animateCount(document.getElementById('c2'), 98, '%', 1500);\n animateCount(document.getElementById('c3'), 5, '+', 1500);\n }\n }, { threshold: 0.5 });\n observer.observe(document.querySelector('.hero-stats'));\n\n const cards = document.querySelectorAll('.service-card, .portfolio-card, .testi-card, .step, .why-item');\n const revealObs = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (e.isIntersecting) { e.target.style.opacity = '1'; e.target.style.transform = 'translateY(0)'; }\n });\n }, { threshold: 0.1 });\n cards.forEach((c, i) => {\n c.style.opacity = '0';\n c.style.transform = 'translateY(25px)';\n c.style.transition = `opacity 0.5s ${i * 0.08}s ease, transform 0.5s ${i * 0.08}s ease`;\n revealObs.observe(c);\n });\n\n window.addEventListener('scroll', () => {\n document.getElementById('navbar').style.background =\n window.scrollY > 50 ? 'rgba(6,8,16,0.97)' : 'rgba(6,8,16,0.85)';\n });\n\n document.getElementById('ham').addEventListener('click', () => {\n document.getElementById('navbar').classList.toggle('open');\n });\n\n function submitForm() {\n const name = document.getElementById('fname').value.trim();\n const email = document.getElementById('femail').value.trim();\n const msg = document.getElementById('fmsg').value.trim();\n if (!name || !email || !msg) { alert('Please fill in your name, email and message.'); return; }\n document.getElementById('formMsg').style.display = 'block';\n document.getElementById('fname').value = '';\n document.getElementById('femail').value = '';\n document.getElementById('fphone').value = '';\n document.getElementById('fservice').value = '';\n document.getElementById('fmsg').value = '';\n }\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>WebWintechs \u2013 Digital Marketing Agency WebWintechs Services Why Us Work Process Contact Get Started \ud83d\ude80 Digital Marketing Agency Grow Your […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-124","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/webwintechs.online\/index.php?rest_route=\/wp\/v2\/pages\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webwintechs.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webwintechs.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webwintechs.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webwintechs.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=124"}],"version-history":[{"count":1,"href":"https:\/\/webwintechs.online\/index.php?rest_route=\/wp\/v2\/pages\/124\/revisions"}],"predecessor-version":[{"id":125,"href":"https:\/\/webwintechs.online\/index.php?rest_route=\/wp\/v2\/pages\/124\/revisions\/125"}],"wp:attachment":[{"href":"https:\/\/webwintechs.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}