<!doctype html>
<html lang="en">
<head>
<!--Start Global site tag (gtag.js) - Google Analytics ================================================== -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-60575160-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-60575160-1');
</script>
<!--End Global site tag (gtag.js) - Google Analytics ================================================== -->
    <meta charset="utf-8">
    <meta name="description" content="Sean Pisano is a Brooklyn-based marketing technology and digital strategy expert specializing in front-end development, email automation, and responsive web design.">
    <meta name="author" content="Sean Pisano">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Sean Pisano - Front-End Developer & Marketing Technology Specialist</title>
    <!-- Open Graph -->
    <meta property="og:title" content="Sean Pisano - Front-End Developer & Marketing Technology Specialist">
    <meta property="og:description" content="Marketing technology (MarTech) and digital strategy leader with 20+ years of experience blending creative vision with technical execution.">
    <meta property="og:image" content="https://www.seanpisano.com/images/seanpisano-logo.svg">
    <meta property="og:url" content="https://www.seanpisano.com/">
    <meta property="og:type" content="website">
    <link rel="canonical" href="https://www.seanpisano.com/" />


    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Sean Pisano - Front-End Developer">
    <meta name="twitter:description" content="Resume and case studies for Sean Pisano, Front-End Developer & Marketing Technology Specialist in NYC.">
    <meta name="twitter:image" content="https://www.seanpisano.com/images/seanpisano-logo.svg">

    <!-- FAV and TOUCH ICONS -->
    <link rel="icon" type="image/png" sizes="32x32" href="/images/ico/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/images/ico/favicon-16x16.png">
    <link rel="apple-touch-icon" href="/images/ico/apple-touch-icon.png">


    <!-- FONTS -->
    <link rel="stylesheet" type="text/css" href="css/fonts/ChangaOne/style.css">
    <link rel="stylesheet" type="text/css" href="css/fonts/fontello/css/fontello.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <script src="https://kit.fontawesome.com/d48b1b914e.js" crossorigin="anonymous"></script>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Person",
        "name": "Sean Pisano",
        "jobTitle": "Front-End Web Developer",
        "image": "https://www.seanpisano.com/images/seanpisano-logo.svg",
        "url": "https://www.seanpisano.com/",
        "sameAs": [
            "https://www.linkedin.com/in/seanpisano",
            "https://github.com/seanpisano",
            "https://bsky.app/profile/seanpisano.bsky.social",
            "https://www.instagram.com/theseanpisano"
        ],
        "worksFor": {
            "@type": "Organization",
            "name": "Sean Pisano Studios"
        }
    }
    </script>
    <script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://www.seanpisano.com/" }
    }
    </script>

    <!-- Privacy-friendly analytics by Plausible -->
    <script async src="https://plausible.io/js/pa-7JuybEx9ib2ud8JIUMi41.js"></script>
    <script>
    window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};
    plausible.init()
    </script>

    <!-- STYLES -->
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <style>
    /* * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        font-family: Arial, sans-serif;
        background: #111;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .popup-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.75);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }

    .popup {
        background: #E38509;
        width: 90%;
        max-width: 700px;
        padding: 50px 40px;
        border-radius: 20px;
        text-align: center;
        box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    }

    .popup-logo {
        width: 100%;
        max-width: 500px;
        margin: 0 auto 40px;
        display: block;
    }

    .popup-btn {
        display: inline-block;
        background: #fff;
        color: #000;
        text-decoration: none;
        padding: 18px 40px;
        border-radius: 12px;
        font-size: 18px;
        font-weight: bold;
        transition: 0.3s ease;
    }

    .popup-btn:hover {
        background: #000;
        color: #fff;
    } */
