It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://efruitbaskets.com

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.        <meta charset="UTF-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.    <meta name="description" content="Dapatkan Harga Voucher Game Terbaik Paling dan Termurah Seindonesia di April Game Store">
  7.    <meta name="robots" content="index, follow">
  8.    <meta property="og:title" content="APRIL GAME STORE #1">
  9.    <meta property="og:description" content="Instant delivery of digital game vouchers for all major platforms. Best prices guaranteed.">
  10.    <meta property="og:type" content="website">
  11.    <meta property="og:image" content="https://www.gamevoucherpro.com/images/social-preview.jpg">
  12.    
  13.    <title>APRIL GAME STORE #1</title>
  14.    
  15.    <!-- Favicon -->
  16.    <link rel="icon" type="image/png" href="favicon.png">
  17.    
  18.    <!-- Fonts -->
  19.    <link rel="preconnect" href="https://fonts.googleapis.com">
  20.    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  21.    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Orbitron:wght@700&display=swap" rel="stylesheet">
  22.    
  23.    <!-- Animate.css -->
  24.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
  25.    
  26.    <style>
  27.        :root {
  28.            --primary: #e70000;
  29.            --secondary: #b10000;
  30.            --accent: #fd79a8;
  31.            --dark: #2d3436;
  32.            --light: #f5f6fa;
  33.            --success: #00b894;
  34.        }
  35.        
  36.        * {
  37.            margin: 0;
  38.            padding: 0;
  39.            box-sizing: border-box;
  40.        }
  41.        
  42.        body {
  43.            font-family: 'Poppins', sans-serif;
  44.            color: var(--dark);
  45.            background-color: var(--light);
  46.            overflow-x: hidden;
  47.            line-height: 1.6;
  48.        }
  49.        
  50.        /* Header Styles */
  51.        header {
  52.            background: linear-gradient(135deg, var(--primary), var(--secondary));
  53.            color: white;
  54.            padding: 1rem 5%;
  55.            position: fixed;
  56.            width: 100%;
  57.            z-index: 1000;
  58.            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  59.            animation: fadeInDown 0.8s both;
  60.        }
  61.        
  62.        .header-container {
  63.            display: flex;
  64.            justify-content: space-between;
  65.            align-items: center;
  66.            max-width: 1400px;
  67.            margin: 0 auto;
  68.        }
  69.        
  70.        .logo {
  71.            font-family: 'Orbitron', sans-serif;
  72.            font-size: 1.8rem;
  73.            font-weight: 700;
  74.            display: flex;
  75.            align-items: center;
  76.        }
  77.        
  78.        .logo-icon {
  79.            margin-right: 10px;
  80.            animation: pulse 2s infinite;
  81.        }
  82.        
  83.        nav ul {
  84.            display: flex;
  85.            list-style: none;
  86.        }
  87.        
  88.        nav ul li {
  89.            margin-left: 2rem;
  90.        }
  91.        
  92.        nav ul li a {
  93.            color: white;
  94.            text-decoration: none;
  95.            font-weight: 500;
  96.            transition: all 0.3s ease;
  97.            position: relative;
  98.        }
  99.        
  100.        nav ul li a:hover {
  101.            color: var(--accent);
  102.        }
  103.        
  104.        nav ul li a::after {
  105.            content: '';
  106.            position: absolute;
  107.            width: 0;
  108.            height: 2px;
  109.            background: var(--accent);
  110.            bottom: -5px;
  111.            left: 0;
  112.            transition: width 0.3s ease;
  113.        }
  114.        
  115.        nav ul li a:hover::after {
  116.            width: 100%;
  117.        }
  118.        
  119.        .mobile-menu {
  120.            display: none;
  121.            font-size: 1.5rem;
  122.            cursor: pointer;
  123.        }
  124.        
  125.        /* Hero Section */
  126.        .hero {
  127.            background: linear-gradient(135deg, var(--primary), var(--secondary));
  128.            color: white;
  129.            padding: 10rem 5% 6rem;
  130.            text-align: center;
  131.            position: relative;
  132.            overflow: hidden;
  133.        }
  134.        
  135.        .hero::before {
  136.            content: '';
  137.            position: absolute;
  138.            top: 0;
  139.            left: 0;
  140.            width: 100%;
  141.            height: 100%;
  142.            background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjA1KSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg==');
  143.            opacity: 0.3;
  144.        }
  145.        
  146.        .hero-content {
  147.            max-width: 800px;
  148.            margin: 0 auto;
  149.            position: relative;
  150.            z-index: 1;
  151.        }
  152.        
  153.        .hero h1 {
  154.            font-size: 3.5rem;
  155.            margin-bottom: 1.5rem;
  156.            font-weight: 700;
  157.            animation: fadeInUp 0.8s 0.2s both;
  158.        }
  159.        
  160.        .hero p {
  161.            font-size: 1.2rem;
  162.            margin-bottom: 2rem;
  163.            opacity: 0.9;
  164.            animation: fadeInUp 0.8s 0.4s both;
  165.        }
  166.        
  167.        .cta-button {
  168.            display: inline-block;
  169.            background-color: var(--accent);
  170.            color: white;
  171.            padding: 0.8rem 2rem;
  172.            border-radius: 50px;
  173.            text-decoration: none;
  174.            font-weight: 600;
  175.            font-size: 1.1rem;
  176.            transition: all 0.3s ease;
  177.            box-shadow: 0 4px 15px rgba(253, 121, 168, 0.4);
  178.            animation: fadeInUp 0.8s 0.6s both;
  179.        }
  180.        
  181.        .cta-button:hover {
  182.            transform: translateY(-3px);
  183.            box-shadow: 0 6px 20px rgba(253, 121, 168, 0.6);
  184.            background-color: #ff6b9d;
  185.        }
  186.        
  187.        .floating-vouchers {
  188.            display: flex;
  189.            justify-content: center;
  190.            margin-top: 3rem;
  191.            animation: float 6s ease-in-out infinite;
  192.        }
  193.        
  194.        .voucher-card {
  195.            background: white;
  196.            border-radius: 12px;
  197.            padding: 1.5rem;
  198.            margin: 0 1rem;
  199.            width: 180px;
  200.            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  201.            transform-style: preserve-3d;
  202.            transition: all 0.5s ease;
  203.            color: var(--dark);
  204.            text-align: center;
  205.        }
  206.        
  207.        .voucher-card:nth-child(1) {
  208.            animation: float 4s ease-in-out infinite 0.5s;
  209.            transform: rotate(-5deg);
  210.        }
  211.        
  212.        .voucher-card:nth-child(2) {
  213.            animation: float 5s ease-in-out infinite 1s;
  214.            transform: rotate(3deg);
  215.        }
  216.        
  217.        .voucher-card:nth-child(3) {
  218.            animation: float 4.5s ease-in-out infinite 1.5s;
  219.            transform: rotate(-2deg);
  220.        }
  221.        
  222.        .voucher-card:hover {
  223.            transform: translateY(-10px) rotate(0deg) scale(1.05);
  224.            box-shadow: 0 15px 40px rgba(0,0,0,0.15);
  225.        }
  226.        
  227.        .voucher-card img {
  228.            width: 60px;
  229.            height: 60px;
  230.            margin-bottom: 1rem;
  231.        }
  232.        
  233.        .voucher-card h3 {
  234.            font-size: 1.1rem;
  235.            margin-bottom: 0.5rem;
  236.        }
  237.        
  238.        .voucher-card .price {
  239.            font-weight: 700;
  240.            color: var(--primary);
  241.            font-size: 1.3rem;
  242.        }
  243.        
  244.        /* Features Section */
  245.        .features {
  246.            padding: 6rem 5%;
  247.            background-color: white;
  248.        }
  249.        
  250.        .section-title {
  251.            text-align: center;
  252.            margin-bottom: 4rem;
  253.        }
  254.        
  255.        .section-title h2 {
  256.            font-size: 2.5rem;
  257.            color: var(--dark);
  258.            margin-bottom: 1rem;
  259.            position: relative;
  260.            display: inline-block;
  261.        }
  262.        
  263.        .section-title h2::after {
  264.            content: '';
  265.            position: absolute;
  266.            width: 60%;
  267.            height: 4px;
  268.            background: linear-gradient(to right, var(--primary), var(--accent));
  269.            bottom: -10px;
  270.            left: 20%;
  271.            border-radius: 2px;
  272.        }
  273.        
  274.        .section-title p {
  275.            color: #666;
  276.            max-width: 700px;
  277.            margin: 0 auto;
  278.        }
  279.        
  280.        .features-grid {
  281.            display: grid;
  282.            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  283.            gap: 2rem;
  284.            max-width: 1200px;
  285.            margin: 0 auto;
  286.        }
  287.        
  288.        .feature-card {
  289.            background: var(--light);
  290.            border-radius: 12px;
  291.            padding: 2rem;
  292.            text-align: center;
  293.            transition: all 0.3s ease;
  294.            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  295.        }
  296.        
  297.        .feature-card:hover {
  298.            transform: translateY(-10px);
  299.            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
  300.        }
  301.        
  302.        .feature-icon {
  303.            width: 80px;
  304.            height: 80px;
  305.            background: linear-gradient(135deg, var(--primary), var(--secondary));
  306.            border-radius: 50%;
  307.            display: flex;
  308.            align-items: center;
  309.            justify-content: center;
  310.            margin: 0 auto 1.5rem;
  311.            color: white;
  312.            font-size: 2rem;
  313.        }
  314.        
  315.        .feature-card h3 {
  316.            font-size: 1.3rem;
  317.            margin-bottom: 1rem;
  318.            color: var(--dark);
  319.        }
  320.        
  321.        .feature-card p {
  322.            color: #666;
  323.        }
  324.        
  325.        /* Platforms Section */
  326.        .platforms {
  327.            padding: 6rem 5%;
  328.            background: linear-gradient(135deg, #f5f7fa, #dfe6e9);
  329.        }
  330.        
  331.        .platforms-grid {
  332.            display: grid;
  333.            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  334.            gap: 2rem;
  335.            max-width: 1000px;
  336.            margin: 3rem auto 0;
  337.        }
  338.        
  339.        .platform-card {
  340.            background: white;
  341.            border-radius: 12px;
  342.            padding: 2rem 1rem;
  343.            text-align: center;
  344.            transition: all 0.3s ease;
  345.            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  346.        }
  347.        
  348.        .platform-card:hover {
  349.            transform: scale(1.05);
  350.        }
  351.        
  352.        .platform-card img {
  353.            width: 100px;
  354.            height: 100px;
  355.            object-fit: contain;
  356.            margin-bottom: 1rem;
  357.            filter: grayscale(30%);
  358.            transition: all 0.3s ease;
  359.        }
  360.        
  361.        .platform-card:hover img {
  362.            filter: grayscale(0%);
  363.        }
  364.        
  365.        .platform-card h3 {
  366.            font-size: 1.2rem;
  367.            color: var(--dark);
  368.        }
  369.        
  370.        /* Testimonials */
  371.        .testimonials {
  372.            padding: 6rem 5%;
  373.            background-color: white;
  374.        }
  375.        
  376.        .testimonials-slider {
  377.            max-width: 1000px;
  378.            margin: 3rem auto 0;
  379.            position: relative;
  380.        }
  381.        
  382.        .testimonial-card {
  383.            background: var(--light);
  384.            border-radius: 12px;
  385.            padding: 2rem;
  386.            margin: 0 1rem;
  387.            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  388.            position: relative;
  389.        }
  390.        
  391.        .testimonial-card::before {
  392.            content: '"';
  393.            position: absolute;
  394.            top: 20px;
  395.            left: 20px;
  396.            font-size: 5rem;
  397.            color: rgba(108, 92, 231, 0.1);
  398.            font-family: serif;
  399.            line-height: 1;
  400.        }
  401.        
  402.        .testimonial-content {
  403.            position: relative;
  404.            z-index: 1;
  405.            margin-bottom: 1.5rem;
  406.            font-style: italic;
  407.            color: #555;
  408.        }
  409.        
  410.        .testimonial-author {
  411.            display: flex;
  412.            align-items: center;
  413.        }
  414.        
  415.        .testimonial-author img {
  416.            width: 50px;
  417.            height: 50px;
  418.            border-radius: 50%;
  419.            object-fit: cover;
  420.            margin-right: 1rem;
  421.        }
  422.        
  423.        .author-info h4 {
  424.            font-size: 1.1rem;
  425.            color: var(--dark);
  426.            margin-bottom: 0.2rem;
  427.        }
  428.        
  429.        .author-info p {
  430.            font-size: 0.9rem;
  431.            color: #777;
  432.        }
  433.        
  434.        /* CTA Section */
  435.        .cta-section {
  436.            padding: 6rem 5%;
  437.            background: linear-gradient(135deg, var(--primary), var(--secondary));
  438.            color: white;
  439.            text-align: center;
  440.            position: relative;
  441.            overflow: hidden;
  442.        }
  443.        
  444.        .cta-section::before {
  445.            content: '';
  446.            position: absolute;
  447.            top: 0;
  448.            left: 0;
  449.            width: 100%;
  450.            height: 100%;
  451.            background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjA1KSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg==');
  452.            opacity: 0.3;
  453.        }
  454.        
  455.        .cta-content {
  456.            max-width: 800px;
  457.            margin: 0 auto;
  458.            position: relative;
  459.            z-index: 1;
  460.        }
  461.        
  462.        .cta-section h2 {
  463.            font-size: 2.5rem;
  464.            margin-bottom: 1.5rem;
  465.        }
  466.        
  467.        .cta-section p {
  468.            font-size: 1.2rem;
  469.            margin-bottom: 2rem;
  470.            opacity: 0.9;
  471.        }
  472.        
  473.        /* Footer */
  474.        footer {
  475.            background-color: var(--dark);
  476.            color: white;
  477.            padding: 4rem 5% 2rem;
  478.        }
  479.        
  480.        .footer-container {
  481.            display: grid;
  482.            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  483.            gap: 2rem;
  484.            max-width: 1200px;
  485.            margin: 0 auto;
  486.        }
  487.        
  488.        .footer-logo {
  489.            font-family: 'Orbitron', sans-serif;
  490.            font-size: 1.8rem;
  491.            font-weight: 700;
  492.            margin-bottom: 1rem;
  493.            display: inline-block;
  494.        }
  495.        
  496.        .footer-about p {
  497.            opacity: 0.8;
  498.            margin-bottom: 1.5rem;
  499.        }
  500.        
  501.        .social-links {
  502.            display: flex;
  503.            gap: 1rem;
  504.        }
  505.        
  506.        .social-links a {
  507.            display: flex;
  508.            align-items: center;
  509.            justify-content: center;
  510.            width: 40px;
  511.            height: 40px;
  512.            background: rgba(255,255,255,0.1);
  513.            border-radius: 50%;
  514.            color: white;
  515.            text-decoration: none;
  516.            transition: all 0.3s ease;
  517.        }
  518.        
  519.        .social-links a:hover {
  520.            background: var(--accent);
  521.            transform: translateY(-3px);
  522.        }
  523.        
  524.        .footer-links h3 {
  525.            font-size: 1.2rem;
  526.            margin-bottom: 1.5rem;
  527.            position: relative;
  528.            display: inline-block;
  529.        }
  530.        
  531.        .footer-links h3::after {
  532.            content: '';
  533.            position: absolute;
  534.            width: 50%;
  535.            height: 2px;
  536.            background: var(--accent);
  537.            bottom: -8px;
  538.            left: 0;
  539.        }
  540.        
  541.        .footer-links ul {
  542.            list-style: none;
  543.        }
  544.        
  545.        .footer-links ul li {
  546.            margin-bottom: 0.8rem;
  547.        }
  548.        
  549.        .footer-links ul li a {
  550.            color: rgba(255,255,255,0.8);
  551.            text-decoration: none;
  552.            transition: all 0.3s ease;
  553.        }
  554.        
  555.        .footer-links ul li a:hover {
  556.            color: var(--accent);
  557.            padding-left: 5px;
  558.        }
  559.        
  560.        .footer-newsletter p {
  561.            opacity: 0.8;
  562.            margin-bottom: 1.5rem;
  563.        }
  564.        
  565.        .newsletter-form {
  566.            display: flex;
  567.        }
  568.        
  569.        .newsletter-form input {
  570.            flex: 1;
  571.            padding: 0.8rem;
  572.            border: none;
  573.            border-radius: 4px 0 0 4px;
  574.            font-family: inherit;
  575.        }
  576.        
  577.        .newsletter-form button {
  578.            background: var(--accent);
  579.            color: white;
  580.            border: none;
  581.            padding: 0 1.5rem;
  582.            border-radius: 0 4px 4px 0;
  583.            cursor: pointer;
  584.            transition: all 0.3s ease;
  585.        }
  586.        
  587.        .newsletter-form button:hover {
  588.            background: #ff6b9d;
  589.        }
  590.        
  591.        .copyright {
  592.            text-align: center;
  593.            padding-top: 2rem;
  594.            margin-top: 2rem;
  595.            border-top: 1px solid rgba(255,255,255,0.1);
  596.            opacity: 0.7;
  597.            font-size: 0.9rem;
  598.        }
  599.        
  600.        /* Animations */
  601.        @keyframes float {
  602.            0% { transform: translateY(0px); }
  603.            50% { transform: translateY(-15px); }
  604.            100% { transform: translateY(0px); }
  605.        }
  606.        
  607.        @keyframes pulse {
  608.            0% { transform: scale(1); }
  609.            50% { transform: scale(1.1); }
  610.            100% { transform: scale(1); }
  611.        }
  612.        
  613.        /* Responsive Styles */
  614.        @media (max-width: 992px) {
  615.            .hero h1 {
  616.                font-size: 2.8rem;
  617.            }
  618.            
  619.            .voucher-card {
  620.                width: 150px;
  621.                padding: 1rem;
  622.            }
  623.        }
  624.        
  625.        @media (max-width: 768px) {
  626.            nav ul {
  627.                display: none;
  628.            }
  629.            
  630.            .mobile-menu {
  631.                display: block;
  632.            }
  633.            
  634.            .hero h1 {
  635.                font-size: 2.2rem;
  636.            }
  637.            
  638.            .hero p {
  639.                font-size: 1rem;
  640.            }
  641.            
  642.            .floating-vouchers {
  643.                flex-direction: column;
  644.                align-items: center;
  645.            }
  646.            
  647.            .voucher-card {
  648.                width: 80%;
  649.                max-width: 250px;
  650.                margin: 0.5rem 0;
  651.            }
  652.            
  653.            .section-title h2 {
  654.                font-size: 2rem;
  655.            }
  656.        }
  657.        
  658.        @media (max-width: 576px) {
  659.            .hero {
  660.                padding: 8rem 5% 4rem;
  661.            }
  662.            
  663.            .hero h1 {
  664.                font-size: 1.8rem;
  665.            }
  666.            
  667.            .cta-button {
  668.                padding: 0.7rem 1.5rem;
  669.                font-size: 1rem;
  670.            }
  671.            
  672.            .section-title h2 {
  673.                font-size: 1.8rem;
  674.            }
  675.            
  676.            .feature-card {
  677.                padding: 1.5rem;
  678.            }
  679.            
  680.            .platforms-grid {
  681.                grid-template-columns: repeat(2, 1fr);
  682.            }
  683.            
  684.            .cta-section h2 {
  685.                font-size: 2rem;
  686.            }
  687.        }
  688.    </style>
  689. </head>
  690. <body>
  691.    <!-- Header -->
  692.    <header>
  693.        <div class="header-container">
  694.            <div class="logo">
  695.                <span class="logo-icon">🎮</span>
  696.                <span>APRIL GAME STORE #1</span>
  697.            </div>
  698.            <nav>
  699.                <ul>
  700.                    <li><a href="#home">Home</a></li>
  701.                    <li><a href="#features">Features</a></li>
  702.                    <li><a href="#platforms">Platforms</a></li>
  703.                    <li><a href="#testimonials">Testimonials</a></li>
  704.                    <li><a href="#contact">Contact</a></li>
  705.                </ul>
  706.            </nav>
  707.            <div class="mobile-menu">☰</div>
  708.        </div>
  709.    </header>
  710.  
  711.    <!-- Hero Section -->
  712.    <section class="hero" id="home">
  713.        <div class="hero-content">
  714.            <h1>Premium Game Vouchers for All Platforms</h1>
  715.            <p>Instant delivery of digital game vouchers and gift cards. Get the best prices for Steam, PlayStation, Xbox, Nintendo and more in 2025.</p>
  716.            <a href="#platforms" class="cta-button">Browse Vouchers</a>
  717.            
  718.            <div class="floating-vouchers">
  719.                <div class="voucher-card">
  720.                    <img src="https://poin.today/img/card-gv13.png" alt="Steam Voucher">
  721.                    <h3>Steam Wallet</h3>
  722.                    <div class="price">$50</div>
  723.                </div>
  724.                <div class="voucher-card">
  725.                    <img src="https://e7.pngegg.com/pngimages/283/304/png-clipart-playstation-4-playstation-network-card-gift-card-supermarket-cards-playstation-4-playstation-thumbnail.png" alt="PlayStation Voucher">
  726.                    <h3>PSN Card</h3>
  727.                    <div class="price">$25</div>
  728.                </div>
  729.                <div class="voucher-card">
  730.                    <img src="https://eshop.umniah.com/media/catalog/product/cache/10f775673909dc895c411fb073a2d26d/x/b/xb50_1.png" alt="Xbox Voucher">
  731.                    <h3>Xbox Live</h3>
  732.                    <div class="price">$20</div>
  733.                </div>
  734.            </div>
  735.        </div>
  736.    </section>
  737.  
  738.    <!-- Features Section -->
  739.    <section class="features" id="features">
  740.        <div class="section-title">
  741.            <h2>Why Choose Our Vouchers</h2>
  742.            <p>We provide the fastest, safest and most convenient way to purchase game vouchers online</p>
  743.        </div>
  744.        
  745.        <div class="features-grid">
  746.            <div class="feature-card animate__animated animate__fadeInUp">
  747.                <div class="feature-icon">⚡</div>
  748.                <h3>Instant Delivery</h3>
  749.                <p>Receive your digital voucher code immediately after payment via email or directly in your account.</p>
  750.            </div>
  751.            
  752.            <div class="feature-card animate__animated animate__fadeInUp animate__delay-1s">
  753.                <div class="feature-icon">🔒</div>
  754.                <h3>100% Secure</h3>
  755.                <p>All transactions are encrypted and protected. We never store your payment information.</p>
  756.            </div>
  757.            
  758.            <div class="feature-card animate__animated animate__fadeInUp animate__delay-2s">
  759.                <div class="feature-icon">💰</div>
  760.                <h3>Best Prices</h3>
  761.                <p>We offer competitive prices with regular discounts and special offers for our members.</p>
  762.            </div>
  763.            
  764.            <div class="feature-card animate__animated animate__fadeInUp">
  765.                <div class="feature-icon">🌎</div>
  766.                <h3>Global Coverage</h3>
  767.                <p>Vouchers available for all regions and currencies. No region lock restrictions.</p>
  768.            </div>
  769.            
  770.            <div class="feature-card animate__animated animate__fadeInUp animate__delay-1s">
  771.                <div class="feature-icon">🔄</div>
  772.                <h3>Easy Refunds</h3>
  773.                <p>Unused vouchers can be refunded within 14 days with our no-questions-asked policy.</p>
  774.            </div>
  775.            
  776.            <div class="feature-card animate__animated animate__fadeInUp animate__delay-2s">
  777.                <div class="feature-icon">🎁</div>
  778.                <h3>Gift Options</h3>
  779.                <p>Send vouchers as gifts with personalized messages for birthdays and special occasions.</p>
  780.            </div>
  781.        </div>
  782.    </section>
  783.  
  784.    <!-- Platforms Section -->
  785.    <section class="platforms" id="platforms">
  786.        <div class="section-title">
  787.            <h2>Supported Platforms</h2>
  788.            <p>We offer vouchers for all major gaming platforms and services</p>
  789.        </div>
  790.        
  791.        <div class="platforms-grid">
  792.            <div class="platform-card">
  793.                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Steam_icon_logo.svg/768px-Steam_icon_logo.svg.png" alt="Steam Logo">
  794.                <h3>Steam</h3>
  795.            </div>
  796.            <div class="platform-card">
  797.                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/00/PlayStation_logo.svg/2560px-PlayStation_logo.svg.png" alt="PlayStation Logo">
  798.                <h3>PlayStation</h3>
  799.            </div>
  800.            <div class="platform-card">
  801.                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f9/Xbox_one_logo.svg/1200px-Xbox_one_logo.svg.png" alt="Xbox Logo">
  802.                <h3>Xbox</h3>
  803.            </div>
  804.            <div class="platform-card">
  805.                <img src="https://images.icon-icons.com/2429/PNG/512/nintendo_logo_icon_147258.png" alt="Nintendo Logo">
  806.                <h3>Nintendo</h3>
  807.            </div>
  808.            <div class="platform-card">
  809.                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/31/Epic_Games_logo.svg/1764px-Epic_Games_logo.svg.png" alt="Epic Games Logo">
  810.                <h3>Epic Games</h3>
  811.            </div>
  812.            <div class="platform-card">
  813.                <img src="https://1000logos.net/wp-content/uploads/2022/10/BattleNet-logo.png" alt="Battle.net Logo">
  814.                <h3>Battle.net</h3>
  815.            </div>
  816.            <div class="platform-card">
  817.                <img src="https://images.seeklogo.com/logo-png/33/2/origin-energy-logo-png_seeklogo-332130.png" alt="Origin Logo">
  818.                <h3>EA Origin</h3>
  819.            </div>
  820.            <div class="platform-card">
  821.                <img src="https://lh6.googleusercontent.com/6mpFZHFKO95j4dfkvdoYK8_HwG57LVfvA-1LHISiQhgLCUI0sLdm2e5NAtc1ERXhoJw9ugKztZKdCNlZS2Kw9k6nQemMNKcjk0mSlsLWk0mK9Y2B5nj8fsD6gA416bcmjT-oNlXWZ5vRGWp4WDL0K88-hC_-BPxRVxu-qTNxsUrsdUyu4DveHyAgwfOKm11pyzI" alt="Ubisoft Logo">
  822.                <h3>Ubisoft</h3>
  823.            </div>
  824.        </div>
  825.    </section>
  826.    <!-- CTA Section -->
  827.    <section class="cta-section">
  828.        <div class="cta-content">
  829.            <h2>Ready to Level Up Your Gaming?</h2>
  830.            <p>Join thousands of satisfied customers and get your game vouchers instantly today</p>
  831.            <a href="https://efruitbaskets.com" class="cta-button">Get Started Now</a>
  832.        </div>
  833.    </section>
  834.  
  835.    <!-- Footer -->
  836.    <footer id="contact">
  837.        <div class="footer-container">
  838.            <div class="footer-about">
  839.                <div class="footer-logo">APRIL GAME STORE #1</div>
  840.                <p>The leading provider of digital game vouchers and gift cards since 2018. Instant delivery, competitive prices, and exceptional customer service.</p>
  841.                <div class="social-links">
  842.                    <a href="#" aria-label="Facebook">f</a>
  843.                    <a href="#" aria-label="Twitter">t</a>
  844.                    <a href="#" aria-label="Instagram">i</a>
  845.                    <a href="#" aria-label="Discord">d</a>
  846.                </div>
  847.            </div>
  848.            
  849.            <div class="footer-links">
  850.                <h3>Quick Links</h3>
  851.                <ul>
  852.                    <li><a href="#home">Home</a></li>
  853.                    <li><a href="#features">Features</a></li>
  854.                    <li><a href="#platforms">Platforms</a></li>
  855.                    <li><a href="#testimonials">Testimonials</a></li>
  856.                    <li><a href="#contact">Contact</a></li>
  857.                </ul>
  858.            </div>
  859.            
  860.            <div class="footer-links">
  861.                <h3>Support</h3>
  862.                <ul>
  863.                    <li><a href="#">FAQ</a></li>
  864.                    <li><a href="#">Help Center</a></li>
  865.                    <li><a href="#">Payment Methods</a></li>
  866.                    <li><a href="#">Refund Policy</a></li>
  867.                    <li><a href="#">Terms of Service</a></li>
  868.                </ul>
  869.            </div>
  870.            
  871.            <div class="footer-newsletter">
  872.                <h3>Newsletter</h3>
  873.                <p>Subscribe to get exclusive offers and gaming news</p>
  874.                <form class="newsletter-form">
  875.                    <input type="email" placeholder="Your email address" required>
  876.                    <button type="submit">→</button>
  877.                </form>
  878.            </div>
  879.        </div>
  880.        
  881.        <div class="copyright">
  882.            &copy; 2025 APRIL GAME STORE #1. All rights reserved.
  883.        </div>
  884.    </footer>
  885.  
  886.    <!-- Scripts -->
  887.    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  888.    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
  889.    
  890.    <script>
  891.        // Mobile menu toggle
  892.        $('.mobile-menu').click(function() {
  893.            $('nav ul').slideToggle();
  894.        });
  895.        
  896.        // Smooth scrolling for anchor links
  897.        $('a[href*="#"]').on('click', function(e) {
  898.            e.preventDefault();
  899.            
  900.            $('html, body').animate(
  901.                {
  902.                    scrollTop: $($(this).attr('href')).offset().top - 80,
  903.                },
  904.                500,
  905.                'linear'
  906.            );
  907.        });
  908.        
  909.        // Testimonials slider
  910.        $('.testimonials-slider').slick({
  911.            dots: true,
  912.            infinite: true,
  913.            speed: 300,
  914.            slidesToShow: 1,
  915.            adaptiveHeight: true,
  916.            autoplay: true,
  917.            autoplaySpeed: 5000,
  918.        });
  919.        
  920.        // Animation on scroll
  921.        $(window).scroll(function() {
  922.            $('.feature-card').each(function() {
  923.                var position = $(this).offset().top;
  924.                var scroll = $(window).scrollTop();
  925.                var windowHeight = $(window).height();
  926.                
  927.                if (scroll > position - windowHeight + 200) {
  928.                    $(this).addClass('animate__fadeInUp');
  929.                }
  930.            });
  931.        });
  932.    </script>
  933. </body>
  934. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda