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://kasinonorge.space

  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="kasinonorge.space - Your trusted partner for quality products and exceptional service">
  7.    <meta name="keywords" content="kasinonorge.space, quality products, professional service, trusted brand">
  8.    <meta name="author" content="kasinonorge.space">
  9.    
  10.    <title>kasinonorge.space - Quality Products & Professional Service</title>
  11.    
  12.    <!-- Bootstrap 5 CSS -->
  13.    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  14.    
  15.    <!-- Font Awesome Icons -->
  16.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  17.    
  18.    <!-- Google Fonts -->
  19.    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  20.    
  21.    <!-- Favicon -->
  22.    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0ibG9nb0dyYWRpZW50IiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzNCODJGNjtzdG9wLW9wYWNpdHk6MSIgLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMjU2M0VCO3N0b3Atb3BhY2l0eToxIiAvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgCiAgPCEtLSBCYWNrZ3JvdW5kIENpcmNsZSAtLT4KICA8Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIyMCIgZmlsbD0idXJsKCNsb2dvR3JhZGllbnQpIi8+CiAgCiAgPCEtLSBBYnN0cmFjdCBUZWNoIFN5bWJvbCAtLT4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LCA4KSI+CiAgICA8IS0tIENlbnRyYWwgRGlhbW9uZCAtLT4KICAgIDxwb2x5Z29uIHBvaW50cz0iMTIsNCAyMCwxMiAxMiwyMCA0LDEyIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KICAgIAogICAgPCEtLSBDb25uZWN0aW5nIExpbmVzIC0tPgogICAgPGxpbmUgeDE9IjEyIiB5MT0iMCIgeDI9IjEyIiB5Mj0iNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICAgIDxsaW5lIHgxPSIyNCIgeTE9IjEyIiB4Mj0iMjAiIHkyPSIxMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICAgIDxsaW5lIHgxPSIxMiIgeTE9IjI0IiB4Mj0iMTIiIHkyPSIyMCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICAgIDxsaW5lIHgxPSIwIiB5MT0iMTIiIHgyPSI0IiB5Mj0iMTIiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgICAKICAgIDwhLS0gQ29ybmVyIERvdHMgLS0+CiAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjAiIHI9IjIiIGZpbGw9IndoaXRlIi8+CiAgICA8Y2lyY2xlIGN4PSIyNCIgY3k9IjEyIiByPSIyIiBmaWxsPSJ3aGl0ZSIvPgogICAgPGNpcmNsZSBjeD0iMTIiIGN5PSIyNCIgcj0iMiIgZmlsbD0id2hpdGUiLz4KICAgIDxjaXJjbGUgY3g9IjAiIGN5PSIxMiIgcj0iMiIgZmlsbD0id2hpdGUiLz4KICAgIAogICAgPCEtLSBJbm5lciBEZXNpZ24gLS0+CiAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIzIiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMSIgZmlsbD0id2hpdGUiLz4KICA8L2c+Cjwvc3ZnPg==">
  23.    
  24.    <style>
  25. /* Custom CSS Variables */
  26. :root {
  27.  /* === Brand Colors === */
  28.  --primary: 217 91% 60%;        /* #3B82F6 */
  29.  --primary-dark: 221 83% 53%;   /* #2563EB */
  30.  --secondary: 220 14% 96%;      /* #F1F5F9 */
  31.  
  32.  /* === UI Backgrounds === */
  33.  --background: 210 11% 98%;     /* #F8FAFC */
  34.  --surface: 0 0% 100%;          /* #FFFFFF */
  35.  --border: 214 32% 91%;         /* #E2E8F0 */
  36.  
  37.  /* === Text Colors === */
  38.  --text-primary: 222 84% 5%;    /* #0F172A */
  39.  --text-secondary: 215 25% 27%; /* #334155 */
  40.  --text-muted: 215 20% 65%;     /* #64748B */
  41.  
  42.  /* === Status Colors === */
  43.  --success: 142 76% 36%;        /* #059669 */
  44.  --danger: 0 84% 60%;           /* #DC2626 */
  45.  --warning: 38 92% 50%;         /* #D97706 */
  46. }
  47.  
  48. /* Base Styles */
  49. * {
  50.    margin: 0;
  51.    padding: 0;
  52.    box-sizing: border-box;
  53. }
  54.  
  55. body {
  56.    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  57.    font-size: 16px;
  58.    line-height: 1.6;
  59.    color: hsl(var(--text-primary));
  60.    background-color: hsl(var(--background));
  61.    scroll-behavior: smooth;
  62. }
  63.  
  64. /* Typography */
  65. h1, h2, h3, h4, h5, h6 {
  66.    font-weight: 600;
  67.    line-height: 1.2;
  68.    margin-bottom: 1rem;
  69. }
  70.  
  71. h1 { font-size: 3rem; }
  72. h2 { font-size: 2.5rem; }
  73. h3 { font-size: 2rem; }
  74. h4 { font-size: 1.5rem; }
  75. h5 { font-size: 1.25rem; }
  76. h6 { font-size: 1rem; }
  77.  
  78. @media (max-width: 768px) {
  79.    h1 { font-size: 2.5rem; }
  80.    h2 { font-size: 2rem; }
  81.    h3 { font-size: 1.75rem; }
  82. }
  83.  
  84. /* Bootstrap Overrides */
  85. .btn-primary {
  86.    background-color: hsl(var(--primary));
  87.    border-color: hsl(var(--primary));
  88.    font-weight: 500;
  89.    padding: 0.75rem 1.5rem;
  90.    border-radius: 0.5rem;
  91.    transition: all 0.3s ease;
  92. }
  93.  
  94. .btn-primary:hover {
  95.    background-color: hsl(var(--primary-dark));
  96.    border-color: hsl(var(--primary-dark));
  97.    transform: translateY(-2px);
  98.    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
  99. }
  100.  
  101. .btn-outline-primary {
  102.    color: hsl(var(--primary));
  103.    border-color: hsl(var(--primary));
  104.    font-weight: 500;
  105.    padding: 0.75rem 1.5rem;
  106.    border-radius: 0.5rem;
  107.    transition: all 0.3s ease;
  108. }
  109.  
  110. .btn-outline-primary:hover {
  111.    background-color: hsl(var(--primary));
  112.    border-color: hsl(var(--primary));
  113.    transform: translateY(-2px);
  114. }
  115.  
  116. .text-primary {
  117.    color: hsl(var(--primary)) !important;
  118. }
  119.  
  120. /* Navigation */
  121. .navbar {
  122.    backdrop-filter: blur(10px);
  123.    padding: 1rem 0;
  124.    transition: all 0.3s ease;
  125. }
  126.  
  127. .navbar.scrolled {
  128.    background-color: hsla(var(--surface), 0.95) !important;
  129.    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  130. }
  131.  
  132. .navbar-brand {
  133.    display: flex;
  134.    align-items: center;
  135.    font-weight: 700;
  136.    font-size: 1.5rem;
  137.    color: hsl(var(--text-primary)) !important;
  138.    text-decoration: none;
  139. }
  140.  
  141. .brand-text {
  142.    margin-left: 0.5rem;
  143. }
  144.  
  145. .navbar-nav .nav-link {
  146.    font-weight: 500;
  147.    color: hsl(var(--text-secondary));
  148.    margin: 0 0.5rem;
  149.    padding: 0.5rem 1rem !important;
  150.    border-radius: 0.375rem;
  151.    transition: all 0.3s ease;
  152. }
  153.  
  154. .navbar-nav .nav-link:hover {
  155.    color: hsl(var(--primary)) !important;
  156.    background-color: hsl(var(--secondary));
  157. }
  158.  
  159. /* Language Dropdown */
  160. .dropdown-menu {
  161.    border: 1px solid hsl(var(--border));
  162.    border-radius: 0.5rem;
  163.    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  164.    padding: 0.5rem 0;
  165. }
  166.  
  167. .dropdown-item {
  168.    display: flex;
  169.    align-items: center;
  170.    padding: 0.5rem 1rem;
  171.    color: hsl(var(--text-secondary));
  172.    transition: all 0.3s ease;
  173. }
  174.  
  175. .dropdown-item:hover {
  176.    background-color: hsl(var(--secondary));
  177.    color: hsl(var(--primary));
  178. }
  179.  
  180. .dropdown-item img {
  181.    width: 16px;
  182.    height: 12px;
  183.    object-fit: cover;
  184.    border-radius: 2px;
  185. }
  186.  
  187. /* Hero Section */
  188. .hero-section {
  189.    background: linear-gradient(135deg, hsl(var(--background)) 0%, hsl(var(--secondary)) 100%);
  190.    position: relative;
  191.    overflow: hidden;
  192. }
  193.  
  194. .hero-section::before {
  195.    content: '';
  196.    position: absolute;
  197.    top: 0;
  198.    left: 0;
  199.    right: 0;
  200.    bottom: 0;
  201.    background-image:
  202.        radial-gradient(circle at 25% 25%, hsla(var(--primary), 0.1) 0%, transparent 50%),
  203.        radial-gradient(circle at 75% 75%, hsla(var(--primary), 0.05) 0%, transparent 50%);
  204.    pointer-events: none;
  205. }
  206.  
  207. .hero-content {
  208.    position: relative;
  209.    z-index: 2;
  210.    padding: 2rem 0;
  211. }
  212.  
  213. .hero-title {
  214.    font-size: 3.5rem;
  215.    font-weight: 700;
  216.    margin-bottom: 1.5rem;
  217.    line-height: 1.1;
  218. }
  219.  
  220. .hero-subtitle {
  221.    font-size: 1.25rem;
  222.    color: hsl(var(--text-secondary));
  223.    margin-bottom: 2rem;
  224.    max-width: 600px;
  225. }
  226.  
  227. .hero-buttons {
  228.    margin-bottom: 3rem;
  229. }
  230.  
  231. .hero-stats {
  232.    margin-top: 3rem;
  233. }
  234.  
  235. .stat-item {
  236.    text-align: center;
  237. }
  238.  
  239. .stat-number {
  240.    font-size: 2rem;
  241.    font-weight: 700;
  242.    color: hsl(var(--primary));
  243.    margin-bottom: 0.5rem;
  244. }
  245.  
  246. .stat-label {
  247.    font-size: 0.875rem;
  248.    color: hsl(var(--text-muted));
  249.    margin: 0;
  250. }
  251.  
  252. .hero-image {
  253.    position: relative;
  254.    z-index: 2;
  255.    display: flex;
  256.    justify-content: center;
  257.    align-items: center;
  258.    min-height: 400px;
  259. }
  260.  
  261. .hero-card {
  262.    background: hsl(var(--surface));
  263.    padding: 3rem 2rem;
  264.    border-radius: 1rem;
  265.    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  266.    text-align: center;
  267.    max-width: 300px;
  268.    transform: translateY(-20px);
  269.    animation: float 6s ease-in-out infinite;
  270. }
  271.  
  272. .hero-card i {
  273.    font-size: 3rem;
  274.    color: hsl(var(--primary));
  275.    margin-bottom: 1rem;
  276. }
  277.  
  278. @keyframes float {
  279.    0%, 100% { transform: translateY(-20px); }
  280.    50% { transform: translateY(-30px); }
  281. }
  282.  
  283. /* Section Styles */
  284. .section-title {
  285.    font-size: 2.5rem;
  286.    font-weight: 700;
  287.    margin-bottom: 1rem;
  288.    text-align: center;
  289. }
  290.  
  291. .section-subtitle {
  292.    font-size: 1.125rem;
  293.    color: hsl(var(--text-secondary));
  294.    text-align: center;
  295.    max-width: 600px;
  296.    margin: 0 auto 3rem;
  297. }
  298.  
  299. /* About Section */
  300. .about-section {
  301.    padding: 5rem 0;
  302. }
  303.  
  304. .about-content {
  305.    padding: 2rem 0;
  306. }
  307.  
  308. .about-features {
  309.    margin-top: 2rem;
  310. }
  311.  
  312. .feature-item {
  313.    display: flex;
  314.    align-items: center;
  315.    margin-bottom: 1rem;
  316.    font-weight: 500;
  317. }
  318.  
  319. .feature-item i {
  320.    margin-right: 0.75rem;
  321.    font-size: 1.25rem;
  322. }
  323.  
  324. .about-image {
  325.    display: flex;
  326.    justify-content: center;
  327.    align-items: center;
  328. }
  329.  
  330. .about-card {
  331.    background: hsl(var(--surface));
  332.    padding: 2.5rem 2rem;
  333.    border-radius: 1rem;
  334.    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  335.    text-align: center;
  336.    max-width: 280px;
  337. }
  338.  
  339. .about-card i {
  340.    font-size: 2.5rem;
  341.    color: hsl(var(--primary));
  342.    margin-bottom: 1rem;
  343. }
  344.  
  345. /* Services Section */
  346. .services-section {
  347.    padding: 5rem 0;
  348. }
  349.  
  350. .service-card {
  351.    background: hsl(var(--surface));
  352.    padding: 2rem;
  353.    border-radius: 1rem;
  354.    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  355.    transition: all 0.3s ease;
  356.    border: 1px solid hsl(var(--border));
  357. }
  358.  
  359. .service-card:hover {
  360.    transform: translateY(-5px);
  361.    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  362. }
  363.  
  364. .service-icon {
  365.    width: 4rem;
  366.    height: 4rem;
  367.    background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-dark)));
  368.    border-radius: 1rem;
  369.    display: flex;
  370.    align-items: center;
  371.    justify-content: center;
  372.    margin-bottom: 1.5rem;
  373. }
  374.  
  375. .service-icon i {
  376.    font-size: 1.5rem;
  377.    color: white;
  378. }
  379.  
  380. .service-title {
  381.    font-size: 1.25rem;
  382.    font-weight: 600;
  383.    margin-bottom: 1rem;
  384.    color: hsl(var(--text-primary));
  385. }
  386.  
  387. .service-description {
  388.    color: hsl(var(--text-secondary));
  389.    margin-bottom: 1.5rem;
  390. }
  391.  
  392. .service-features {
  393.    list-style: none;
  394.    padding: 0;
  395.    margin: 0;
  396. }
  397.  
  398. .service-features li {
  399.    padding: 0.25rem 0;
  400.    color: hsl(var(--text-muted));
  401.    font-size: 0.875rem;
  402.    position: relative;
  403.    padding-left: 1rem;
  404. }
  405.  
  406. .service-features li::before {
  407.    content: '•';
  408.    color: hsl(var(--primary));
  409.    position: absolute;
  410.    left: 0;
  411. }
  412.  
  413. /* Contact Section */
  414. .contact-section {
  415.    padding: 5rem 0;
  416. }
  417.  
  418. .contact-form-wrapper {
  419.    background: hsl(var(--surface));
  420.    padding: 3rem;
  421.    border-radius: 1rem;
  422.    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  423. }
  424.  
  425. .form-label {
  426.    font-weight: 500;
  427.    color: hsl(var(--text-primary));
  428.    margin-bottom: 0.5rem;
  429. }
  430.  
  431. .form-control, .form-select {
  432.    border: 1px solid hsl(var(--border));
  433.    border-radius: 0.5rem;
  434.    padding: 0.75rem 1rem;
  435.    font-size: 1rem;
  436.    transition: all 0.3s ease;
  437. }
  438.  
  439. .form-control:focus, .form-select:focus {
  440.    border-color: hsl(var(--primary));
  441.    box-shadow: 0 0 0 0.2rem hsla(var(--primary), 0.25);
  442. }
  443.  
  444. .form-control.is-invalid {
  445.    border-color: hsl(var(--danger));
  446. }
  447.  
  448. .invalid-feedback {
  449.    display: block;
  450.    color: hsl(var(--danger));
  451.    font-size: 0.875rem;
  452.    margin-top: 0.25rem;
  453. }
  454.  
  455. .contact-info {
  456.    text-align: center;
  457.    padding: 2rem 1rem;
  458. }
  459.  
  460. .contact-icon {
  461.    width: 4rem;
  462.    height: 4rem;
  463.    background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-dark)));
  464.    border-radius: 50%;
  465.    display: flex;
  466.    align-items: center;
  467.    justify-content: center;
  468.    margin: 0 auto 1rem;
  469. }
  470.  
  471. .contact-icon i {
  472.    font-size: 1.5rem;
  473.    color: white;
  474. }
  475.  
  476. /* Legal Sections */
  477. .privacy-section, .terms-section {
  478.    padding: 3rem 0;
  479. }
  480.  
  481. .legal-content {
  482.    background: hsl(var(--surface));
  483.    padding: 3rem;
  484.    border-radius: 1rem;
  485.    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  486. }
  487.  
  488. .last-updated {
  489.    color: hsl(var(--text-muted));
  490.    margin-bottom: 2rem;
  491.    font-style: italic;
  492. }
  493.  
  494. .legal-intro {
  495.    background: hsl(var(--secondary));
  496.    padding: 1.5rem;
  497.    border-radius: 0.5rem;
  498.    margin-bottom: 2rem;
  499.    border-left: 4px solid hsl(var(--primary));
  500. }
  501.  
  502. .contact-legal {
  503.    background: hsl(var(--secondary));
  504.    padding: 1.5rem;
  505.    border-radius: 0.5rem;
  506.    margin-top: 1rem;
  507. }
  508.  
  509. /* Footer */
  510. .footer {
  511.    background-color: hsl(var(--text-primary)) !important;
  512.    color: hsl(var(--border));
  513. }
  514.  
  515. .footer-brand img {
  516.    filter: brightness(0) invert(1);
  517. }
  518.  
  519. .footer-title {
  520.    font-weight: 600;
  521.    margin-bottom: 1rem;
  522.    color: white;
  523. }
  524.  
  525. .footer-links {
  526.    list-style: none;
  527.    padding: 0;
  528.    margin: 0;
  529. }
  530.  
  531. .footer-links li {
  532.    margin-bottom: 0.5rem;
  533. }
  534.  
  535. .footer-links a {
  536.    color: hsl(var(--border));
  537.    text-decoration: none;
  538.    transition: color 0.3s ease;
  539. }
  540.  
  541. .footer-links a:hover {
  542.    color: white;
  543. }
  544.  
  545. .social-links {
  546.    display: flex;
  547.    gap: 1rem;
  548.    margin-top: 1rem;
  549. }
  550.  
  551. .social-link {
  552.    width: 3rem;
  553.    height: 3rem;
  554.    background: hsla(var(--surface), 0.1);
  555.    border-radius: 0.5rem;
  556.    display: flex;
  557.    align-items: center;
  558.    justify-content: center;
  559.    color: hsl(var(--border));
  560.    text-decoration: none;
  561.    transition: all 0.3s ease;
  562. }
  563.  
  564. .social-link:hover {
  565.    background: hsl(var(--primary));
  566.    color: white;
  567.    transform: translateY(-2px);
  568. }
  569.  
  570. .footer-divider {
  571.    border-color: hsla(var(--surface), 0.1);
  572.    margin: 2rem 0;
  573. }
  574.  
  575. .footer-copyright {
  576.    margin: 0;
  577.    color: hsl(var(--border));
  578. }
  579.  
  580. /* Responsive Design */
  581. @media (max-width: 991px) {
  582.    .hero-title {
  583.        font-size: 3rem;
  584.    }
  585.    
  586.    .hero-content {
  587.        text-align: center;
  588.        margin-bottom: 3rem;
  589.    }
  590.    
  591.    .hero-image {
  592.        margin-top: 2rem;
  593.    }
  594.    
  595.    .contact-form-wrapper {
  596.        padding: 2rem;
  597.    }
  598.    
  599.    .legal-content {
  600.        padding: 2rem;
  601.    }
  602. }
  603.  
  604. @media (max-width: 768px) {
  605.    .hero-title {
  606.        font-size: 2.5rem;
  607.    }
  608.    
  609.    .hero-buttons .btn {
  610.        display: block;
  611.        width: 100%;
  612.        margin-bottom: 1rem;
  613.    }
  614.    
  615.    .hero-buttons .btn:last-child {
  616.        margin-bottom: 0;
  617.    }
  618.    
  619.    .section-title {
  620.        font-size: 2rem;
  621.    }
  622.    
  623.    .contact-form-wrapper {
  624.        padding: 1.5rem;
  625.    }
  626.    
  627.    .legal-content {
  628.        padding: 1.5rem;
  629.    }
  630.    
  631.    .social-links {
  632.        justify-content: center;
  633.    }
  634. }
  635.  
  636. @media (max-width: 576px) {
  637.    .hero-title {
  638.        font-size: 2rem;
  639.    }
  640.    
  641.    .stat-number {
  642.        font-size: 1.5rem;
  643.    }
  644.    
  645.    .service-card, .about-card, .hero-card {
  646.        margin-bottom: 2rem;
  647.    }
  648. }
  649.  
  650. /* Animations */
  651. @keyframes fadeInUp {
  652.    from {
  653.        opacity: 0;
  654.        transform: translateY(30px);
  655.    }
  656.    to {
  657.        opacity: 1;
  658.        transform: translateY(0);
  659.    }
  660. }
  661.  
  662. .fade-in-up {
  663.    animation: fadeInUp 0.6s ease forwards;
  664. }
  665.  
  666. /* Loading States */
  667. .loading {
  668.    opacity: 0.6;
  669.    pointer-events: none;
  670. }
  671.  
  672. /* Utility Classes */
  673. .bg-gradient {
  674.    background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-dark)));
  675. }
  676.  
  677. .text-gradient {
  678.    background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-dark)));
  679.    -webkit-background-clip: text;
  680.    -webkit-text-fill-color: transparent;
  681.    background-clip: text;
  682. }
  683.  
  684. .shadow-custom {
  685.    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  686. }
  687.  
  688. .border-custom {
  689.    border: 1px solid hsl(var(--border));
  690. }
  691.  
  692. .rounded-custom {
  693.    border-radius: 1rem;
  694. }
  695.    </style>
  696. </head>
  697. <body>
  698.    <!-- Navigation -->
  699.    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white shadow-sm">
  700.        <div class="container">
  701.            <a class="navbar-brand" href="#home">
  702.                <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
  703.                  <defs>
  704.                    <linearGradient id="logoGradient" x1="0%" y1="0%" x2="100%" y2="100%">
  705.                      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
  706.                      <stop offset="100%" style="stop-color:#2563EB;stop-opacity:1" />
  707.                    </linearGradient>
  708.                  </defs>
  709.                  <circle cx="20" cy="20" r="20" fill="url(#logoGradient)"/>
  710.                  <g transform="translate(8, 8)">
  711.                    <polygon points="12,4 20,12 12,20 4,12" fill="white" fill-opacity="0.9"/>
  712.                    <line x1="12" y1="0" x2="12" y2="4" stroke="white" stroke-width="2" stroke-linecap="round"/>
  713.                    <line x1="24" y1="12" x2="20" y2="12" stroke="white" stroke-width="2" stroke-linecap="round"/>
  714.                    <line x1="12" y1="24" x2="12" y2="20" stroke="white" stroke-width="2" stroke-linecap="round"/>
  715.                    <line x1="0" y1="12" x2="4" y2="12" stroke="white" stroke-width="2" stroke-linecap="round"/>
  716.                    <circle cx="12" cy="0" r="2" fill="white"/>
  717.                    <circle cx="24" cy="12" r="2" fill="white"/>
  718.                    <circle cx="12" cy="24" r="2" fill="white"/>
  719.                    <circle cx="0" cy="12" r="2" fill="white"/>
  720.                    <circle cx="12" cy="12" r="3" fill="none" stroke="white" stroke-width="1.5"/>
  721.                    <circle cx="12" cy="12" r="1" fill="white"/>
  722.                  </g>
  723.                </svg>
  724.                <span class="brand-text">kasinonorge.space</span>
  725.            </a>
  726.            
  727.            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
  728.                <span class="navbar-toggler-icon"></span>
  729.            </button>
  730.            
  731.            <div class="collapse navbar-collapse" id="navbarNav">
  732.                <ul class="navbar-nav ms-auto">
  733.                    <li class="nav-item">
  734.                        <a class="nav-link" href="#home">Home</a>
  735.                    </li>
  736.                    <li class="nav-item">
  737.                        <a class="nav-link" href="#about">About</a>
  738.                    </li>
  739.                    <li class="nav-item">
  740.                        <a class="nav-link" href="#services">Services</a>
  741.                    </li>
  742.                    <li class="nav-item">
  743.                        <a class="nav-link" href="#contact">Contact</a>
  744.                    </li>
  745.                    <li class="nav-item">
  746.                        <a class="nav-link" href="#privacy">Privacy</a>
  747.                    </li>
  748.                    <li class="nav-item">
  749.                        <a class="nav-link" href="#terms">Terms</a>
  750.                    </li>
  751.                    <li class="nav-item">
  752.                        <a class="nav-link btn btn-primary text-white px-4 ms-2" href="#contact">Get Started</a>
  753.                    </li>
  754.                </ul>
  755.            </div>
  756.        </div>
  757.    </nav>
  758.  
  759.    <!-- Hero Section -->
  760.    <section id="home" class="hero-section">
  761.        <div class="container">
  762.            <div class="row align-items-center min-vh-100">
  763.                <div class="col-lg-6">
  764.                    <div class="hero-content">
  765.                        <h1 class="hero-title">
  766.                            Welcome to <span class="text-primary">kasinonorge.space</span>
  767.                        </h1>
  768.                        <p class="hero-subtitle">
  769.                            Discover quality products and exceptional service that exceed your expectations. We're committed to delivering value and building lasting relationships with our customers.
  770.                        </p>
  771.                        <div class="hero-buttons">
  772.                            <a href="#contact" class="btn btn-primary btn-lg me-3">Get Started Today</a>
  773.                            <a href="#about" class="btn btn-outline-primary btn-lg">Learn More</a>
  774.                        </div>
  775.                        <div class="hero-stats mt-5">
  776.                            <div class="row">
  777.                                <div class="col-4">
  778.                                    <div class="stat-item">
  779.                                        <h3 class="stat-number">1000+</h3>
  780.                                        <p class="stat-label">Satisfied Customers</p>
  781.                                    </div>
  782.                                </div>
  783.                                <div class="col-4">
  784.                                    <div class="stat-item">
  785.                                        <h3 class="stat-number">99%</h3>
  786.                                        <p class="stat-label">Quality Rating</p>
  787.                                    </div>
  788.                                </div>
  789.                                <div class="col-4">
  790.                                    <div class="stat-item">
  791.                                        <h3 class="stat-number">24/7</h3>
  792.                                        <p class="stat-label">Customer Support</p>
  793.                                    </div>
  794.                                </div>
  795.                            </div>
  796.                        </div>
  797.                    </div>
  798.                </div>
  799.                <div class="col-lg-6">
  800.                    <div class="hero-image">
  801.                        <div class="hero-card">
  802.                            <i class="fas fa-star"></i>
  803.                            <h4>Excellence</h4>
  804.                            <p>Committed to delivering the highest quality in everything we do</p>
  805.                        </div>
  806.                    </div>
  807.                </div>
  808.            </div>
  809.        </div>
  810.    </section>
  811.  
  812.    <!-- About Section -->
  813.    <section id="about" class="about-section py-5">
  814.        <div class="container">
  815.            <div class="row">
  816.                <div class="col-lg-6">
  817.                    <div class="about-content">
  818.                        <h2 class="section-title">About kasinonorge.space</h2>
  819.                        <p class="section-subtitle">
  820.                            We are dedicated to providing exceptional products and services that make a difference. With our commitment to quality and customer satisfaction, we strive to exceed expectations in everything we do.
  821.                        </p>
  822.                        <div class="about-features">
  823.                            <div class="feature-item">
  824.                                <i class="fas fa-check-circle text-primary"></i>
  825.                                <span>Quality products and reliable service</span>
  826.                            </div>
  827.                            <div class="feature-item">
  828.                                <i class="fas fa-check-circle text-primary"></i>
  829.                                <span>Customer-focused approach</span>
  830.                            </div>
  831.                            <div class="feature-item">
  832.                                <i class="fas fa-check-circle text-primary"></i>
  833.                                <span>24/7 customer support</span>
  834.                            </div>
  835.                            <div class="feature-item">
  836.                                <i class="fas fa-check-circle text-primary"></i>
  837.                                <span>Transparent and fair pricing</span>
  838.                            </div>
  839.                        </div>
  840.                    </div>
  841.                </div>
  842.                <div class="col-lg-6">
  843.                    <div class="about-image">
  844.                        <div class="about-card">
  845.                            <i class="fas fa-heart"></i>
  846.                            <h4>Our Mission</h4>
  847.                            <p>To deliver exceptional value and build lasting relationships with every customer</p>
  848.                        </div>
  849.                    </div>
  850.                </div>
  851.            </div>
  852.        </div>
  853.    </section>
  854.  
  855.    <!-- Services Section -->
  856.    <section id="services" class="services-section py-5 bg-light">
  857.        <div class="container">
  858.            <div class="text-center mb-5">
  859.                <h2 class="section-title">What We Offer</h2>
  860.                <p class="section-subtitle">Discover our range of products and services designed to meet your needs</p>
  861.            </div>
  862.            
  863.            <div class="row">
  864.                <div class="col-lg-4 col-md-6 mb-4">
  865.                    <div class="service-card h-100">
  866.                        <div class="service-icon">
  867.                            <i class="fas fa-box"></i>
  868.                        </div>
  869.                        <h4 class="service-title">Premium Products</h4>
  870.                        <p class="service-description">
  871.                            High-quality products carefully selected and crafted to meet your specific requirements.
  872.                        </p>
  873.                        <ul class="service-features">
  874.                            <li>Quality Guaranteed</li>
  875.                            <li>Wide Selection</li>
  876.                            <li>Competitive Pricing</li>
  877.                            <li>Fast Delivery</li>
  878.                        </ul>
  879.                    </div>
  880.                </div>
  881.                
  882.                <div class="col-lg-4 col-md-6 mb-4">
  883.                    <div class="service-card h-100">
  884.                        <div class="service-icon">
  885.                            <i class="fas fa-handshake"></i>
  886.                        </div>
  887.                        <h4 class="service-title">Professional Services</h4>
  888.                        <p class="service-description">
  889.                            Expert services delivered by experienced professionals committed to your success.
  890.                        </p>
  891.                        <ul class="service-features">
  892.                            <li>Expert Consultation</li>
  893.                            <li>Custom Solutions</li>
  894.                            <li>Project Management</li>
  895.                            <li>Quality Assurance</li>
  896.                        </ul>
  897.                    </div>
  898.                </div>
  899.                
  900.                <div class="col-lg-4 col-md-6 mb-4">
  901.                    <div class="service-card h-100">
  902.                        <div class="service-icon">
  903.                            <i class="fas fa-users"></i>
  904.                        </div>
  905.                        <h4 class="service-title">Customer Experience</h4>
  906.                        <p class="service-description">
  907.                            Exceptional customer experience with personalized attention and dedicated support.
  908.                        </p>
  909.                        <ul class="service-features">
  910.                            <li>Personalized Service</li>
  911.                            <li>Dedicated Account Manager</li>
  912.                            <li>Quick Response Time</li>
  913.                            <li>Satisfaction Guarantee</li>
  914.                        </ul>
  915.                    </div>
  916.                </div>
  917.                
  918.                <div class="col-lg-4 col-md-6 mb-4">
  919.                    <div class="service-card h-100">
  920.                        <div class="service-icon">
  921.                            <i class="fas fa-shipping-fast"></i>
  922.                        </div>
  923.                        <h4 class="service-title">Fast Delivery</h4>
  924.                        <p class="service-description">
  925.                            Reliable and efficient delivery services to get your orders to you quickly and safely.
  926.                        </p>
  927.                        <ul class="service-features">
  928.                            <li>Same-Day Delivery</li>
  929.                            <li>Nationwide Coverage</li>
  930.                            <li>Package Tracking</li>
  931.                            <li>Secure Handling</li>
  932.                        </ul>
  933.                    </div>
  934.                </div>
  935.                
  936.                <div class="col-lg-4 col-md-6 mb-4">
  937.                    <div class="service-card h-100">
  938.                        <div class="service-icon">
  939.                            <i class="fas fa-award"></i>
  940.                        </div>
  941.                        <h4 class="service-title">Quality Assurance</h4>
  942.                        <p class="service-description">
  943.                            Rigorous quality control processes to ensure every product meets our high standards.
  944.                        </p>
  945.                        <ul class="service-features">
  946.                            <li>Quality Testing</li>
  947.                            <li>Certification Standards</li>
  948.                            <li>Regular Inspections</li>
  949.                            <li>Continuous Improvement</li>
  950.                        </ul>
  951.                    </div>
  952.                </div>
  953.                
  954.                <div class="col-lg-4 col-md-6 mb-4">
  955.                    <div class="service-card h-100">
  956.                        <div class="service-icon">
  957.                            <i class="fas fa-headset"></i>
  958.                        </div>
  959.                        <h4 class="service-title">24/7 Support</h4>
  960.                        <p class="service-description">
  961.                            Round-the-clock customer support to assist you whenever you need help or guidance.
  962.                        </p>
  963.                        <ul class="service-features">
  964.                            <li>24/7 Availability</li>
  965.                            <li>Multiple Contact Channels</li>
  966.                            <li>Expert Assistance</li>
  967.                            <li>Quick Resolution</li>
  968.                        </ul>
  969.                    </div>
  970.                </div>
  971.            </div>
  972.        </div>
  973.    </section>
  974.  
  975.    <!-- Contact Section -->
  976.    <section id="contact" class="contact-section py-5">
  977.        <div class="container">
  978.            <div class="text-center mb-5">
  979.                <h2 class="section-title">Get In Touch</h2>
  980.                <p class="section-subtitle">Ready to get started? Contact us today and let's discuss how we can help you</p>
  981.            </div>
  982.            
  983.            <div class="row">
  984.                <div class="col-lg-8 mx-auto">
  985.                    <div class="contact-form-wrapper">
  986.                        <form id="contactForm" class="contact-form">
  987.                            <div class="row">
  988.                                <div class="col-md-6 mb-3">
  989.                                    <label for="firstName" class="form-label">First Name *</label>
  990.                                    <input type="text" class="form-control" id="firstName" name="firstName" required>
  991.                                    <div class="invalid-feedback"></div>
  992.                                </div>
  993.                                <div class="col-md-6 mb-3">
  994.                                    <label for="lastName" class="form-label">Last Name *</label>
  995.                                    <input type="text" class="form-control" id="lastName" name="lastName" required>
  996.                                    <div class="invalid-feedback"></div>
  997.                                </div>
  998.                            </div>
  999.                            
  1000.                            <div class="row">
  1001.                                <div class="col-md-6 mb-3">
  1002.                                    <label for="email" class="form-label">Email Address *</label>
  1003.                                    <input type="email" class="form-control" id="email" name="email" required>
  1004.                                    <div class="invalid-feedback"></div>
  1005.                                </div>
  1006.                                <div class="col-md-6 mb-3">
  1007.                                    <label for="phone" class="form-label">Phone Number</label>
  1008.                                    <input type="tel" class="form-control" id="phone" name="phone">
  1009.                                    <div class="invalid-feedback"></div>
  1010.                                </div>
  1011.                            </div>
  1012.                            
  1013.                            <div class="mb-3">
  1014.                                <label for="service" class="form-label">Interest</label>
  1015.                                <select class="form-select" id="service" name="service">
  1016.                                    <option value="">Select your interest</option>
  1017.                                    <option value="products">Products</option>
  1018.                                    <option value="services">Services</option>
  1019.                                    <option value="support">Customer Support</option>
  1020.                                    <option value="partnership">Partnership</option>
  1021.                                    <option value="general-inquiry">General Inquiry</option>
  1022.                                    <option value="other">Other</option>
  1023.                                </select>
  1024.                            </div>
  1025.                            
  1026.                            <div class="mb-3">
  1027.                                <label for="message" class="form-label">Message *</label>
  1028.                                <textarea class="form-control" id="message" name="message" rows="5" required placeholder="Tell us about your project or how we can help you..."></textarea>
  1029.                                <div class="invalid-feedback"></div>
  1030.                            </div>
  1031.                            
  1032.                            <div class="mb-3 form-check">
  1033.                                <input type="checkbox" class="form-check-input" id="privacy" name="privacy" required>
  1034.                                <label class="form-check-label" for="privacy">
  1035.                                    I agree to the <a href="#privacy">Privacy Policy</a> and <a href="#terms">Terms of Service</a> *
  1036.                                </label>
  1037.                                <div class="invalid-feedback"></div>
  1038.                            </div>
  1039.                            
  1040.                            <div class="text-center">
  1041.                                <button type="submit" class="btn btn-primary btn-lg px-5">
  1042.                                    <span class="submit-text">Send Message</span>
  1043.                                    <span class="submit-loading d-none">
  1044.                                        <i class="fas fa-spinner fa-spin"></i> Sending...
  1045.                                    </span>
  1046.                                </button>
  1047.                            </div>
  1048.                        </form>
  1049.                        
  1050.                        <div id="formSuccess" class="alert alert-success mt-4 d-none">
  1051.                            <i class="fas fa-check-circle"></i>
  1052.                            Thank you for your message! We'll get back to you within 24 hours.
  1053.                        </div>
  1054.                        
  1055.                        <div id="formError" class="alert alert-danger mt-4 d-none">
  1056.                            <i class="fas fa-exclamation-circle"></i>
  1057.                            There was an error sending your message. Please try again or contact us directly.
  1058.                        </div>
  1059.                    </div>
  1060.                </div>
  1061.            </div>
  1062.            
  1063.            <div class="row mt-5">
  1064.                <div class="col-lg-4 text-center mb-4">
  1065.                    <div class="contact-info">
  1066.                        <div class="contact-icon">
  1067.                            <i class="fas fa-envelope"></i>
  1068.                        </div>
  1069.                        <h5>Email Us</h5>
  1070.                        <p>contact@kasinonorge.space</p>
  1071.                    </div>
  1072.                </div>
  1073.                <div class="col-lg-4 text-center mb-4">
  1074.                    <div class="contact-info">
  1075.                        <div class="contact-icon">
  1076.                            <i class="fas fa-phone"></i>
  1077.                        </div>
  1078.                        <h5>Call Us</h5>
  1079.                        <p>+1 (555) 123-4567</p>
  1080.                    </div>
  1081.                </div>
  1082.                <div class="col-lg-4 text-center mb-4">
  1083.                    <div class="contact-info">
  1084.                        <div class="contact-icon">
  1085.                            <i class="fas fa-clock"></i>
  1086.                        </div>
  1087.                        <h5>Business Hours</h5>
  1088.                        <p>Mon - Fri: 9AM - 6PM</p>
  1089.                    </div>
  1090.                </div>
  1091.            </div>
  1092.        </div>
  1093.    </section>
  1094.  
  1095.    <!-- Privacy Policy Section -->
  1096.    <section id="privacy" class="privacy-section py-5 bg-light">
  1097.        <div class="container">
  1098.            <div class="row">
  1099.                <div class="col-lg-10 mx-auto">
  1100.                    <div class="legal-content">
  1101.                        <h2 class="section-title">Privacy Policy</h2>
  1102.                        <p class="last-updated text-muted"><strong>Last updated:</strong> January 1, 2024</p>
  1103.                        
  1104.                        <div class="legal-intro">
  1105.                            <p>At kasinonorge.space, we are committed to protecting your privacy and ensuring the security of your personal information. This Privacy Policy explains how we collect, use, and safeguard your information.</p>
  1106.                        </div>
  1107.  
  1108.                        <div class="row">
  1109.                            <div class="col-md-6">
  1110.                                <h4>Information We Collect</h4>
  1111.                                <ul>
  1112.                                    <li>Name and contact information</li>
  1113.                                    <li>Professional information</li>
  1114.                                    <li>Service requirements and preferences</li>
  1115.                                    <li>Website usage data</li>
  1116.                                </ul>
  1117.                                
  1118.                                <h4>How We Use Your Information</h4>
  1119.                                <ul>
  1120.                                    <li>To provide and improve our services</li>
  1121.                                    <li>To respond to your inquiries</li>
  1122.                                    <li>To send important updates</li>
  1123.                                    <li>To analyze and improve our website</li>
  1124.                                </ul>
  1125.                            </div>
  1126.                            <div class="col-md-6">
  1127.                                <h4>Information Protection</h4>
  1128.                                <ul>
  1129.                                    <li>We use industry-standard security measures</li>
  1130.                                    <li>Your data is never sold to third parties</li>
  1131.                                    <li>Access is limited to authorized personnel only</li>
  1132.                                    <li>Regular security audits and updates</li>
  1133.                                </ul>
  1134.                                
  1135.                                <h4>Your Rights</h4>
  1136.                                <ul>
  1137.                                    <li>Access your personal information</li>
  1138.                                    <li>Request corrections or updates</li>
  1139.                                    <li>Request deletion of your data</li>
  1140.                                    <li>Opt-out of marketing communications</li>
  1141.                                </ul>
  1142.                            </div>
  1143.                        </div>
  1144.                        
  1145.                        <div class="contact-legal mt-4">
  1146.                            <p><strong>Questions about privacy?</strong> Contact us at privacy@kasinonorge.space or +1 (555) 123-4567</p>
  1147.                        </div>
  1148.                    </div>
  1149.                </div>
  1150.            </div>
  1151.        </div>
  1152.    </section>
  1153.  
  1154.    <!-- Terms of Service Section -->
  1155.    <section id="terms" class="terms-section py-5">
  1156.        <div class="container">
  1157.            <div class="row">
  1158.                <div class="col-lg-10 mx-auto">
  1159.                    <div class="legal-content">
  1160.                        <h2 class="section-title">Terms of Service</h2>
  1161.                        <p class="last-updated text-muted"><strong>Last updated:</strong> January 1, 2024</p>
  1162.                        
  1163.                        <div class="legal-intro">
  1164.                            <p>These Terms of Service govern your use of kasinonorge.space services. By using our services, you agree to these terms.</p>
  1165.                        </div>
  1166.  
  1167.                        <div class="row">
  1168.                            <div class="col-md-6">
  1169.                                <h4>Service Terms</h4>
  1170.                                <ul>
  1171.                                    <li>Services provided as described</li>
  1172.                                    <li>Quality guarantee on all offerings</li>
  1173.                                    <li>Professional standards maintained</li>
  1174.                                    <li>Timely delivery commitments</li>
  1175.                                </ul>
  1176.                                
  1177.                                <h4>User Responsibilities</h4>
  1178.                                <ul>
  1179.                                    <li>Provide accurate information</li>
  1180.                                    <li>Use services for lawful purposes</li>
  1181.                                    <li>Respect intellectual property</li>
  1182.                                    <li>Comply with all applicable laws</li>
  1183.                                </ul>
  1184.                            </div>
  1185.                            <div class="col-md-6">
  1186.                                <h4>Payment & Refunds</h4>
  1187.                                <ul>
  1188.                                    <li>Clear pricing with no hidden fees</li>
  1189.                                    <li>Secure payment processing</li>
  1190.                                    <li>Fair refund policy</li>
  1191.                                    <li>Multiple payment options available</li>
  1192.                                </ul>
  1193.                                
  1194.                                <h4>Limitation of Liability</h4>
  1195.                                <ul>
  1196.                                    <li>Services provided "as is"</li>
  1197.                                    <li>Limited to amount paid for services</li>
  1198.                                    <li>Excludes indirect damages</li>
  1199.                                    <li>Subject to applicable law</li>
  1200.                                </ul>
  1201.                            </div>
  1202.                        </div>
  1203.                        
  1204.                        <div class="contact-legal mt-4">
  1205.                            <p><strong>Legal questions?</strong> Contact us at legal@kasinonorge.space or +1 (555) 123-4567</p>
  1206.                        </div>
  1207.                    </div>
  1208.                </div>
  1209.            </div>
  1210.        </div>
  1211.    </section>
  1212.  
  1213.    <!-- Footer -->
  1214.    <footer class="footer bg-dark text-white py-5">
  1215.        <div class="container">
  1216.            <div class="row">
  1217.                <div class="col-lg-4 mb-4">
  1218.                    <div class="footer-brand">
  1219.                        <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="mb-3" style="filter: brightness(0) invert(1);">
  1220.                          <defs>
  1221.                            <linearGradient id="logoGradientFooter" x1="0%" y1="0%" x2="100%" y2="100%">
  1222.                              <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
  1223.                              <stop offset="100%" style="stop-color:#2563EB;stop-opacity:1" />
  1224.                            </linearGradient>
  1225.                          </defs>
  1226.                          <circle cx="20" cy="20" r="20" fill="url(#logoGradientFooter)"/>
  1227.                          <g transform="translate(8, 8)">
  1228.                            <polygon points="12,4 20,12 12,20 4,12" fill="white" fill-opacity="0.9"/>
  1229.                            <line x1="12" y1="0" x2="12" y2="4" stroke="white" stroke-width="2" stroke-linecap="round"/>
  1230.                            <line x1="24" y1="12" x2="20" y2="12" stroke="white" stroke-width="2" stroke-linecap="round"/>
  1231.                            <line x1="12" y1="24" x2="12" y2="20" stroke="white" stroke-width="2" stroke-linecap="round"/>
  1232.                            <line x1="0" y1="12" x2="4" y2="12" stroke="white" stroke-width="2" stroke-linecap="round"/>
  1233.                            <circle cx="12" cy="0" r="2" fill="white"/>
  1234.                            <circle cx="24" cy="12" r="2" fill="white"/>
  1235.                            <circle cx="12" cy="24" r="2" fill="white"/>
  1236.                            <circle cx="0" cy="12" r="2" fill="white"/>
  1237.                            <circle cx="12" cy="12" r="3" fill="none" stroke="white" stroke-width="1.5"/>
  1238.                            <circle cx="12" cy="12" r="1" fill="white"/>
  1239.                          </g>
  1240.                        </svg>
  1241.                        <h5>kasinonorge.space</h5>
  1242.                        <p>Quality products and exceptional service.</p>
  1243.                    </div>
  1244.                </div>
  1245.                
  1246.                <div class="col-lg-2 col-md-6 mb-4">
  1247.                    <h6 class="footer-title">Navigation</h6>
  1248.                    <ul class="footer-links">
  1249.                        <li><a href="#home">Home</a></li>
  1250.                        <li><a href="#about">About</a></li>
  1251.                        <li><a href="#services">Services</a></li>
  1252.                        <li><a href="#contact">Contact</a></li>
  1253.                    </ul>
  1254.                </div>
  1255.                
  1256.                <div class="col-lg-2 col-md-6 mb-4">
  1257.                    <h6 class="footer-title">Legal</h6>
  1258.                    <ul class="footer-links">
  1259.                        <li><a href="#privacy">Privacy Policy</a></li>
  1260.                        <li><a href="#terms">Terms of Service</a></li>
  1261.                    </ul>
  1262.                </div>
  1263.                
  1264.                <div class="col-lg-4 mb-4">
  1265.                    <h6 class="footer-title">Stay Connected</h6>
  1266.                    <p>Follow us on social media for updates and insights</p>
  1267.                    <div class="social-links">
  1268.                        <a href="#" class="social-link"><i class="fab fa-facebook-f"></i></a>
  1269.                        <a href="#" class="social-link"><i class="fab fa-twitter"></i></a>
  1270.                        <a href="#" class="social-link"><i class="fab fa-linkedin-in"></i></a>
  1271.                        <a href="#" class="social-link"><i class="fab fa-instagram"></i></a>
  1272.                    </div>
  1273.                </div>
  1274.            </div>
  1275.            
  1276.            <hr class="footer-divider">
  1277.            
  1278.            <div class="row align-items-center">
  1279.                <div class="col-md-6">
  1280.                    <p class="footer-copyright">&copy; 2024 kasinonorge.space. All rights reserved.</p>
  1281.                </div>
  1282.                <div class="col-md-6 text-md-end">
  1283.                    <p class="footer-powered">Powered by kasinonorge.space</p>
  1284.                </div>
  1285.            </div>
  1286.        </div>
  1287.    </footer>
  1288.  
  1289.    <!-- Bootstrap 5 JS -->
  1290.    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
  1291.    
  1292.    <!-- Custom JS -->
  1293.    <script src="assets/js/main.js"></script>
  1294.    
  1295. </body>
  1296. </html>
  1297.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda