<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hassan Maynard | IT Strategy & Security Expert | Greater New York</title>
    <meta name="description"
        content="Portfolio of Hassan Maynard. Strategic IT solutions specializing in Cloud Computing, Network Security, and Data Analytics across the Greater New York area.">

    <!-- SEO & Social Sharing -->
    <meta property="og:title" content="Hassan Maynard | IT Strategy & Security Expert | Greater New York">
    <meta property="og:description"
        content="Professional IT solutions driving digital transformation with a focus on stability and business-oriented Information Systems.">
    <meta property="og:url" content="https://hassanmaynard.com">
    <meta property="og:type" content="website">
    <meta name="twitter:card" content="summary_large_image">


    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Poppins:wght@500;600;700&display=swap"
        rel="stylesheet">

    <!-- Icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">


    <!-- Styles -->
    <link rel="icon" type="image/png" href="assets/images/cropped-HM-2016.png">
    <link rel="stylesheet" href="style.css">

</head>

<body>

    <!-- Header -->
    <header id="header">
        <nav class="container">
            <a href="/" class="logo">
                <img src="assets/images/Hassan_Maynard_Logo.png" alt="Hassan Maynard Logo" style="height: 50px;">
            </a>


            <ul class="nav-links">
                <li><a href="#hero">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#solutions">Solutions</a></li>
                <li><a href="#testimonials">Testimonials</a></li>
                <li><a href="#contact" class="btn btn-outline">Contact</a></li>
            </ul>
            <div class="mobile-toggle">
                <i class="fas fa-bars"></i>
            </div>
        </nav>
    </header>

    <!-- Hero Section -->
    <section id="hero" class="section">
        <div class="container hero-grid">
            <div class="hero-content fade-in-up">
                <p class="overline">Experienced & Innovative</p>
                <h1>Hassan Maynard:<br>IT Professional & <span class="text-gradient">Innovator</span></h1>
                <p class="hero-desc">Delivering cutting-edge solutions for modern tech challenges. I help businesses
                    transform their IT strategy.</p>
                <div class="hero-btns">
                    <a href="http://www.linkedin.com/in/hassanmaynard" target="_blank" class="btn btn-primary">Explore
                        My Work</a>
                </div>

            </div>
            <!-- Image removed as it is now the section background -->


        </div>
    </section>

    <!-- Meet Hassan Section -->
    <section id="about" class="section">
        <!-- Background Slideshow Layers -->
        <div class="bg-slideshow">
            <div class="bg-layer" style="background-image: url('assets/images/nyc-skyline.png');"></div>
            <div class="bg-layer" style="background-image: url('assets/images/nyc-bridge.png');"></div>
            <div class="bg-layer" style="background-image: url('assets/images/long-island.png');"></div>
        </div>
        <div class="container">

            <div class="section-header text-center fade-in-up">
                <h2>Meet Hassan Maynard</h2>
                <div class="avatar-container">
                    <img src="assets/images/cropped-HM-2016.png" alt="Hassan Maynard" class="avatar-small">
                </div>
            </div>





            <div class="about-grid">
                <div class="about-text fade-in-up">
                    <blockquote class="about-quote">
                        "Innovation shouldn't come at the cost of stability. In the rush to modernize, you don’t throw
                        the baby out with the bathwater. I focus on preserving your organizational momentum while
                        identifying the groundbreaking efficiencies that turn 'what works' into 'what wins.'"
                    </blockquote>

                    <h3>My Approach to Modern IT</h3>
                    <p>With over a decade of experience driving digital transformation across the <strong>Greater New
                            York area</strong>, Hassan Maynard is a seasoned professional known for his strategic,
                        results-oriented approach to technology. Holding a degree in <strong>Computer Information
                            Systems</strong>, Hassan balances a deep technical foundation with a pragmatic business
                        lens.</p>
                    <p>He believes that in the rush to innovate, you shouldn’t "throw the baby out with the bathwater."
                        Instead, he focuses on preserving organizational momentum while identifying the
                        <strong>groundbreaking efficiencies</strong> that turn existing systems into competitive
                        advantages. His expertise spans <strong>Network Security, Cloud Computing (Rackspace & Managed
                            Infrastructure), and Data Analytics</strong>, making him a versatile asset for any
                        organization looking to scale securely.
                    </p>
                </div>


                <!-- 3D Art Feature (Cyborg Mashup) -->
                <div class="about-art fade-in-up delay-100">
                    <div class="techno-portrait-container">
                        <div class="techno-portrait">
                            <img src="assets/images/hassan_portrait.jpg" alt="Hassan Maynard" class="feature-img">
                            <!-- Cyborg Tech Layers -->
                            <div class="cyborg-tech-layer"></div>
                            <div class="circuit-glow"></div>
                            <div class="scan-line"></div>
                            <div class="glitch-effect"></div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </section>

    <!-- Solutions Section -->
    <section id="solutions" class="section">
        <div class="container">
            <div class="section-header text-center fade-in-up">
                <h2>HaaS IT Solutions</h2>
                <p class="subtitle">Comprehensive services for your digital transformation</p>
            </div>

            <div class="solutions-grid">
                <!-- Card 1 -->
                <div class="card fade-in-up">
                    <div class="card-icon">
                        <i class="fas fa-cloud"></i>
                    </div>
                    <h3>Cloud-Based Infrastructure Optimization</h3>
                    <p>Reduce costs and improve agility by consolidating IT resources onto a high-performance
                        <strong>cloud platform</strong>. Specializing in <strong>Rackspace</strong> and managed cloud
                        environments, I ensure your migration is seamless and preserves your business momentum.
                    </p>
                    <a href="#contact" class="card-link">Learn More <i class="fas fa-arrow-right"></i></a>

                </div>


                <!-- Card 2 -->
                <div class="card fade-in-up delay-100">
                    <div class="card-icon">
                        <i class="fas fa-shield-alt"></i>
                    </div>
                    <h3>Enhanced Cybersecurity Solutions</h3>
                    <p>Protect your sensitive data and mitigate risks with comprehensive <strong>cybersecurity
                            measures</strong>. I harden your network against modern threats while ensuring your systems
                        remain efficient and compliant.</p>
                    <a href="#contact" class="card-link">Discover More <i class="fas fa-arrow-right"></i></a>

                </div>


                <!-- Card 3 -->
                <div class="card fade-in-up delay-200">
                    <div class="card-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <h3>Data-Driven Decision Making</h3>
                    <p>Gain valuable insights from your data to drive <strong>informed business decisions</strong>. By
                        uncovering hidden efficiencies in your current data sets, I help you turn raw information into a
                        roadmap for growth.</p>
                    <a href="#contact" class="card-link">Get Started <i class="fas fa-arrow-right"></i></a>

                </div>

            </div>
        </div>
    </section>

    <!-- Testimonials Section -->
    <section id="testimonials" class="section testimonials-section">
        <!-- Floating decorative orbs -->
        <div class="testimonial-orb orb-1"></div>
        <div class="testimonial-orb orb-2"></div>

        <div class="container" style="position: relative; z-index: 2;">
            <div class="section-header text-center fade-in-up">
                <h2>What People Say</h2>
            </div>

            <!-- Testimonial Mosaic -->
            <div class="testimonials-mosaic">
                <!-- Column 1 -->
                <div class="mosaic-column">
                    <!-- Binu K. -->
                    <div class="testimonial-card glass-card fade-in-up" data-tilt>
                        <i class="fas fa-quote-left mini-quote-mark"></i>
                        <p class="quote-text mini">"Hassan is hard working, detailed and innovative. Hassan’s experience
                            allows him to set a standard and be the standard in everything he does. Hassan attention to
                            detail is amazing and brings a level of professionalism that is hard to find these days.
                            Hassan’s success is due to his passion, dedication and innovation."</p>
                        <div class="user-mini">
                            <img src="assets/images/BinuK.png" alt="Binu K.">
                            <div>
                                <span>Binu K., MS, RHIA, CCDS, CCS, CCS-P</span>
                                <small style="display: block; opacity: 0.7; font-size: 0.8rem;">Associate Director -
                                    Coding @ NYU Langone Health | Certified Coding Specialist, CCDS</small>
                            </div>
                        </div>
                    </div>


                    <!-- Robert R. (Short) -->
                    <div class="testimonial-card glass-card fade-in-up delay-200" data-tilt>
                        <i class="fas fa-quote-left mini-quote-mark"></i>
                        <p class="quote-text mini">"Hassan is very detail oriented and organized. Hassan is an important
                            factor in the increase of success at the company."</p>
                        <div class="user-mini">
                            <img src="assets/images/RobertR.jpg" alt="Robert R.">
                            <div>
                                <span>Robert R.</span>
                                <small style="display: block; opacity: 0.7; font-size: 0.8rem;">Business Development
                                    Manager at Hanger, Inc.</small>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Column 2 -->
                <div class="mosaic-column">
                    <!-- Deborah W. (Medium) -->
                    <div class="testimonial-card glass-card fade-in-up delay-100" data-tilt>
                        <i class="fas fa-quote-left mini-quote-mark"></i>
                        <p class="quote-text mini">"Both personable and professional, Hassan is responsive and thorough.
                            Whether a “quick fix” or more extensive resolution is required, he follows up; ensuring
                            quality. I found him to be intelligent and gracious; Hassan receives my highest
                            recommendation."</p>
                        <div class="user-mini">
                            <img src="assets/images/DeborahW.jpg" alt="Deborah W.">
                            <div>
                                <span>Deborah W., RA, PMP, LEED AP BD+C, NCARB</span>
                                <small style="display: block; opacity: 0.7; font-size: 0.8rem;">Veterans Health
                                    Administration</small>
                            </div>
                        </div>
                    </div>

                    <!-- Vipin T. (Medium) -->
                    <div class="testimonial-card glass-card fade-in-up delay-300" data-tilt>
                        <i class="fas fa-quote-left mini-quote-mark"></i>
                        <p class="quote-text mini">"I had the pleasure of working with Hassan for 2 years. A true IT
                            leader
                            that is available 24/7 for his organization. His depth of knowledge and ability to
                            articulate complex IT terms and issues is bar none. A very good human being!"</p>
                        <div class="user-mini">
                            <img src="assets/images/VipinT.jpg" alt="Vipin T.">
                            <div>
                                <span>Vipin T.</span>
                                <small style="display: block; opacity: 0.7; font-size: 0.8rem;">Senior Finance
                                    Executive</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </section>

    <!-- Connect Section -->
    <section id="contact" class="section">
        <div class="container">
            <div class="section-header text-center fade-in-up">
                <h2>Connect with Hassan</h2>
                <p>Ready to start your next project?</p>
            </div>

            <div class="contact-wrapper fade-in-up">
                <form class="contact-form" action="contact.php" method="POST">

                    <div class="form-row">
                        <div class="form-group half">
                            <input type="text" name="name" placeholder="Full Name" required>
                        </div>
                        <div class="form-group half">
                            <input type="email" name="email" placeholder="Email Address" required>
                        </div>

                    </div>
                    <div class="form-group">
                        <select name="service">
                            <option value="">Select a Service...</option>
                            <option value="Cloud-Based Infrastructure Optimization">Cloud-Based Infrastructure
                                Optimization</option>
                            <option value="Enhanced Cybersecurity Solutions">Enhanced Cybersecurity Solutions</option>
                            <option value="Data-Driven Decision Making">Data-Driven Decision Making</option>
                            <option value="Other">Other</option>
                        </select>
                    </div>



                    <div class="form-group">
                        <textarea name="message" placeholder="Tell me about your project..." rows="5"
                            required></textarea>
                    </div>

                    <div class="form-group" style="display:none;">
                        <input type="text" name="honeypot" tabindex="-1" autocomplete="off">
                        <input type="hidden" name="form_time" id="form_time" value="">
                    </div>



                    <button type="submit" class="btn btn-primary btn-block">
                        <i class="fas fa-lock" style="margin-right: 8px;"></i> Secure Send
                    </button>
                    <div class="security-badge"
                        style="margin-top: 15px; font-size: 0.8rem; color: rgba(255,255,255,0.6); display: flex; align-items: center; justify-content: center; gap: 8px;">
                        <i class="fas fa-shield-alt"></i> 256-bit Encrypted Transmission
                    </div>

                </form>
            </div>
        </div>
    </section>

    <footer class="main-footer">
        <div class="container footer-content">
            <div class="footer-bottom">
                <p>&copy; <span id="current-year">2025</span> Hassan Maynard. All rights reserved.</p>

                <div class="social-links">
                    <a href="http://www.linkedin.com/in/hassanmaynard" target="_blank"><i
                            class="fab fa-linkedin"></i></a>
                    <a href="https://x.com/HassanMaynard/" target="_blank"><i class="fab fa-x-twitter"></i></a>
                </div>

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

    <!-- Scripts -->
    <script src="script.js?v=1.3"></script>



</body>

</html>