<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3D Flick Fix - Free Samples</title>
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Arial', sans-serif;
            background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
            color: white;
            min-height: 100vh;
        }

        /* Header Styles */
        .main-header {
            background: rgba(0, 0, 0, 0.9);
            backdrop-filter: blur(10px);
            border-bottom: 2px solid #357df9;
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .header-content {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1rem 2rem;
        }

        .logo-section .main-logo {
            height: 50px;
            width: auto;
        }

        .main-navigation {
            display: flex;
            align-items: center;
            gap: 2rem;
        }

        .nav-link {
            color: white;
            text-decoration: none;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }

        .nav-link:hover {
            background: #357df9;
            border-color: #357df9;
        }

        .nav-dropdown {
            position: relative;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background: rgba(0, 0, 0, 0.95);
            backdrop-filter: blur(10px);
            border: 1px solid #357df9;
            border-radius: 10px;
            min-width: 250px;
            padding: 1rem;
            z-index: 1001;
        }

        .nav-dropdown:hover .dropdown-content {
            display: block;
        }

        .dropdown-content a {
            display: block;
            padding: 0.5rem;
            margin: 0.2rem 0;
            border-radius: 5px;
        }

        /* Main Content */
        .main-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 2rem;
        }

        .hero-section {
            text-align: center;
            margin-bottom: 3rem;
        }

        .hero-title {
            font-size: 3rem;
            font-weight: bold;
            text-decoration: underline;
            margin-bottom: 2rem;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        }

        .hero-description {
            font-size: 1.1rem;
            line-height: 1.6;
            max-width: 800px;
            margin: 0 auto 1rem;
        }

        .warning-text {
            font-weight: bold;
            color: #ff6b6b;
        }

        .dead-links {
            font-style: italic;
            font-size: 0.9rem;
            margin: 1rem 0;
        }

        .dead-links a {
            color: #357df9;
            text-decoration: underline;
        }

        /* Month Sections */
        .month-section {
            margin: 4rem 0;
            padding: 2rem 0;
            border-top: 2px dashed rgba(255,255,255,0.3);
        }

        .month-title {
            font-size: 2.5rem;
            font-weight: bold;
            text-decoration: underline;
            text-align: center;
            margin-bottom: 3rem;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        }

        .movies-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 3rem;
            margin: 2rem 0;
        }

        .movie-item {
            text-align: center;
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            padding: 2rem;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .movie-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(53, 125, 249, 0.3);
        }

        .movie-poster {
            width: 100%;
            max-width: 220px;
            height: auto;
            border-radius: 10px;
            margin-bottom: 1.5rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
            transition: transform 0.3s ease;
        }

        .movie-poster:hover {
            transform: scale(1.05);
        }

        .download-btn {
            display: inline-block;
            background: #357df9;
            color: white;
            text-decoration: none;
            padding: 1rem 2rem;
            border-radius: 25px;
            font-weight: bold;
            border: 3px solid #000;
            transition: all 0.3s ease;
            margin: 0.25rem;
        }

        .download-btn:hover {
            background: #000;
            border-color: #357df9;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(53, 125, 249, 0.4);
        }

        /* Warning Section */
        .warning-section {
            background: rgba(255, 107, 107, 0.1);
            border: 2px solid rgba(255, 107, 107, 0.3);
            border-radius: 15px;
            padding: 2rem;
            margin: 3rem 0;
            text-align: center;
        }

        .month-links-btn {
            display: block;
            width: fit-content;
            margin: 2rem auto;
            background: #357df9;
            color: white;
            text-decoration: none;
            padding: 1rem 3rem;
            border-radius: 25px;
            font-weight: bold;
            font-size: 1.1rem;
            border: 3px solid #000;
            transition: all 0.3s ease;
        }

        .month-links-btn:hover {
            background: #000;
            border-color: #357df9;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(53, 125, 249, 0.4);
        }

        /* Footer Styles */
        .main-footer {
            background: rgba(0, 0, 0, 0.9);
            backdrop-filter: blur(10px);
            border-top: 2px solid #357df9;
            margin-top: 4rem;
        }

        .footer-content {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            padding: 2rem;
        }

        .footer-section h3 {
            color: #357df9;
            margin-bottom: 1rem;
            font-size: 1.3rem;
        }

        .footer-section p, .footer-section a {
            margin: 0.5rem 0;
            color: rgba(255,255,255,0.8);
            text-decoration: none;
            display: block;
        }

        .footer-section a:hover {
            color: #357df9;
        }

        .footer-logo-img {
            height: 60px;
            width: auto;
            margin-bottom: 1rem;
        }

        .subdomain-note {
            font-size: 0.8rem;
            color: rgba(255,255,255,0.6);
        }

        .social-links {
            display: flex;
            gap: 1rem;
            margin-top: 1rem;
        }

        .social-link {
            font-size: 1.5rem;
            padding: 0.5rem;
            border-radius: 50%;
            background: rgba(53, 125, 249, 0.2);
            transition: all 0.3s ease;
        }

        .social-link:hover {
            background: #357df9;
            transform: scale(1.1);
        }

        .footer-bottom {
            text-align: center;
            padding: 1rem;
            border-top: 1px solid rgba(255,255,255,0.1);
            color: rgba(255,255,255,0.6);
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .header-content {
                flex-direction: column;
                gap: 1rem;
                padding: 1rem;
            }

            .main-navigation {
                flex-wrap: wrap;
                justify-content: center;
            }

            .hero-title {
                font-size: 2rem;
            }

            .month-title {
                font-size: 2rem;
            }

            .main-content {
                padding: 1rem;
            }

            .movies-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
    <div class="main-header">
        <div class="header-content">
            <div class="logo-section">
                <img src="assets/3dff-logo-main.png" alt="3D Flick Fix" class="main-logo">
            </div>
            <nav class="main-navigation">
                <a href="https://www.3dflickfix.net/" class="nav-link">🏠 Main Site</a>
                <div class="nav-dropdown">
                    <a href="#" class="nav-link dropdown-toggle">MENU ▼</a>
                    <div class="dropdown-content">
                        <a href="movielist.html">📂 Movie Categories</a>
                        <a href="all.html">📖 A-Z List</a>
                        <hr style="border: 1px solid rgba(255,255,255,0.2); margin: 0.5rem 0;">
                        <a href="https://3dflickfix.shop/subscribe">💳 Subscriptions</a>
                        <a href="freesamples.html">🆓 Free Samples</a>
                        <a href="https://www.3dflickfix.net/testimonials">⭐ Testimonials</a>
                    </div>
                </div>
                <div class="nav-dropdown">
                    <a href="#" class="nav-link dropdown-toggle">Guides/Info ▼</a>
                    <div class="dropdown-content">
                        <a href="https://rentry.co/3dffoptions">📋 3D Flick Fix Options</a>
                        <a href="https://www.3dflickfix.net/signup-issues">❓ Signup Issues?</a>
                    </div>
                </div>
                <div class="nav-dropdown">
                    <a href="#" class="nav-link dropdown-toggle">Contact Us ▼</a>
                    <div class="dropdown-content">
                        <a href="mailto:3dff.support@3dflickfix.net">📧 Email</a>
                        <a href="https://t.me/flickfix_3d">📢 Movie Announcements (Telegram)</a>
                        <a href="https://t.me/the3DFlickFix">💬 Support and 3DFF Chat (Telegram)</a>
                        <a href="https://t.me/m/tqyrVnl9MTFh">👤 PM the 3DFF Admin (Telegram)</a>
                    </div>
                </div>
            </nav>
        </div>
    </div>

    <div class="main-content">
        <div class="hero-section">
            <h1 class="hero-title">FREE Samples</h1>
        </div>

        <!-- January Samples -->
        <section class="month-section">
            <h3 class="month-title">January Samples</h3>
            <div class="movies-grid">
                <div class="movie-item">
                    <img src="https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=221,h=336,fit=crop/m6LDjje1RpHPLEqb/220px-deadpool_-_wolverine_poster-1-YBge1EoO0qSvp4nQ.jpg" alt="Deadpool & Wolverine" class="movie-poster">
                    <a href="https://multiup.io/60ec84b736b0a7abead32fea4ff0e200" target="_blank" rel="nofollow" class="download-btn">Download</a>
                </div>
                <div class="movie-item">
                    <img src="https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=221,h=336,fit=crop/m6LDjje1RpHPLEqb/assassin-s_creed_film_poster-1-m7Vp4bgQgRS5vXlJ.jpg" alt="Assassin's Creed" class="movie-poster">
                    <a href="https://multiup.io/3193d4c789cda8c1c044fee884bca1ac" target="_blank" rel="nofollow" class="download-btn">Download Original</a>
                    <a href="https://multiup.io/4d5ac0c4966d0260eb5bb641294cd074" target="_blank" rel="nofollow" class="download-btn">Download 90 FPS AI Upscaled</a>
                </div>
            </div>
            <a href="https://rentry.co/jansamples" target="_blank" rel="nofollow" class="month-links-btn">Download Links - January</a>
        </section>

        <!-- February Samples -->
        <section class="month-section">
            <h3 class="month-title">February Samples</h3>
            <div class="movies-grid">
                <div class="movie-item">
                    <img src="https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=226,h=336,fit=crop/m6LDjje1RpHPLEqb/thetexaschainsawmassacre3dposter-1-AVLJgQ1a0qHk367k.jpg" alt="Texas Chainsaw (2013)" class="movie-poster">
                    <a href="https://multiup.io/download/c79896319edb4b9ab1c170ea2c35d5d9/VR-SBS_3840x1080_Texas_Chainsaw__2013_.mkv" target="_blank" rel="nofollow" class="download-btn">Download</a>
                </div>
                <div class="movie-item">
                    <img src="https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=226,h=336,fit=crop/m6LDjje1RpHPLEqb/titanic_-1997_film-_poster-1-d95pnGVKRyT89vZ8.png" alt="Titanic" class="movie-poster">
                    <a href="https://multiup.io/2ce32d1953178c5c12ae1ca7843733e0" target="_blank" rel="nofollow" class="download-btn">Download</a>
                </div>
            </div>
            <a href="https://multiup.io/project/00b944b4cbedf11c42e3187a2e29fec8" target="_blank" rel="nofollow" class="month-links-btn">Download Links - February</a>
        </section>

        <!-- March Samples -->
        <section class="month-section">
            <h3 class="month-title">March Samples</h3>
            <div class="movies-grid">
                <div class="movie-item">
                    <img src="https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=221,h=327,fit=crop/m6LDjje1RpHPLEqb/alita_battle_angel_-2019_poster-1-AMqnoBN42rC3Ky9q.png" alt="Alita Battle Angel" class="movie-poster">
                    <a href="https://multiup.io/ef3faa6389f0f8eaaf18dccc78c92164" target="_blank" rel="nofollow" class="download-btn">Download</a>
                </div>
                <div class="movie-item">
                    <img src="https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=221,h=327,fit=crop/m6LDjje1RpHPLEqb/220px-the_wild_robot_poster-1-YX4aL2jOlXi1n7WV.jpg" alt="The Wild Robot" class="movie-poster">
                    <a href="https://multiup.io/7c527da04d0a74064659742c11c07d18" target="_blank" rel="nofollow" class="download-btn">Download</a>
                </div>
            </div>
            <a href="https://multiup.io/project/bc538ad89c3b91f8d8d09e26e12bf823" target="_blank" rel="nofollow" class="month-links-btn">Download Links - March</a>
        </section>

        <!-- April Samples -->
        <section class="month-section">
            <h3 class="month-title">April Samples</h3>
            <div class="movies-grid">
                <div class="movie-item">
                    <img src="https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=221,h=327,fit=crop/m6LDjje1RpHPLEqb/cloudy_with_a_chance_of_meatballs_theataposter-1-mk3DO4JvJouEDgqQ.jpg" alt="Cloudy with a Chance of Meatballs" class="movie-poster">
                    <a href="https://multiup.io/en/download/f19f7b04d907356f3b5ee51c480cd4a2" target="_blank" rel="nofollow" class="download-btn">Download</a>
                </div>
                <div class="movie-item">
                    <img src="https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=221,h=327,fit=crop/m6LDjje1RpHPLEqb/spider-man-_across_the_spider-verse_poster-1-YZ98zWj2noFz4LM1.jpg" alt="Spider-Man: Across the Spider-Verse" class="movie-poster">
                    <a href="https://multiup.io/en/download/6b2ab8d3ddc0b8369f4061551a67fb6f" target="_blank" rel="nofollow" class="download-btn">Download</a>
                </div>
            </div>
            <a href="https://rentry.co/aprilsamplesfor3dff" target="_blank" rel="nofollow" class="month-links-btn">Download Links - April</a>
        </section>

        <!-- May Samples -->
        <section class="month-section">
            <h3 class="month-title">May Samples</h3>
            <div class="movies-grid">
                <div class="movie-item">
                    <img src="https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=221,h=327,fit=crop/m6LDjje1RpHPLEqb/250px-dune_-2021_film-1-AoPW9J0ExXsw2XDb.jpg" alt="Dune" class="movie-poster">
                    <a href="https://multiup.io/299eabf7a65c0c85e74cf15fbc92bb57" target="_blank" rel="nofollow" class="download-btn">Download</a>
                </div>
                <div class="movie-item">
                    <img src="https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=221,h=327,fit=crop/m6LDjje1RpHPLEqb/250px-pacific_rim_filmposter-1-mxB4PXkvoEiqy5nz.jpeg" alt="Pacific Rim" class="movie-poster">
                    <a href="https://multiup.io/44759adf4000fae46fd40aadf7739d65" target="_blank" rel="nofollow" class="download-btn">Download</a>
                </div>
            </div>
            <a href="https://multiup.io/project/e25fbda61e7899771658c7495101abe0" target="_blank" rel="nofollow" class="month-links-btn">Download Links - May</a>
        </section>

        <!-- June Samples -->
        <section class="month-section">
            <h3 class="month-title">June Samples</h3>
            <div class="movies-grid">
                <div class="movie-item">
                    <img src="assets/dunepart2.jpg" alt="Dune Part 2" class="movie-poster">
                    <a href="https://multiup.io/0b470f37860853584664b6c5b1331868" class="download-btn">Download</a>
                </div>
                <div class="movie-item">
                    <img src="assets\tenet.jpg" alt="Tenet" class="movie-poster">
                    <a href="https://multiup.io/edac90392c65451fadaaf4fa828a6ee8" class="download-btn">Download</a>
                </div>
                <div class="movie-item">
                    <img src="assets\hobbitanunexpetedjourney.jpg" alt="The Hobbit: An Unexpected Journey" class="movie-poster">
                    <a href="https://multiup.io/19b8a7a4f6104726406cdc9cbd5bee8c" class="download-btn">Download</a>
                </div>
            </div>
            <a href="https://multiup.io/project/56c4da70e841350c6e43c49dc01ad5af" class="month-links-btn">Download Links - June</a>
        </section>

        <!-- Warning Section -->
        <div class="warning-section">
            <p class="hero-description">
                Here are some free samples to check out some of our collection, this is a mix of what we have to offer. Accept these as free gifts. Because of the way we download as subscribers involves a login:password combination, the download method will be quite different, dont consider this a test of our server or server speed! You can either click on the video you are interested in to get that specific link to that one video or you can click the buttons for the whole month to see all the links all at once!<br><br>
                <span class="warning-text">WARNING</span> - the buttons are taking you away from our site! <strong><u>Fully recommend Ublock Origin or another good adblock and/or Jdownloader2 for the easiest experience.</u></strong>
				
            </p>
			<p class="dead-links">
                <em>Dead Links? Report Them <u><a href="mailto:3dff.support@3dflickfix.net">HERE</a></u></em>
            </p>
        </div>
    </div>

    <footer class="main-footer" id="contact">
        <div class="footer-content">
            <div class="footer-section">
                <img src="assets/3dff-logo-footer.png" alt="3D Flick Fix" class="footer-logo-img">
                <p>Experience the Best of 3D Cinema</p>
                <small class="subdomain-note">Movie Collection: movielist.3dflickfix.net</small>
            </div>
            <div class="footer-section">
                <h3>Contact Us</h3>
                <p>Email: 3dff.support@3dflickfix.net</p>
                <div class="social-links">
                    <a href="https://t.me/flickfix_3d" class="social-link">📧</a>
                    <a href="https://t.me/the3DFlickFix" class="social-link">💬</a>
                </div>
            </div>
            <div class="footer-section">
                <h3>Quick Links</h3>
                <a href="movielist.html">📂 Categories & Search</a>
                <a href="all.html">📖 A-Z List</a>
                <a href="https://www.3dflickfix.net/">🏠 Main Site</a>
                <a href="https://www.3dflickfix.net/free-samples">🆓 Free Samples</a>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; 2025 3D Flick Fix</p>
        </div>
    </footer>
</body>
</html>