</style>
</head>
<body>
    <div class="content-wrap" data-aos="fade-up">
    <div class="content">
        <a href="http://www.seanpisano.com/"><img class="profile-image" src="images/seanpisano-logo.svg" alt="Sean Pisano Logo" data-aos="zoom-in" /></a>
        <nav aria-label="breadcrumb" class="breadcrumb-nav">
            <ol class="breadcrumb-list">
                <li><a class="link-1 mainsps" href="https://seanpisanostudios.com/" target="_blank">Sean Pisano Studios</a></li>
                <li><a class="link-1 mainrogue" href="https://www.roguepixelnyc.com/" target="_blank">Rogue Pixel Productions</a></li>
                <li><a class="link-1 maintoatw" href="https://theoctopusandthewolfwebcollective.com/" target="_blank">The Octopus and The Wolf</a></li>
                <li><a class="link-1 mainnycthirst" href="https://www.nycthirst.com/" target="_blank">NYCThirst</a></li>
                <li><a class="link-1 maingeek" href="https://www.thegkout.com/" target="_blank">The Geek Out</a></li>
                <li><a class="link-1 githubgrey" href="https://github.com/seanpisano" target="_blank">GitHub</a></li>
                <li><a class="link-1 linkedinblue" href="https://www.linkedin.com/in/seanpisano" target="_blank">LinkedIn</a></li>
                <li><a class="link-1 drkgold" href="https://seanpisano.com/resume.html">Resume</a></li>                
            </ol>
        </nav>
        <h1 style="margin: 0 0 -36px 0 !important;" data-aos="fade-up"><span class="text drkgold">Sean Pisano</span></h1>
        <h2 style="margin-bottom:-20px !important;" data-aos="fade-up">Full Stack Web Developer<br>Marketing Technology & Automation Specialist</h2>
        <h3 data-aos="fade-up">20+ Years of Experience in Web Development, Digital Platforms, and Marketing Systems</h3>
        <p data-aos="fade-up">I am a senior full stack web developer with over two decades of experience building and maintaining high-performance websites, digital platforms, and marketing automation systems for agencies, media brands, startups, and enterprise organizations.</p>
        <p data-aos="fade-up">My work spans front-end and back-end development, CMS architecture, email marketing and automation, UX/UI, analytics, and performance optimization. I specialize in translating business goals into scalable, maintainable, revenue-focused digital solutions.</p>
        <h3 data-aos="fade-up"><strong>Featured Projects:</strong></h3>
        <p data-aos="fade-up"><strong><a class="link-1 mainnycthirst" href="https://www.nycthirst.com/" target="_blank">NYCThirst.com</a></strong><br>
        Founder and developer of a New York City bar culture platform combining editorial content, business directories, events, and sponsorship-driven monetization.</p>
        <p data-aos="fade-up"><strong><a class="link-1 mainrogue" href="hhttps://www.roguepixelnyc.com/" target="_blank">Rogue Pixel</a></strong><br>
        Brand and web design agency delivering bold visual identity systems, custom websites, and creative digital experiences.</p>
        <p data-aos="fade-up"><strong><a class="link-1 mainsps" href="https://seanpisanostudios.com/" target="_blank">Sean Pisano Studios</a></strong><br>
        Email marketing and automation consultancy specializing in Salesforce, Pardot, HubSpot, campaign architecture, and lifecycle optimization.</p>
        <p data-aos="fade-up"><strong><a class="link-1 maintoatw" href="https://theoctopusandthewolfwebcollective.com/" target="_blank">The Octopus and The Wolf</a></strong><br>
        Independent comic and creative production project focused on storytelling, illustration, and digital publishing.</p>
        <p data-aos="fade-up"><strong>📰 Newsletter: <a class="link-1 maingeek" href="https://www.thegkout.com/" target="_blank">The Geek Out</a></strong><br>
        Pop culture, technology, comics, and creative commentary</p>
        <p data-aos="fade-up"><strong>Available for</strong><br>
        -Full-time or contract roles<br>
        -Full stack web development<br>
        -Email marketing and automation systems<br>
        -Digital platform builds and CMS architecture<br>
        -UX/UI, analytics, and performance optimization</p>
        <h2 data-aos="fade-up">Contact Sean</h2>
            <form id="contactForm" action="contact.php" method="post" data-aos="fade-up">
                <input type="text" name="name" placeholder="Your name" required>
                <input type="email" name="email" placeholder="Your email" required>
                <textarea name="message" placeholder="Your message" rows="5" required></textarea>
                <input type="text" name="company" style="display:none">
                <button type="submit" class="plausible-event-name=Contact" id="contactSubmit">Send Message</button>
            </form>
        <div id="contactStatus" style="display:none;text-align:center;margin-top:12px;font-weight:600;"></div>
        <h2 data-aos="fade-up">Profiles</h2>
        <nav aria-label="breadcrumb" class="breadcrumb-nav" data-aos="fade-up">
        <ol class="breadcrumb-list" data-aos="fade-up">
            <li><a class="link-1 githubgrey" href="https://github.com/seanpisano" target="_blank">GitHub</a></li>
            <li><a class="link-1 linkedinblue" href="https://www.linkedin.com/in/seanpisano" target="_blank">LinkedIn</a></li>
            <li><a class="link-1 instagrampink" href="https://www.instagram.com/theseanpisano" target="_blank">Instagram</a></li>
        </ol>
        </nav>
        <p>&copy; 2001<script>new Date().getFullYear()>2010&&document.write("-"+new Date().getFullYear());</script> Sean Pisano</p>
    </div>
    </div>
<!-- <div class="popup-overlay">
    <div class="popup">

        <img src="logo.png" alt="NYCThirst Logo" class="popup-logo">

        <a 
            href="http://seanpisano.com/pursuit-sandbox/NYCTProject/MVP/presentation.html" 
            class="popup-btn"
            target="_blank"
        >
            View The MVP
        </a>

    </div>
</div> -->
    <script>
    AOS.init({ duration: 1000, once: true });
    </script>
	<script src="js/main.js"></script>  


 <!-- PLACE THIS JUST BEFORE </body> -->

<script>
(function () {
  var form = document.getElementById('contactForm');
  var status = document.getElementById('contactStatus');
  var btn = document.getElementById('contactSubmit');
  if (!form || !status || !btn) return;

  form.addEventListener('submit', function (e) {
    e.preventDefault();

    status.style.display = 'block';
    status.textContent = 'Sending...';
    btn.disabled = true;

    fetch(form.action, {
      method: 'POST',
      body: new FormData(form)
    })
    .then(function (r) { return r.text(); })
    .then(function (t) {
      btn.disabled = false;
      if (t.trim() === 'OK') {
        form.reset();
        status.textContent = 'Email sent.';
      } else {
        status.textContent = 'Error sending message.';
      }
    })
    .catch(function () {
      btn.disabled = false;
      status.textContent = 'Error sending message.';
    });
  });
})();
</script>
   


</body>
</html>