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://valebyte.com

  1. <!DOCTYPE html>
  2. <html lang="ru">
  3. <head>
  4.    <meta charset="UTF-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.    <title>VPS Hosting - Premium VPS от $4.99/мес | Valebyte</title>
  7.    
  8.    <!-- SEO Meta Tags -->
  9.    <meta name="description" content="Надежный VPS хостинг в Нидерландах от $4.99/мес. NVMe SSD диски, безлимитный трафик, DDoS защита, Windows бесплатно. Круглосуточная поддержка.">
  10.    <meta name="keywords" content="VPS хостинг, виртуальный сервер, дешевый VPS, VPS Нидерланды, Windows VPS, Linux VPS, SSD VPS, DDoS защита, безлимитный трафик">
  11.    <meta name="author" content="Valebyte">
  12.    <meta name="heleket" content="560c3cc4" />
  13.    <link rel="canonical" href="https://valebyte.com/ru/">
  14.    
  15.    <!-- Open Graph / Facebook -->
  16.    <meta property="og:type" content="website">
  17.    <meta property="og:url" content="https://valebyte.com/ru/">
  18.    <meta property="og:title" content="VPS Hosting - Premium VPS от $4.99/мес | Valebyte">
  19.    <meta property="og:description" content="Надежный VPS хостинг в Нидерландах от $4.99/мес. NVMe SSD диски, безлимитный трафик, DDoS защита, Windows бесплатно. Круглосуточная поддержка.">
  20.    <meta property="og:image" content="https://valebyte.com/assets/img/og-image.png">
  21.    <meta property="og:site_name" content="Valebyte">
  22.    <meta property="og:locale" content="ru_RU">
  23.    
  24.    <!-- Twitter -->
  25.    <meta property="twitter:card" content="summary_large_image">
  26.    <meta property="twitter:url" content="https://valebyte.com/ru/">
  27.    <meta property="twitter:title" content="VPS Hosting - Premium VPS от $4.99/мес | Valebyte">
  28.    <meta property="twitter:description" content="Надежный VPS хостинг в Нидерландах от $4.99/мес. NVMe SSD диски, безлимитный трафик, DDoS защита, Windows бесплатно. Круглосуточная поддержка.">
  29.    <meta property="twitter:image" content="https://valebyte.com/assets/img/og-image.png">
  30.    
  31.    <!-- Additional SEO -->
  32.    <meta name="robots" content="index, follow">
  33.    <meta name="googlebot" content="index, follow">
  34.    <meta name="language" content="Russian">
  35.    <meta name="rating" content="general">
  36.    <meta name="distribution" content="global">
  37.    
  38.    <!-- Sitemap -->
  39.    <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
  40.    <!-- Favicons -->
  41.    <link rel="icon" type="image/svg+xml" href="/assets/img/favicon.svg">
  42.    <link rel="alternate icon" href="/assets/img/favicon.ico">
  43.    <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/apple-touch-icon.png">
  44.    <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon-32x32.png">
  45.    <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon-16x16.png">
  46.    
  47.    <!-- CSS Files -->
  48.    <link rel="preload" href="/assets/css/main.css" as="style">
  49.    <link rel="preload" href="/assets/css/components.css" as="style">
  50.    <link rel="stylesheet" href="/assets/css/main.css">
  51.    <link rel="stylesheet" href="/assets/css/components.css">
  52.        <link rel="preload" href="/assets/css/index.css" as="style">
  53.    <link rel="stylesheet" href="/assets/css/index.css">
  54.        
  55.                <style>
  56.        /* News & Announcements Section */
  57.        .news-announcements {
  58.            background: rgba(0, 0, 0, 0.05);
  59.            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  60.            padding: 16px 0;
  61.        }
  62.        
  63.        .news-container {
  64.            display: grid;
  65.            grid-template-columns: 1fr auto auto;
  66.            gap: 24px;
  67.            align-items: center;
  68.            max-width: 1200px;
  69.            margin: 0 auto;
  70.            padding: 0 24px;
  71.        }
  72.        
  73.        .news-item {
  74.            display: flex;
  75.            align-items: center;
  76.            gap: 12px;
  77.            padding: 12px 16px;
  78.            background: rgba(255, 165, 0, 0.1);
  79.            border: 1px solid rgba(255, 165, 0, 0.2);
  80.            border-radius: 8px;
  81.            transition: all 0.3s ease;
  82.        }
  83.        
  84.        .news-item:hover {
  85.            background: rgba(255, 165, 0, 0.15);
  86.            border-color: rgba(255, 165, 0, 0.3);
  87.        }
  88.        
  89.        .news-icon {
  90.            width: 24px;
  91.            height: 24px;
  92.            background: linear-gradient(45deg, #ffa500, #ff8c00);
  93.            border-radius: 50%;
  94.            display: flex;
  95.            align-items: center;
  96.            justify-content: center;
  97.            font-size: 12px;
  98.            color: white;
  99.            font-weight: bold;
  100.        }
  101.        
  102.        .news-content h4 {
  103.            margin: 0;
  104.            font-size: 14px;
  105.            font-weight: 600;
  106.            color: #ffa500;
  107.        }
  108.        
  109.        .news-content p {
  110.            margin: 2px 0 0 0;
  111.            font-size: 12px;
  112.            color: #e0e0e0;
  113.        }
  114.        
  115.        .news-link {
  116.            color: #ffa500;
  117.            text-decoration: none;
  118.            font-size: 12px;
  119.            font-weight: 500;
  120.            padding: 4px 8px;
  121.            border: 1px solid rgba(255, 165, 0, 0.3);
  122.            border-radius: 4px;
  123.            transition: all 0.3s ease;
  124.        }
  125.        
  126.        .news-link:hover {
  127.            background: rgba(255, 165, 0, 0.1);
  128.            color: #ff8c00;
  129.        }
  130.        
  131.        .telegram-block, .chat-block {
  132.            display: flex;
  133.            align-items: center;
  134.            gap: 8px;
  135.            padding: 8px 12px;
  136.            background: rgba(255, 255, 255, 0.05);
  137.            border: 1px solid rgba(255, 255, 255, 0.1);
  138.            border-radius: 6px;
  139.            transition: all 0.3s ease;
  140.            text-decoration: none;
  141.            color: inherit;
  142.        }
  143.        
  144.        .telegram-block:hover {
  145.            background: rgba(0, 136, 204, 0.1);
  146.            border-color: rgba(0, 136, 204, 0.3);
  147.            color: #0088cc;
  148.        }
  149.        
  150.        .chat-block:hover {
  151.            background: rgba(0, 212, 255, 0.1);
  152.            border-color: rgba(0, 212, 255, 0.3);
  153.            color: #00d4ff;
  154.        }
  155.        
  156.        .telegram-icon, .chat-icon {
  157.            width: 20px;
  158.            height: 20px;
  159.            display: flex;
  160.            align-items: center;
  161.            justify-content: center;
  162.            font-size: 14px;
  163.        }
  164.        
  165.        .block-content h5 {
  166.            margin: 0;
  167.            font-size: 12px;
  168.            font-weight: 600;
  169.        }
  170.        
  171.        .block-content p {
  172.            margin: 2px 0 0 0;
  173.            font-size: 11px;
  174.            opacity: 0.8;
  175.        }
  176.        
  177.        @media (max-width: 768px) {
  178.            .news-container {
  179.                grid-template-columns: 1fr;
  180.                gap: 12px;
  181.            }
  182.            
  183.            .news-item {
  184.                padding: 10px 12px;
  185.            }
  186.            
  187.            .telegram-block, .chat-block {
  188.                padding: 8px 10px;
  189.            }
  190.        }
  191.  
  192.        /* Hero Section */
  193.        .hero {
  194.            padding: 60px 0;
  195.            position: relative;
  196.            overflow: hidden;
  197.        }
  198.  
  199.        .hero::before {
  200.            content: "";
  201.            position: absolute;
  202.            top: 0;
  203.            left: 0;
  204.            right: 0;
  205.            bottom: 0;
  206.            background:
  207.                radial-gradient(circle at 20% 30%, rgba(0, 212, 255, 0.15) 0%, transparent 50%),
  208.                radial-gradient(circle at 80% 70%, rgba(0, 255, 136, 0.1) 0%, transparent 50%),
  209.                radial-gradient(circle at 40% 80%, rgba(0, 153, 255, 0.08) 0%, transparent 50%);
  210.            pointer-events: none;
  211.        }
  212.  
  213.        .hero::after {
  214.            content: "";
  215.            position: absolute;
  216.            top: -50%;
  217.            left: -50%;
  218.            width: 200%;
  219.            height: 200%;
  220.            background: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grid\" width=\"10\" height=\"10\" patternUnits=\"userSpaceOnUse\"><path d=\"M 10 0 L 0 0 0 10\" fill=\"none\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"0.5\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");
  221.            opacity: 0.3;
  222.            pointer-events: none;
  223.            animation: float 20s ease-in-out infinite;
  224.        }
  225.  
  226.        @keyframes float {
  227.            0%, 100% { transform: translate(0, 0) rotate(0deg); }
  228.            25% { transform: translate(-1%, -1%) rotate(0.5deg); }
  229.            50% { transform: translate(1%, -2%) rotate(-0.5deg); }
  230.            75% { transform: translate(-2%, 1%) rotate(0.3deg); }
  231.        }
  232.  
  233.        .hero-content {
  234.            display: grid;
  235.            grid-template-columns: 1fr 1fr;
  236.            gap: 60px;
  237.            align-items: center;
  238.            position: relative;
  239.            z-index: 1;
  240.        }
  241.  
  242.        .hero-left h1 {
  243.            font-size: 48px;
  244.            font-weight: 700;
  245.            margin-bottom: 24px;
  246.            background: linear-gradient(45deg, #ffffff, #e0e0e0);
  247.            -webkit-background-clip: text;
  248.            -webkit-text-fill-color: transparent;
  249.            background-clip: text;
  250.            display: flex;
  251.            flex-wrap: wrap;
  252.            align-items: center;
  253.            gap: 16px;
  254.        }
  255.  
  256.        .hero-subtitle {
  257.            font-size: 20px;
  258.            color: #b0b0b0;
  259.            margin-bottom: 32px;
  260.        }
  261.  
  262.        .hero-location {
  263.            display: flex;
  264.            align-items: center;
  265.            gap: 12px;
  266.            margin-bottom: 32px;
  267.            font-size: 18px;
  268.            color: #e0e0e0;
  269.        }
  270.  
  271.        .flag {
  272.            width: 32px;
  273.            height: 24px;
  274.            border-radius: 4px;
  275.        }
  276.  
  277.        .benefits-list {
  278.            list-style: none;
  279.            padding: 0;
  280.        }
  281.  
  282.        .benefits-list li {
  283.            display: flex;
  284.            align-items: center;
  285.            gap: 12px;
  286.            padding: 8px 0;
  287.            font-size: 16px;
  288.            color: #e0e0e0;
  289.        }
  290.  
  291.        .benefit-icon {
  292.            color: #00ff88;
  293.            font-size: 18px;
  294.            font-weight: bold;
  295.        }
  296.  
  297.        /* Pricing Grid */
  298.        .pricing-grid {
  299.            display: grid;
  300.            grid-template-columns: repeat(3, 1fr);
  301.            gap: 16px;
  302.        }
  303.  
  304.        .plan-card {
  305.            background: rgba(255, 255, 255, 0.05);
  306.            backdrop-filter: blur(10px);
  307.            border: 1px solid rgba(255, 255, 255, 0.1);
  308.            border-radius: 10px;
  309.            padding: 20px 16px;
  310.            text-align: center;
  311.            transition: all 0.3s ease;
  312.            position: relative;
  313.            overflow: hidden;
  314.        }
  315.  
  316.        .plan-card::before {
  317.            content: "";
  318.            position: absolute;
  319.            top: 0;
  320.            left: 0;
  321.            right: 0;
  322.            height: 2px;
  323.            background: linear-gradient(90deg, #00d4ff, #00a8cc);
  324.            opacity: 0;
  325.            transition: opacity 0.3s ease;
  326.        }
  327.  
  328.        .plan-card:hover {
  329.            transform: translateY(-3px);
  330.            border-color: rgba(0, 212, 255, 0.3);
  331.            box-shadow: 0 10px 25px rgba(0, 212, 255, 0.15);
  332.        }
  333.  
  334.        .plan-card:hover::before {
  335.            opacity: 1;
  336.        }
  337.  
  338.        .plan-card h3 {
  339.            font-size: 18px;
  340.            font-weight: 600;
  341.            margin-bottom: 10px;
  342.            color: #ffffff;
  343.        }
  344.  
  345.        .plan-card .price {
  346.            font-size: 24px;
  347.            font-weight: 700;
  348.            margin-bottom: 14px;
  349.            background: linear-gradient(45deg, #00d4ff, #00a8cc);
  350.            -webkit-background-clip: text;
  351.            -webkit-text-fill-color: transparent;
  352.            background-clip: text;
  353.        }
  354.  
  355.        .plan-card .spec {
  356.            font-size: 13px;
  357.            color: #b0b0b0;
  358.            margin-bottom: 5px;
  359.        }
  360.  
  361.        .order-btn {
  362.            background: linear-gradient(45deg, #00d4ff, #00a8cc);
  363.            color: white;
  364.            padding: 8px 16px;
  365.            border: none;
  366.            border-radius: 5px;
  367.            font-weight: 600;
  368.            cursor: pointer;
  369.            transition: all 0.3s ease;
  370.            margin-top: 10px;
  371.            width: 100%;
  372.            font-size: 13px;
  373.            text-decoration: none;
  374.            display: inline-block;
  375.            text-align: center;
  376.        }
  377.  
  378.        .order-btn:hover {
  379.            transform: translateY(-2px);
  380.            box-shadow: 0 6px 15px rgba(0, 212, 255, 0.3);
  381.        }
  382.  
  383.        .view-all-link {
  384.            text-align: center;
  385.            margin-top: 20px;
  386.        }
  387.  
  388.        .view-all-link a {
  389.            color: #00d4ff;
  390.            text-decoration: none;
  391.            font-size: 14px;
  392.            font-weight: 500;
  393.            transition: all 0.3s ease;
  394.            display: inline-flex;
  395.            align-items: center;
  396.            gap: 4px;
  397.            padding: 8px 12px;
  398.            border-radius: 6px;
  399.            background: rgba(0, 212, 255, 0.1);
  400.            border: 1px solid rgba(0, 212, 255, 0.2);
  401.        }
  402.  
  403.        .view-all-link a:hover {
  404.            background: rgba(0, 212, 255, 0.2);
  405.            transform: translateX(4px);
  406.            border-color: rgba(0, 212, 255, 0.4);
  407.        }
  408.  
  409.        /* Promo Section */
  410.        .promo-section {
  411.            background: rgba(0, 212, 255, 0.1);
  412.            backdrop-filter: blur(10px);
  413.            border: 1px solid rgba(0, 212, 255, 0.2);
  414.            border-radius: 12px;
  415.            padding: 24px;
  416.            margin-bottom: 80px;
  417.        }
  418.  
  419.        .promo-section .container {
  420.            display: flex;
  421.            justify-content: space-between;
  422.            align-items: center;
  423.        }
  424.  
  425.        .promo-text {
  426.            font-size: 20px;
  427.            font-weight: 600;
  428.            color: #00d4ff;
  429.            display: flex;
  430.            align-items: center;
  431.            gap: 12px;
  432.        }
  433.  
  434.        .coupon-code {
  435.            background: rgba(0, 212, 255, 0.1);
  436.            border: 2px dashed #00d4ff;
  437.            padding: 8px 16px;
  438.            border-radius: 8px;
  439.            font-family: "Courier New", monospace;
  440.            font-weight: 700;
  441.            color: #00d4ff;
  442.            position: relative;
  443.        }
  444.  
  445.        .coupon-code::before,
  446.        .coupon-code::after {
  447.            content: "✂";
  448.            position: absolute;
  449.            top: 50%;
  450.            transform: translateY(-50%) rotate(45deg);
  451.            color: #00d4ff;
  452.            font-size: 12px;
  453.            opacity: 0.6;
  454.        }
  455.  
  456.        .coupon-code::before {
  457.            left: -12px;
  458.        }
  459.  
  460.        .coupon-code::after {
  461.            right: -12px;
  462.            transform: translateY(-50%) rotate(-45deg);
  463.        }
  464.  
  465.        .sla-text {
  466.            font-size: 20px;
  467.            font-weight: 600;
  468.            color: #00ff88;
  469.        }
  470.  
  471.        /* Dedicated Servers */
  472.        .dedicated-section {
  473.            margin-bottom: 80px;
  474.        }
  475.  
  476.        .dedicated-section h2 {
  477.            font-size: 36px;
  478.            font-weight: 600;
  479.            margin-bottom: 40px;
  480.            text-align: center;
  481.            background: linear-gradient(45deg, #ffffff, #e0e0e0);
  482.            -webkit-background-clip: text;
  483.            -webkit-text-fill-color: transparent;
  484.            background-clip: text;
  485.        }
  486.  
  487.        .dedicated-grid {
  488.            display: grid;
  489.            grid-template-columns: repeat(4, 1fr);
  490.            gap: 20px;
  491.            margin-bottom: 30px;
  492.        }
  493.  
  494.        .dedicated-card {
  495.            background: rgba(255, 255, 255, 0.05);
  496.            backdrop-filter: blur(10px);
  497.            border: 1px solid rgba(255, 255, 255, 0.1);
  498.            border-radius: 12px;
  499.            padding: 24px 20px;
  500.            text-align: center;
  501.            transition: all 0.3s ease;
  502.            position: relative;
  503.            overflow: hidden;
  504.        }
  505.  
  506.        .dedicated-card::before {
  507.            content: "";
  508.            position: absolute;
  509.            top: 0;
  510.            left: 0;
  511.            right: 0;
  512.            height: 3px;
  513.            background: linear-gradient(90deg, #ffa500, #ff8c00);
  514.            opacity: 0;
  515.            transition: opacity 0.3s ease;
  516.        }
  517.  
  518.        .dedicated-card:hover {
  519.            transform: translateY(-5px);
  520.            border-color: rgba(255, 165, 0, 0.3);
  521.            box-shadow: 0 15px 35px rgba(255, 165, 0, 0.15);
  522.        }
  523.  
  524.        .dedicated-card:hover::before {
  525.            opacity: 1;
  526.        }
  527.  
  528.        .dedicated-card h3 {
  529.            font-size: 20px;
  530.            font-weight: 600;
  531.            margin-bottom: 12px;
  532.            color: #ffffff;
  533.        }
  534.  
  535.        .dedicated-card .price {
  536.            font-size: 28px;
  537.            font-weight: 700;
  538.            margin-bottom: 16px;
  539.            background: linear-gradient(45deg, #ffa500, #ff8c00);
  540.            -webkit-background-clip: text;
  541.            -webkit-text-fill-color: transparent;
  542.            background-clip: text;
  543.        }
  544.  
  545.        .dedicated-card .spec {
  546.            font-size: 14px;
  547.            color: #b0b0b0;
  548.            margin-bottom: 6px;
  549.            display: flex;
  550.            align-items: center;
  551.            justify-content: space-between;
  552.            padding: 4px 0;
  553.        }
  554.  
  555.        .dedicated-card .spec-label {
  556.            font-weight: 500;
  557.            color: #e0e0e0;
  558.        }
  559.  
  560.        .dedicated-card .spec-value {
  561.            color: #b0b0b0;
  562.        }
  563.  
  564.        .dedicated-card .order-btn {
  565.            background: linear-gradient(45deg, #ffa500, #ff8c00);
  566.            color: white;
  567.            padding: 10px 20px;
  568.            border: none;
  569.            border-radius: 6px;
  570.            font-weight: 600;
  571.            cursor: pointer;
  572.            transition: all 0.3s ease;
  573.            margin-top: 15px;
  574.            width: 100%;
  575.            font-size: 14px;
  576.            text-decoration: none;
  577.            display: inline-block;
  578.            text-align: center;
  579.        }
  580.  
  581.        .dedicated-card .order-btn:hover {
  582.            transform: translateY(-2px);
  583.            box-shadow: 0 8px 20px rgba(255, 165, 0, 0.3);
  584.        }
  585.  
  586.        /* Features Card */
  587.        .features-card {
  588.            background: rgba(255, 165, 0, 0.05);
  589.            border: 1px solid rgba(255, 165, 0, 0.2);
  590.        }
  591.  
  592.        .features-card::before {
  593.            background: linear-gradient(90deg, #00d4ff, #00a8cc);
  594.        }
  595.  
  596.        .features-card:hover {
  597.            border-color: rgba(0, 212, 255, 0.3);
  598.            box-shadow: 0 15px 35px rgba(0, 212, 255, 0.15);
  599.        }
  600.  
  601.        .features-card h3 {
  602.            color: #ffa500;
  603.            margin-bottom: 20px;
  604.        }
  605.  
  606.        .features-list {
  607.            list-style: none;
  608.            padding: 0;
  609.            margin: 0;
  610.        }
  611.  
  612.        .features-list li {
  613.            display: flex;
  614.            align-items: center;
  615.            gap: 10px;
  616.            padding: 8px 0;
  617.            font-size: 14px;
  618.            color: #e0e0e0;
  619.        }
  620.  
  621.        .feature-icon-small {
  622.            color: #00ff88;
  623.            font-size: 16px;
  624.            font-weight: bold;
  625.            width: 16px;
  626.            text-align: center;
  627.        }
  628.  
  629.        .dedicated-view-all {
  630.            text-align: center;
  631.            margin-top: 25px;
  632.        }
  633.  
  634.        .dedicated-view-all a {
  635.            color: #ffa500;
  636.            text-decoration: none;
  637.            font-size: 16px;
  638.            font-weight: 600;
  639.            transition: all 0.3s ease;
  640.            display: inline-flex;
  641.            align-items: center;
  642.            gap: 8px;
  643.            padding: 12px 24px;
  644.            border-radius: 8px;
  645.            background: rgba(255, 165, 0, 0.1);
  646.            border: 2px solid rgba(255, 165, 0, 0.2);
  647.        }
  648.  
  649.        .dedicated-view-all a:hover {
  650.            background: rgba(255, 165, 0, 0.2);
  651.            transform: translateX(4px);
  652.            border-color: rgba(255, 165, 0, 0.4);
  653.            box-shadow: 0 6px 20px rgba(255, 165, 0, 0.2);
  654.        }
  655.  
  656.        /* Features Grid */
  657.        .features-section {
  658.            margin-bottom: 80px;
  659.        }
  660.  
  661.        .features-grid {
  662.            display: grid;
  663.            grid-template-columns: repeat(2, 1fr);
  664.            gap: 24px;
  665.        }
  666.  
  667.        .feature-item {
  668.            display: flex;
  669.            align-items: center;
  670.            gap: 16px;
  671.            padding: 20px;
  672.            background: rgba(255, 255, 255, 0.03);
  673.            border-radius: 12px;
  674.            border: 1px solid rgba(255, 255, 255, 0.1);
  675.            transition: all 0.3s ease;
  676.        }
  677.  
  678.        .feature-item:hover {
  679.            background: rgba(255, 255, 255, 0.05);
  680.            transform: translateY(-2px);
  681.        }
  682.  
  683.        .feature-icon {
  684.            font-size: 24px;
  685.            width: 40px;
  686.            text-align: center;
  687.        }
  688.  
  689.        .feature-icon.check {
  690.            color: #00ff88;
  691.        }
  692.  
  693.        .feature-icon.question {
  694.            color: #00d4ff;
  695.        }
  696.  
  697.        .feature-icon.shield {
  698.            color: #ffa500;
  699.        }
  700.  
  701.        .feature-text {
  702.            font-size: 16px;
  703.            font-weight: 500;
  704.        }
  705.  
  706.        /* Responsive Design */
  707.        @media (max-width: 1024px) {
  708.            .dedicated-grid {
  709.                grid-template-columns: repeat(2, 1fr);
  710.                gap: 16px;
  711.            }
  712.        }
  713.  
  714.        @media (max-width: 768px) {
  715.            .hero-content {
  716.                grid-template-columns: 1fr;
  717.                gap: 40px;
  718.            }
  719.            
  720.            .pricing-grid {
  721.                grid-template-columns: repeat(2, 1fr);
  722.            }
  723.            
  724.            .hero-left h1 {
  725.                font-size: 36px;
  726.                flex-direction: column;
  727.                align-items: flex-start;
  728.                gap: 12px;
  729.            }
  730.  
  731.            .dedicated-grid {
  732.                grid-template-columns: 1fr;
  733.                gap: 16px;
  734.            }
  735.            
  736.            .dedicated-section h2 {
  737.                font-size: 28px;
  738.            }
  739.            
  740.            .dedicated-card {
  741.                padding: 20px 16px;
  742.            }
  743.        }
  744. </style>
  745.        
  746.    <!-- Preload critical JavaScript -->
  747.    <link rel="preload" href="/assets/js/main.js" as="script">
  748.    
  749.    <!-- Ahrefs Analytics -->
  750.    <script src="https://analytics.ahrefs.com/analytics.js" data-key="8rfuj4Ay6u2bXYsSSWSliw" async></script>
  751. </head>
  752. <body>
  753.    <!-- Skip to content link for accessibility -->
  754.    <a href="#main-content" class="skip-link">Skip to main content</a>
  755.    
  756.    <!-- New Panel Notification -->
  757.    <div class="panel-notification" id="panelNotification">
  758.        <div class="container">
  759.            <div class="notification-content">
  760.                <div class="notification-icon">🚀</div>
  761.                <div class="notification-text">
  762.                    <div class="notification-title">🚀 Новая панель управления</div>
  763.                    <div class="notification-description">
  764.                        Мы запустили обновлённую панель управления с улучшенным интерфейсом! Все новые заказы теперь обрабатываются в новой системе.                        <br>
  765.                        Заказы и счета, сделанные до 21.08.2025, остаются доступны в                        <a href="https://valebyte.com/bill/" target="_blank" class="legacy-link">старой панели</a>.
  766.                    </div>
  767.                </div>
  768.                <button class="notification-close" onclick="hideNotification()" aria-label="Закрыть">
  769.                    ×
  770.                </button>
  771.            </div>
  772.        </div>
  773.    </div>
  774.    <header class="header" role="banner">
  775.        <div class="container">
  776.            <a href="/ru" class="logo-link">
  777.                <img src="/assets/img/logo.png" alt="Valebyte Logo" class="logo-img">
  778.            </a>
  779.            <button class="mobile-menu-toggle" type="button" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="main-navigation">
  780.                <span></span>
  781.                <span></span>
  782.                <span></span>
  783.            </button>
  784.            <nav class="nav" id="main-navigation" role="navigation" aria-label="Main navigation">
  785.                <div class="nav-item">
  786.                    <a href="/ru/vps" class="nav-link" aria-label="VPS Hosting">VPS</a>
  787.                </div>
  788.                <div class="nav-item">
  789.                    <a href="/ru/dedicated-servers" class="nav-link" aria-expanded="false" aria-haspopup="true" aria-label="Dedicated servers menu">
  790.                        Выделенные серверы                        <span class="dropdown-arrow" aria-hidden="true">▼</span>
  791.                    </a>
  792.                    <div class="dropdown-menu" role="menu" aria-label="Dedicated servers submenu">
  793.                        <a href="/ru/dedicated-servers" class="dropdown-item">Все серверы</a>
  794.                        <a href="/ru/dedicated-servers-us" class="dropdown-item">Выделенные серверы в США</a>
  795.                        <a href="/ru/server-netherlands" class="dropdown-item">Выделенные серверы в Нидерландах</a>
  796.                    </div>
  797.                </div>
  798.                <div class="nav-item">
  799.                    <a href="#" class="nav-link" aria-expanded="false" aria-haspopup="true" aria-label="Other solutions menu">
  800.                        Другие решения                        <span class="dropdown-arrow" aria-hidden="true">▼</span>
  801.                    </a>
  802.                    <div class="dropdown-menu" role="menu" aria-label="Other solutions submenu">
  803.                        <div class="dropdown-category">VPS</div>
  804.                        <a href="/ru/vps-arbitrage" class="dropdown-item">VPS для Арбитража</a>
  805.                        <a href="/ru/vps-forex" class="dropdown-item">VPS для Forex</a>
  806.                        <a href="/ru/vps-vpn" class="dropdown-item">VPS для VPN</a>
  807.                        <a href="/ru/vps-trading" class="dropdown-item">VPS для Трейдинга</a>
  808.                        <a href="/ru/vps-proxy" class="dropdown-item">VPS для Proxy</a>
  809.                        <a href="/ru/vps-hosting" class="dropdown-item">VPS для Хостинга</a>
  810.                        <a href="/ru/vps-gaming" class="dropdown-item">VPS для Игр</a>
  811.                        <a href="/ru/vps-all" class="dropdown-item">Все VPS решения</a>
  812.                        
  813.                    </div>
  814.                </div>
  815.            </nav>
  816.            <div style="display: flex; align-items: center; gap: 16px;">
  817.                <div class="language-switcher" role="listbox" aria-label="Language selector">
  818.                    <div class="lang-current" role="button" tabindex="0" aria-expanded="false" aria-label="Current language: Русский">
  819.                        <img src="https://flagcdn.com/16x12/ru.png"
  820.                             alt="Русский"
  821.                             class="lang-flag">
  822.                        <span>RU</span>
  823.                        <span class="lang-arrow">▼</span>
  824.                    </div>
  825.                    <div class="lang-dropdown" role="listbox" aria-label="Available languages">
  826.                                                    <a href="/ru"
  827.                               class="lang-option active"
  828.                               title="Русский">
  829.                                <img src="https://flagcdn.com/16x12/ru.png"
  830.                                     alt="Русский"
  831.                                     class="lang-flag">
  832.                                <span>Русский</span>
  833.                            </a>
  834.                                                    <a href="/en"
  835.                               class="lang-option "
  836.                               title="English">
  837.                                <img src="https://flagcdn.com/16x12/us.png"
  838.                                     alt="English"
  839.                                     class="lang-flag">
  840.                                <span>English</span>
  841.                            </a>
  842.                                            </div>
  843.                </div>
  844.                <a href="https://cp.valebyte.com/" class="login-btn" aria-label="Login to control panel">Войти</a>
  845.            </div>
  846.        </div>
  847.    </header>
  848.  
  849.    <script>
  850.    // Panel notification functionality
  851.    function hideNotification() {
  852.        const notification = document.getElementById('panelNotification');
  853.        if (notification) {
  854.            notification.classList.add('hidden');
  855.            // Remember that user closed notification
  856.            localStorage.setItem('panelNotificationClosed', 'true');
  857.            // Remove from DOM after animation
  858.            setTimeout(() => {
  859.                notification.remove();
  860.            }, 300);
  861.        }
  862.    }
  863.  
  864.    // Check if notification should be shown
  865.    document.addEventListener('DOMContentLoaded', function() {
  866.        const notificationClosed = localStorage.getItem('panelNotificationClosed');
  867.        const notification = document.getElementById('panelNotification');
  868.        
  869.        if (notificationClosed === 'true' && notification) {
  870.            notification.remove();
  871.        }
  872.    });
  873.    </script>
  874.    <main id="main-content" role="main">
  875.        <!-- News & Announcements Section -->
  876.        <section class="news-announcements">
  877.            <div class="news-container">
  878.                <div class="news-item">
  879.                    <div class="news-icon">🚀</div>
  880.                    <div class="news-content">
  881.                        <h4>Новая локация США</h4>
  882.                        <p>Выделенные серверы от $35</p>
  883.                    </div>
  884.                    <a href="/ru/dedicated-servers-us" class="news-link">
  885.                        Подробнее                    </a>
  886.                </div>
  887.                
  888.                <a href="https://t.me/valebyte" target="_blank" class="telegram-block">
  889.                    <div class="telegram-icon">📱</div>
  890.                    <div class="block-content">
  891.                        <h5>Telegram канал</h5>
  892.                        <p>Следите за новостями и акциями</p>
  893.                    </div>
  894.                </a>
  895.                
  896.                <div class="chat-block" onclick="openChat()">
  897.                    <div class="chat-icon">💬</div>
  898.                    <div class="block-content">
  899.                        <h5>Нужна помощь?</h5>
  900.                        <p>Онлайн консультация</p>
  901.                    </div>
  902.                </div>
  903.            </div>
  904.        </section>
  905.  
  906.        <section class="hero">
  907.            <div class="container">
  908.                <div class="hero-content">
  909.                    <div class="hero-left">
  910.                        <h1>
  911.                            VPS хостинг от $4.99/мес                        </h1>
  912.                        <p class="hero-subtitle">Надежные VPS серверы с мгновенной активацией</p>
  913.                        
  914.                        <div class="hero-location">
  915.                            <span>Локация:</span>
  916.                            <img src="https://flagcdn.com/32x24/nl.png" alt="Netherlands" class="flag" loading="lazy" width="32" height="24">
  917.                            <span>Нидерланды, Амстердам</span>
  918.                        </div>
  919.  
  920.                        <ul class="benefits-list">
  921.                            <li>
  922.                                <span class="benefit-icon">✓</span>
  923.                                <span>SSD диски NVMe</span>
  924.                            </li>
  925.                            <li>
  926.                                <span class="benefit-icon">✓</span>
  927.                                <span>DDoS защита включена</span>
  928.                            </li>
  929.                            <li>
  930.                                <span class="benefit-icon">✓</span>
  931.                                <span>Полный root доступ</span>
  932.                            </li>
  933.                            <li>
  934.                                <span class="benefit-icon">✓</span>
  935.                                <span>Бесплатный Windows</span>
  936.                            </li>
  937.                            <li>
  938.                                <span class="benefit-icon">✓</span>
  939.                                <span>Безлимитный трафик</span>
  940.                            </li>
  941.                            <li>
  942.                                <span class="benefit-icon">✓</span>
  943.                                <span>1 Гбит/сек подключение</span>
  944.                            </li>
  945.                        </ul>
  946.                    </div>
  947.  
  948.                    <div class="hero-right fade-in">
  949.                        <div class="pricing-grid">
  950.                                                                    <div class="plan-card">
  951.                                            <h3>VPS Nano</h3>
  952.                                            <div class="price">$8.80</div>
  953.                                            <div class="spec">2 vCPU</div>
  954.                                            <div class="spec">2GB RAM</div>
  955.                                            <div class="spec">40GB SSD</div>
  956.                                            <a href="https://cp.valebyte.com/vps/plans/5/configure/" class="order-btn ripple" aria-label="Order VPS Nano">Заказать</a>
  957.                                        </div>
  958.                                                                                <div class="plan-card">
  959.                                            <h3>VPS Micro</h3>
  960.                                            <div class="price">$12.00</div>
  961.                                            <div class="spec">4 vCPU</div>
  962.                                            <div class="spec">4GB RAM</div>
  963.                                            <div class="spec">80GB SSD</div>
  964.                                            <a href="https://cp.valebyte.com/vps/plans/6/configure/" class="order-btn ripple" aria-label="Order VPS Micro">Заказать</a>
  965.                                        </div>
  966.                                                                                <div class="plan-card">
  967.                                            <h3>VPS Core</h3>
  968.                                            <div class="price">$15.20</div>
  969.                                            <div class="spec">4 vCPU</div>
  970.                                            <div class="spec">8GB RAM</div>
  971.                                            <div class="spec">90GB SSD</div>
  972.                                            <a href="https://cp.valebyte.com/vps/plans/7/configure/" class="order-btn ripple" aria-label="Order VPS Core">Заказать</a>
  973.                                        </div>
  974.                                                                                <div class="plan-card">
  975.                                            <h3>VPS Force</h3>
  976.                                            <div class="price">$17.60</div>
  977.                                            <div class="spec">6 vCPU</div>
  978.                                            <div class="spec">12GB RAM</div>
  979.                                            <div class="spec">120GB SSD</div>
  980.                                            <a href="https://cp.valebyte.com/vps/plans/8/configure/" class="order-btn ripple" aria-label="Order VPS Force">Заказать</a>
  981.                                        </div>
  982.                                                                                <div class="plan-card">
  983.                                            <h3>VPS Power</h3>
  984.                                            <div class="price">$24.00</div>
  985.                                            <div class="spec">4 vCPU</div>
  986.                                            <div class="spec">16GB RAM</div>
  987.                                            <div class="spec">120GB SSD</div>
  988.                                            <a href="https://cp.valebyte.com/vps/plans/9/configure/" class="order-btn ripple" aria-label="Order VPS Power">Заказать</a>
  989.                                        </div>
  990.                                                                                <div class="plan-card">
  991.                                            <h3>VPS Extra</h3>
  992.                                            <div class="price">$28.00</div>
  993.                                            <div class="spec">8 vCPU</div>
  994.                                            <div class="spec">18GB RAM</div>
  995.                                            <div class="spec">160GB SSD</div>
  996.                                            <a href="https://cp.valebyte.com/vps/plans/10/configure/" class="order-btn ripple" aria-label="Order VPS Extra">Заказать</a>
  997.                                        </div>
  998.                                                                </div>
  999.                        <div class="view-all-link">
  1000.                            <a href="/ru/vps">Все VPS тарифы →</a>
  1001.                        </div>
  1002.                    </div>
  1003.                </div>
  1004.            </div>
  1005.        </section>
  1006.  
  1007.        <section class="promo-section">
  1008.            <div class="container">
  1009.                <div class="promo-text">
  1010.                    Промо: -15% с кодом
  1011.                    <span class="coupon-code">VPS15</span>
  1012.                </div>
  1013.                <div class="sla-text">SLA 99.99%</div>
  1014.            </div>
  1015.        </section>
  1016.  
  1017.        <section class="dedicated-section">
  1018.            <div class="container">
  1019.                <h2>Выделенные серверы</h2>
  1020.                <div class="dedicated-grid">
  1021.                                                    <div class="dedicated-card">
  1022.                                    <h3>Intel Xeon E5-2697 v2</h3>
  1023.                                    <div class="price">$105.00</div>
  1024.                                    <div class="spec">
  1025.                                        <span class="spec-label">CPU:</span>
  1026.                                        <span class="spec-value">Intel Xeon E5-2697 v2</span>
  1027.                                    </div>
  1028.                                    <div class="spec">
  1029.                                        <span class="spec-label">RAM:</span>
  1030.                                        <span class="spec-value">64GB</span>
  1031.                                    </div>
  1032.                                    <div class="spec">
  1033.                                        <span class="spec-label">Диск:</span>
  1034.                                        <span class="spec-value">1000GB SSD</span>
  1035.                                    </div>
  1036.                                    <div class="spec">
  1037.                                        <span class="spec-label">Порт:</span>
  1038.                                        <span class="spec-value">1 Гбит/сек</span>
  1039.                                    </div>
  1040.                                    <a href="https://valebyte.com/bill/cart.php?a=add&pid=5965" class="order-btn">Заказать</a>
  1041.                                </div>
  1042.                                                                <div class="dedicated-card">
  1043.                                    <h3>2x Intel Xeon E5-2620 v4</h3>
  1044.                                    <div class="price">$130.00</div>
  1045.                                    <div class="spec">
  1046.                                        <span class="spec-label">CPU:</span>
  1047.                                        <span class="spec-value">2x Intel Xeon E5-2620 v4</span>
  1048.                                    </div>
  1049.                                    <div class="spec">
  1050.                                        <span class="spec-label">RAM:</span>
  1051.                                        <span class="spec-value">64GB</span>
  1052.                                    </div>
  1053.                                    <div class="spec">
  1054.                                        <span class="spec-label">Диск:</span>
  1055.                                        <span class="spec-value">1000GB SSD</span>
  1056.                                    </div>
  1057.                                    <div class="spec">
  1058.                                        <span class="spec-label">Порт:</span>
  1059.                                        <span class="spec-value">1 Гбит/сек</span>
  1060.                                    </div>
  1061.                                    <a href="https://valebyte.com/bill/cart.php?a=add&pid=5966" class="order-btn">Заказать</a>
  1062.                                </div>
  1063.                                                                <div class="dedicated-card">
  1064.                                    <h3>Intel Xeon E-2134</h3>
  1065.                                    <div class="price">$125.00</div>
  1066.                                    <div class="spec">
  1067.                                        <span class="spec-label">CPU:</span>
  1068.                                        <span class="spec-value">Intel® Xeon® E-2134</span>
  1069.                                    </div>
  1070.                                    <div class="spec">
  1071.                                        <span class="spec-label">RAM:</span>
  1072.                                        <span class="spec-value">32GB</span>
  1073.                                    </div>
  1074.                                    <div class="spec">
  1075.                                        <span class="spec-label">Диск:</span>
  1076.                                        <span class="spec-value">1000GB SSD</span>
  1077.                                    </div>
  1078.                                    <div class="spec">
  1079.                                        <span class="spec-label">Порт:</span>
  1080.                                        <span class="spec-value">1 Гбит/сек</span>
  1081.                                    </div>
  1082.                                    <a href="https://valebyte.com/bill/cart.php?a=add&pid=5974" class="order-btn">Заказать</a>
  1083.                                </div>
  1084.                                                    
  1085.                    <!-- Features Card -->
  1086.                    <div class="dedicated-card features-card">
  1087.                        <h3>Что включено</h3>
  1088.                        <ul class="features-list">
  1089.                            <li>
  1090.                                <span class="feature-icon-small">✓</span>
  1091.                                <span>Установка до 24 часов</span>
  1092.                            </li>
  1093.                            <li>
  1094.                                <span class="feature-icon-small">✓</span>
  1095.                                <span>Панель управления</span>
  1096.                            </li>
  1097.                            <li>
  1098.                                <span class="feature-icon-small">✓</span>
  1099.                                <span>Безлимитный трафик</span>
  1100.                            </li>
  1101.                            <li>
  1102.                                <span class="feature-icon-small">✓</span>
  1103.                                <span>DDoS защита</span>
  1104.                            </li>
  1105.                            <li>
  1106.                                <span class="feature-icon-small">✓</span>
  1107.                                <span>Root доступ</span>
  1108.                            </li>
  1109.                            <li>
  1110.                                <span class="feature-icon-small">✓</span>
  1111.                                <span>24/7 мониторинг</span>
  1112.                            </li>
  1113.                            <li>
  1114.                                <span class="feature-icon-small">✓</span>
  1115.                                <span>Техподдержка</span>
  1116.                            </li>
  1117.                        </ul>
  1118.                    </div>
  1119.                </div>
  1120.                
  1121.                <div class="dedicated-view-all">
  1122.                    <a href="/ru/dedicated-servers">Смотреть все серверы →</a>
  1123.                </div>
  1124.            </div>
  1125.        </section>
  1126.  
  1127.        <section class="features-section">
  1128.            <div class="container">
  1129.                <div class="features-grid">
  1130.                    <div class="feature-item">
  1131.                        <div class="feature-icon question">?</div>
  1132.                        <div class="feature-text">Какие локации доступны?</div>
  1133.                    </div>
  1134.                    <div class="feature-item">
  1135.                        <div class="feature-icon" style="color: #00d4ff; font-weight: bold;">API</div>
  1136.                        <div class="feature-text">API доступ</div>
  1137.                    </div>
  1138.                    <div class="feature-item">
  1139.                        <div class="feature-icon question">?</div>
  1140.                        <div class="feature-text">Есть ли тест?</div>
  1141.                    </div>
  1142.                    <div class="feature-item">
  1143.                        <div class="feature-icon" style="color: #ffa500;">🎫</div>
  1144.                        <div class="feature-text">Быстрый тикет</div>
  1145.                    </div>
  1146.                    <div class="feature-item">
  1147.                        <div class="feature-icon" style="color: #00ff88;">💬</div>
  1148.                        <div class="feature-text">Открыть чат</div>
  1149.                    </div>
  1150.                </div>
  1151.            </div>
  1152.        </section>
  1153.    </main>
  1154.  
  1155. <script>
  1156. function openChat() {
  1157.    // Try to open chat widget if available
  1158.    if (typeof window.LiveChatWidget !== 'undefined') {
  1159.        window.LiveChatWidget.open();
  1160.    } else if (typeof window.tidioChatApi !== 'undefined') {
  1161.        window.tidioChatApi.open();
  1162.    } else {
  1163.        // Fallback to contact page or support
  1164.        window.open('/ru/contact', '_blank');
  1165.    }
  1166. }
  1167. </script>
  1168.  
  1169. <footer class="footer">
  1170.        <div class="container">
  1171.            <div class="footer-content">
  1172.                <div class="footer-section">
  1173.                    <p class="footer-description">
  1174.                        Качественный хостинг VPS и выделенные серверы в Нидерландах по доступным ценам. Выделенные серверы, VPS/VDS, Windows RDP с мгновенной активацией.                    </p>
  1175.                </div>
  1176.                
  1177.                <div class="footer-section">
  1178.                    <h4>Услуги</h4>
  1179.                    <ul class="footer-links">
  1180.                        <li><a href="/ru/vps">VPS</a></li>
  1181.                        <li><a href="/ru/dedicated-servers">Выделенные серверы</a></li>
  1182.                    </ul>
  1183.                </div>
  1184.                
  1185.                <div class="footer-section">
  1186.                    <h4>Компания</h4>
  1187.                    <ul class="footer-links">
  1188.                        <li><a href="/ru/about">О нас</a></li>
  1189.                        <li><a href="/ru/contact">Контакты</a></li>
  1190.                        <li><a href="/blog">Блог</a></li>
  1191.                        <li><a href="/legal/">Условия использования</a></li>
  1192.                        <li><a href="/privacy">Политика конфиденциальности</a></li>
  1193.                    </ul>
  1194.                </div>
  1195.            </div>
  1196.            
  1197.            <div class="footer-bottom">
  1198.                <div class="footer-nav">
  1199.                    <a href="/ru/about">О нас</a>
  1200.                    <a href="/ru/contact">Поддержка</a>
  1201.                    <a href="/integrations">Интеграции</a>
  1202.                </div>
  1203.                <div class="payment-icons">
  1204.                    <div class="payment-icon">VISA</div>
  1205.                    <div class="payment-icon">MC</div>
  1206.                    <div class="payment-icon">PP</div>
  1207.                </div>
  1208.            </div>
  1209.        </div>
  1210.    </footer>
  1211.    
  1212.    <!-- Structured Data (JSON-LD) -->
  1213.    <script type="application/ld+json">
  1214.    {
  1215.        "@context": "https://schema.org",
  1216.        "@type": "Organization",
  1217.        "name": "Valebyte",
  1218.        "url": "https://valebyte.com",
  1219.        "logo": "https://valebyte.com/assets/img/logo.png",
  1220.        "description": "Надежный провайдер VPS и выделенных серверов в Нидерландах",
  1221.        "contactPoint": {
  1222.            "@type": "ContactPoint",
  1223.            "contactType": "customer support",
  1224.            "availableLanguage": ["Russian", "English"]
  1225.        },
  1226.        "address": {
  1227.            "@type": "PostalAddress",
  1228.            "addressCountry": "NL"
  1229.        },
  1230.        "sameAs": [
  1231.            "https://t.me/valebyte"
  1232.        ]
  1233.    }
  1234.    </script>
  1235.    
  1236.        <!-- Product Schema for VPS -->
  1237.    <script type="application/ld+json">
  1238.    {
  1239.        "@context": "https://schema.org",
  1240.        "@type": "Product",
  1241.        "name": "VPS Hosting",
  1242.        "description": "Виртуальный частный сервер с высокой производительностью",
  1243.        "brand": {
  1244.            "@type": "Brand",
  1245.            "name": "Valebyte"
  1246.        },
  1247.        "offers": {
  1248.            "@type": "AggregateOffer",
  1249.            "priceCurrency": "USD",
  1250.            "lowPrice": "4.99",
  1251.            "highPrice": "59.99",
  1252.            "priceValidUntil": "2026-09-02",
  1253.            "availability": "https://schema.org/InStock"
  1254.        },
  1255.        "aggregateRating": {
  1256.            "@type": "AggregateRating",
  1257.            "ratingValue": "4.8",
  1258.            "reviewCount": "150"
  1259.        }
  1260.    }
  1261.    </script>
  1262.    
  1263.    <!-- Service Schema -->
  1264.    <script type="application/ld+json">
  1265.    {
  1266.        "@context": "https://schema.org",
  1267.        "@type": "Service",
  1268.        "name": "VPS Hosting Service",
  1269.        "provider": {
  1270.            "@type": "Organization",
  1271.            "name": "Valebyte"
  1272.        },
  1273.        "description": "Профессиональный хостинг VPS серверов с круглосуточной поддержкой",
  1274.        "serviceType": "Web Hosting",
  1275.        "areaServed": {
  1276.            "@type": "Country",
  1277.            "name": "Netherlands"
  1278.        }
  1279.    }
  1280.    </script>
  1281.        
  1282.    <!-- Main JavaScript -->
  1283.    <script src="/assets/js/main.js" defer></script>
  1284.  
  1285.    <style>
  1286.        /* Footer */
  1287.        .footer {
  1288.            background: rgba(0, 0, 0, 0.4);
  1289.            border-top: 1px solid rgba(255, 255, 255, 0.1);
  1290.            padding: 60px 0 30px;
  1291.        }
  1292.  
  1293.        .footer-content {
  1294.            display: grid;
  1295.            grid-template-columns: 2fr 1fr 1fr;
  1296.            gap: 60px;
  1297.            margin-bottom: 40px;
  1298.        }
  1299.  
  1300.        .footer-description {
  1301.            color: #b0b0b0;
  1302.            line-height: 1.6;
  1303.            font-size: 16px;
  1304.        }
  1305.  
  1306.        .footer-section h4 {
  1307.            color: #ffffff;
  1308.            font-size: 18px;
  1309.            font-weight: 600;
  1310.            margin-bottom: 20px;
  1311.        }
  1312.  
  1313.        .footer-links {
  1314.            list-style: none;
  1315.            padding: 0;
  1316.        }
  1317.  
  1318.        .footer-links li {
  1319.            margin-bottom: 12px;
  1320.        }
  1321.  
  1322.        .footer-links a {
  1323.            color: #b0b0b0;
  1324.            text-decoration: none;
  1325.            transition: all 0.3s ease;
  1326.            font-size: 15px;
  1327.        }
  1328.  
  1329.        .footer-links a:hover {
  1330.            color: #00d4ff;
  1331.            padding-left: 8px;
  1332.        }
  1333.  
  1334.        .footer-bottom {
  1335.            border-top: 1px solid rgba(255, 255, 255, 0.1);
  1336.            padding-top: 30px;
  1337.            display: flex;
  1338.            justify-content: space-between;
  1339.            align-items: center;
  1340.        }
  1341.  
  1342.        .footer-bottom .footer-nav {
  1343.            display: flex;
  1344.            gap: 32px;
  1345.        }
  1346.  
  1347.        .footer-bottom .footer-nav a {
  1348.            color: #b0b0b0;
  1349.            text-decoration: none;
  1350.            transition: color 0.3s ease;
  1351.        }
  1352.  
  1353.        .footer-bottom .footer-nav a:hover {
  1354.            color: #00d4ff;
  1355.        }
  1356.  
  1357.        .payment-icons {
  1358.            display: flex;
  1359.            gap: 16px;
  1360.            align-items: center;
  1361.        }
  1362.  
  1363.        .payment-icon {
  1364.            width: 40px;
  1365.            height: 24px;
  1366.            background: #b0b0b0;
  1367.            border-radius: 4px;
  1368.            display: flex;
  1369.            align-items: center;
  1370.            justify-content: center;
  1371.            font-size: 12px;
  1372.            font-weight: bold;
  1373.            transition: all 0.3s ease;
  1374.        }
  1375.  
  1376.        .payment-icon:hover {
  1377.            background: #00d4ff;
  1378.            color: #000;
  1379.        }
  1380.  
  1381.        @media (max-width: 768px) {
  1382.            .footer-content {
  1383.                grid-template-columns: 1fr;
  1384.                gap: 40px;
  1385.            }
  1386.  
  1387.            .footer-bottom {
  1388.                flex-direction: column;
  1389.                gap: 20px;
  1390.            }
  1391.        }
  1392.    </style>
  1393. </body>
  1394. </html>                        

Home · About · News · Docs · Terms

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