<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>الوحدة - الرئيسية</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
    <style>
        /* Global Styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        :root {
            --primary: #b71c1c;
            --secondary: #f9f9f9;
            --dark: #333;
            --light: #fff;
            --accent: #0d47a1;
        }
        
        body {
            background-color: var(--secondary);
            color: var(--dark);
            overflow-x: hidden;
        }
        
        a {
            text-decoration: none;
        }
        
        /* Header Styles */
        header {
            background-color: var(--light);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            position: fixed;
            width: 100%;
            z-index: 100;
        }
        
        .top-bar {
            background-color: var(--primary);
            color: var(--light);
            padding: 8px 5%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .contact-info {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .contact-info div {
            margin-left: 20px;
            font-size: 14px;
            display: flex;
            align-items: center;
            margin-bottom: 5px;
        }
        
        .contact-info i {
            margin-left: 8px;
        }
        
        .social-icons a {
            color: var(--light);
            margin-right: 15px;
            font-size: 16px;
            transition: all 0.3s;
        }
        
        .social-icons a:hover {
            color: #ffccbc;
        }
        
        .main-nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 5%;
        }
        
        .logo {
            display: flex;
            align-items: center;
        }
        
        .logo img {
            height: 50px;
            margin-left: 15px;
        }
        
        .logo-text {
            font-size: 24px;
            font-weight: bold;
            color: var(--primary);
        }
        
        .nav-links {
            display: flex;
        }
        
        .nav-links a {
            color: var(--dark);
            margin-right: 30px;
            padding: 10px 0;
            font-weight: 600;
            position: relative;
            transition: all 0.3s;
        }
        
        .nav-links a:hover {
            color: var(--primary);
        }
        
        .nav-links a::after {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            width: 0;
            height: 2px;
            background-color: var(--primary);
            transition: width 0.3s;
        }
        
        .nav-links a:hover::after {
            width: 100%;
            left: 0;
        }
        
        .auth-btn {
            background-color: var(--primary);
            color: var(--light);
            padding: 10px 20px;
            border-radius: 5px;
            font-weight: 600;
            transition: all 0.3s;
            white-space: nowrap;
        }
        
        .auth-btn:hover {
            background-color: #8f0000;
            transform: translateY(-2px);
        }
        
        .mobile-menu-btn {
            display: none;
            font-size: 24px;
            cursor: pointer;
            color: var(--dark);
        }
        
        /* Hero Section with University Illustration */
        .hero {
            background-color: #f8f9fa;
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding-top: 100px;
            position: relative;
            overflow: hidden;
        }
        
        .hero-content {
            max-width: 50%;
            padding: 0 5%;
            position: relative;
            z-index: 2;
        }
        
        .hero-illustration {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0.1;
        }
        
        .university-buildings {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 50%;
            height: 90%;
            z-index: 1;
        }
        
        .university-shape {
            fill: var(--primary);
            opacity: 0.1;
        }
        
        .hero h1 {
            font-size: 48px;
            margin-bottom: 20px;
            color: var(--primary);
        }
        
        .hero p {
            font-size: 18px;
            margin-bottom: 30px;
            line-height: 1.6;
            color: var(--dark);
        }
        
        .hero-btns {
            display: flex;
            gap: 20px;
        }
        
        .hero-btn {
            padding: 12px 30px;
            border-radius: 5px;
            font-weight: 600;
            transition: all 0.3s;
        }
        
        .primary-btn {
            background-color: var(--primary);
            color: var(--light);
        }
        
        .primary-btn:hover {
            background-color: #8f0000;
        }
        
        .secondary-btn {
            background-color: transparent;
            color: var(--primary);
            border: 2px solid var(--primary);
        }
        
        .secondary-btn:hover {
            background-color: var(--primary);
            color: var(--light);
        }
        
        /* About Section */
        .section {
            padding: 80px 5%;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 50px;
        }
        
        .section-title h2 {
            font-size: 36px;
            color: var(--primary);
            margin-bottom: 15px;
            position: relative;
            display: inline-block;
        }
        
        .section-title h2::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background-color: var(--primary);
        }
        
        .about-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 50px;
        }
        
        .about-text {
            flex: 1;
        }
        
        .about-text h3 {
            font-size: 24px;
            margin-bottom: 20px;
            color: var(--dark);
        }
        
        .about-text p {
            line-height: 1.8;
            margin-bottom: 20px;
            color: #555;
        }
        
        .about-stats {
            flex: 1;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }
        
        .stat-box {
            background-color: var(--light);
            padding: 30px;
            text-align: center;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s;
        }
        
        .stat-box:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .stat-box i {
            font-size: 36px;
            color: var(--primary);
            margin-bottom: 15px;
        }
        
        .stat-box h4 {
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 5px;
            color: var(--primary);
        }
        
        .stat-box p {
            color: #777;
            font-weight: 600;
        }
        
        /* Features Section */
        .features {
            background-color: #f5f5f5;
        }
        
        .features-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .feature-card {
            background-color: var(--light);
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            text-align: center;
            transition: all 0.3s;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }
        
        .feature-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .feature-icon {
            width: 70px;
            height: 70px;
            background-color: rgba(183, 28, 28, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
        }
        
        .feature-icon i {
            font-size: 30px;
            color: var(--primary);
        }
        
        .feature-card h3 {
            font-size: 22px;
            margin-bottom: 15px;
            color: var(--dark);
        }
        
        .feature-card p {
            color: #666;
            line-height: 1.6;
            flex-grow: 1;
        }
        
        /* Events Section */
        .events-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .event-card {
            background-color: var(--light);
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        
        .event-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .event-img {
            height: 200px;
            overflow: hidden;
        }
        
        .event-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }
        
        .event-card:hover .event-img img {
            transform: scale(1.1);
        }
        
        .event-info {
            padding: 20px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
        
        .event-date {
            display: inline-block;
            background-color: var(--primary);
            color: var(--light);
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 14px;
            margin-bottom: 15px;
            align-self: flex-start;
        }
        
        .event-info h3 {
            font-size: 20px;
            margin-bottom: 10px;
        }
        
        .event-info p {
            color: #666;
            margin-bottom: 15px;
            line-height: 1.6;
            flex-grow: 1;
        }
        
        .event-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 15px;
            border-top: 1px solid #eee;
            margin-top: auto;
        }
        
        .event-location {
            color: #777;
            font-size: 14px;
        }
        
        .event-location i {
            margin-left: 5px;
        }
        
        .event-more {
            color: var(--primary);
            font-weight: 600;
            font-size: 14px;
            transition: all 0.3s;
        }
        
        .event-more:hover {
            color: #8f0000;
            padding-right: 5px;
        }
        
        /* Testimonials Section */
        .testimonials {
            background-color: #f5f5f5;
        }
        
        .testimonials-container {
            max-width: 800px;
            margin: 0 auto;
            padding: 30px;
            background-color: var(--light);
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            position: relative;
        }
        
        .testimonial-item {
            text-align: center;
        }
        
        .testimonial-img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            margin: 0 auto 20px;
            overflow: hidden;
            border: 3px solid var(--primary);
        }
        
        .testimonial-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .testimonial-text {
            font-style: italic;
            color: #555;
            line-height: 1.8;
            margin-bottom: 20px;
        }
        
        .testimonial-name {
            font-weight: bold;
            color: var(--primary);
            font-size: 18px;
            margin-bottom: 5px;
        }
        
        .testimonial-position {
            color: #777;
            font-size: 14px;
        }
        
        /* Newsletter Section */
        .newsletter {
            background-color: var(--primary);
            color: var(--light);
            padding: 60px 5%;
            text-align: center;
        }
        
        .newsletter h2 {
            font-size: 30px;
            margin-bottom: 15px;
        }
        
        .newsletter p {
            margin-bottom: 30px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .newsletter-form {
            max-width: 600px;
            margin: 0 auto;
            display: flex;
        }
        
        .newsletter-input {
            flex: 1;
            padding: 15px;
            border: none;
            border-radius: 5px 0 0 5px;
            font-size: 16px;
        }
        
        .newsletter-btn {
            background-color: var(--dark);
            color: var(--light);
            border: none;
            padding: 0 30px;
            border-radius: 0 5px 5px 0;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .newsletter-btn:hover {
            background-color: #222;
        }
        
        /* Footer */
        footer {
            background-color: var(--primary);
            color: #ccc;
            padding: 60px 5% 30px;
        }
        
        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            margin-bottom: 50px;
        }
        
        .footer-col h3 {
            color: var(--light);
            font-size: 20px;
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 10px;
        }
        
        .footer-col h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            width: 50px;
            height: 2px;
            background-color: var(--light);
        }
        
        .footer-about p {
            line-height: 1.6;
            margin-bottom: 20px;
        }
        
        .footer-links ul {
            list-style-type: none;
        }
        
        .footer-links li {
            margin-bottom: 10px;
        }
        
        .footer-links a {
            color: #ccc;
            transition: all 0.3s;
        }
        
        .footer-links a:hover {
            color: var(--light);
            padding-right: 5px;
        }
        
        .footer-contact div {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        
        .footer-contact i {
            margin-left: 10px;
            color: var(--light);
        }
        
        .footer-social a {
            display: inline-block;
            margin-left: 15px;
            color: var(--light);
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            text-align: center;
            line-height: 40px;
            transition: all 0.3s;
        }
        
        .footer-social a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            transform: translateY(-5px);
        }
        
        .footer-bottom {
            text-align: center;
            padding-top: 30px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .footer-bottom p {
            font-size: 14px;
        }
        
        /* Mobile Menu */
        .mobile-menu {
            position: fixed;
            top: 0;
            right: -100%;
            width: 80%;
            max-width: 300px;
            height: 100vh;
            background-color: var(--light);
            z-index: 1000;
            padding: 20px;
            box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
            transition: right 0.3s ease-in-out;
            overflow-y: auto;
        }
        
        .mobile-menu.active {
            right: 0;
        }
        
        .close-menu {
            font-size: 24px;
            color: var(--dark);
            text-align: left;
            margin-bottom: 20px;
            cursor: pointer;
        }
        
        .mobile-menu-links {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        .mobile-menu-links a {
            color: var(--dark);
            font-weight: 600;
            padding: 10px 0;
            border-bottom: 1px solid #eee;
        }
        
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 999;
            display: none;
        }
        
        .overlay.active {
            display: block;
        }
        
        /* Responsive Styles */
        @media screen and (max-width: 1200px) {
            .hero h1 {
                font-size: 40px;
            }
            
            .hero p {
                font-size: 16px;
            }
        }
        
        @media screen and (max-width: 992px) {
            .about-content {
                flex-direction: column;
            }
            
            .hero-content {
                max-width: 80%;
            }
            
            .university-buildings {
                width: 60%;
                height: 60%;
            }
            
            .nav-links {
                display: none;
            }
            .auth-btn {
                display:none;
            }
            
            .mobile-menu-btn {
                display: block;
            }
        }
        
        @media screen and (max-width: 768px) {
            .top-bar {
                padding: 5px 3%;
            }
            
            .contact-info div {
                margin-left: 10px;
                font-size: 12px;
            }
            
            .main-nav {
                padding: 10px 3%;
            }
            
            .hero {
                padding-top: 80px;
            }
            
            .hero-content {
                max-width: 100%;
                padding: 0 3%;
                text-align: center;
            }
            
            .university-buildings {
                display: none;
            }
            
            .hero h1 {
                font-size: 32px;
            }
            
            .section {
                padding: 60px 3%;
            }
            
            .hero-btns {
                flex-direction: column;
                align-items: center;
            }
            
            .about-stats {
                grid-template-columns: 1fr;
            }
            
            .footer-content {
                grid-template-columns: 1fr;
            }
        }
        
        @media screen and (max-width: 576px) {
            .top-bar {
                flex-direction: column;
                gap: 10px;
                padding: 10px 3%;
            }
            
            .contact-info {
                justify-content: center;
            }
            
            .social-icons {
                margin-top: 5px;
            }
            
            .logo-text {
                font-size: 20px;
            }
            
            .hero h1 {
                font-size: 28px;
            }
            
            .section-title h2 {
                font-size: 28px;
            }
            
            .newsletter-form {
                flex-direction: column;
            }
            
            .newsletter-input {
                border-radius: 5px;
                margin-bottom: 10px;
            }
            
            .newsletter-btn {
                border-radius: 5px;
                padding: 15px;
            }
        }
        @media screen and (max-width: 768px) {
            .hero {
                text-align: center;
                padding-top: 100px;
            }
            
            .hero-content {
                max-width: 100%;
                padding: 0 5%;
            }
            
            .hero-btns {
                justify-content: center;
            }

            .features-container,
            .events-container {
                grid-template-columns: 1fr;
            }
            
            .about-content {
                flex-direction: column;
            }
            
            .about-stats {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media screen and (max-width: 576px) {
            .about-stats {
                grid-template-columns: 1fr;
            }
            
            .hero-btns {
                flex-direction: column;
                gap: 15px;
            }
            
            .hero-btn {
                width: 100%;
                text-align: center;
            }
        }
        /* Our Team Section */
.our-team {
    background-color: #f9f9f9;
    padding: 80px 0;
}

.team-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.team-text {
    flex: 1;
}

.team-image {
    flex: 1;
    text-align: center;
}

.team-image img {
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.team-stats {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}

.team-stats .stat-box {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    flex: 1;
}

.team-stats .stat-box i {
    font-size: 2rem;
    color: #2c3e50;
    margin-bottom: 10px;
}

.team-stats .stat-box h4 {
    font-size: 1.5rem;
    margin: 10px 0;
    color: #2c3e50;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .team-content {
        flex-direction: column;
    }
    
    .team-image {
        order: -1;
        margin-bottom: 30px;
    }
}
    </style>
</head>
<body>
<header>
        <!-- Top Bar -->
        <div class="top-bar">
            <div class="contact-info">
                <div><i class="fas fa-envelope"></i><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5c35323a331c3d302b3534383d72332e3b">[email&#160;protected]</a></div>
                <div><i class="fas fa-phone"></i> +1-202-555-0123</div>
            </div>
            <div class="social-icons">
                <a href="https://x.com/Alwihda"><i class="fab fa-twitter"></i></a>
                <a href="https://www.instagram.com/alwihda/"><i class="fab fa-instagram"></i></a>
                <a href="https://www.linkedin.com/company/alwihda/"><i class="fab fa-linkedin-in"></i></a>
                <a href="https://www.snapchat.com/add/Alwihda"><i class="fab fa-snapchat"></i></a>
                <a href="https://on.soundcloud.com/waiqh3V5Dzaj4FYw8"><i class="fab fa-soundcloud"></i></a>
                <a href="https://youtube.com/@Alwihda1999"><i class="fab fa-youtube"></i></a>
            </div>
        </div>
        
      <!-- Main Navigation -->
<nav class="main-nav">
    <div class="logo">
        <img src="logo.png" alt="الوحدة Logo">
    </div>
    <div class="nav-links">
        <a href="index" class="active">الرئيسية</a>
        <a href="our-team">تنسيق 26</a>
        <a href="meetings">ملتقيات</a>
        <a href="about">من نحن</a>
        <a href="achievements">الانجازات</a>
        <a href="map">الخريطة</a>
        <a href="history">تاريخنا</a>
    </div>
    <a href="login" class="auth-btn"><i class="fas fa-user"></i> تسجيل دخول</a>
    <div class="mobile-menu-btn">
        <i class="fas fa-bars"></i>
    </div>
</nav>
</header>

<!-- Mobile Menu -->
<div class="mobile-menu">
    <div class="close-menu">
        <i class="fas fa-times"></i>
    </div>
    <div class="mobile-menu-links">
        <a href="index" class="active">الرئيسية</a>
        <a href="our-team">تنسيق 26</a>
        <a href="meetings">ملتقيات</a>
        <a href="about">من نحن</a>
        <a href="achievements">الانجازات</a>
        <a href="map">الخريطة</a>
        <a href="history">تاريخنا</a>
        <a href="login"><i class="fas fa-user"></i> تسجيل دخول</a>
    </div>
</div>
    <div class="overlay"></div>
    
    <!-- Rest of the content remains the same -->
    <section class="hero">
        <div class="hero-content">
            <h1>الوحدة الطلابية</h1>
            <p>قائمه طلابيه في الولايات المتحده الامريكيه وتمثل في اربعة مبادئ "الحريه، العداله، المساواه، الديمقراطيه"</p>
            <div class="hero-btns">
                <a href="about" class="hero-btn primary-btn">من نحن</a>
                <a href="#" class="hero-btn secondary-btn">تواصل معنا</a>
            </div>
        </div>
        <img src="logo_hero.png" alt="Banner Illustration" style="position: absolute; left: 0; top: 40%; transform: translateY(-30%); max-height: 80%; width: auto; z-index: 1;">
    </section>

    <!-- Remaining sections stay the same as in the original HTML -->

    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
        // Mobile Menu Toggle
        document.addEventListener('DOMContentLoaded', function() {
            const mobileMenuBtn = document.querySelector('.mobile-menu-btn');
            const mobileMenu = document.querySelector('.mobile-menu');
            const closeMenuBtn = document.querySelector('.close-menu');
            const overlay = document.querySelector('.overlay');

            mobileMenuBtn.addEventListener('click', function() {
                mobileMenu.classList.add('active');
                overlay.classList.add('active');
            });

            closeMenuBtn.addEventListener('click', function() {
                mobileMenu.classList.remove('active');
                overlay.classList.remove('active');
            });

            overlay.addEventListener('click', function() {
                mobileMenu.classList.remove('active');
                overlay.classList.remove('active');
            });
        });
    </script>
    <!-- About Section -->
    <section class="section about">
    <div class="section-title">
        <h2>من نحن</h2>
        <p>نبذة عن قائمة الوحدة الطلابية</p>
    </div>
    <div class="about-content">
        <div class="about-text">
            <h3>نحن قائمة طلابية كويتية في الولايات المتحدة الأمريكية</h3>
            <p>تأسست قائمة الوحدة في عام 1999 وشاركت في انتخابات الاتحاد الوطني لطلبة الكويت - فرع الولايات المتحدة الأمريكية. حققت الوحدة فوزها الأول عام 2002، بعد 3 سنوات من تأسيسها، واستمرت في الفوز حتى عام 2016. عادت الوحدة للفوز مرة أخرى في عام 2018 واستمرت في تحمل مسؤوليتها تجاه الاتحاد الوطني لطلبة الكويت - فرع الولايات المتحدة الأمريكية حتى يومنا هذا.</p>
            <p>تعقد القائمة اجتماعها السنوي العام في يناير من كل عام حيث يتم انتخاب هيئه التنسيق لعام القادم. نحرص على تنظيم مختلف الفعاليات والأنشطة التي تساهم في تعزيز التواصل بين الطلاب الكويتيين في مختلف الولايات الأمريكية، ومد جسور التعاون مع المؤسسات التعليمية والجهات الداعمة.</p>
        </div>
            <div class="team-stats">
                <div class="stat-box">
                    <i class="fas fa-user-graduate"></i>
                    <h4>500+</h4>
                    <p>طالب كويتي</p>
                </div>
                <div class="stat-box">
                    <i class="fas fa-university"></i>
                    <h4>50+</h4>
                    <p>جامعة أمريكية</p>
                </div>
                <div class="stat-box">
                    <i class="fas fa-calendar-check"></i>
                    <h4>30+</h4>
                    <p>فعالية سنوية</p>
                </div>
                <div class="stat-box">
                    <i class="fas fa-flag-usa"></i>
                    <h4>15+</h4>
                    <p>ولاية أمريكية</p>
                </div>
            </div>
        </div>
    </div>
</section>
    
    <!-- Features Section -->
    <section class="section features">
        <div class="section-title">
            <h2>ماذا نقدم</h2>
            <p>خدماتنا للطلاب الكويتيين في أمريكا</p>
        </div>
        <div class="features-container">
            <div class="feature-card">
                <div class="feature-icon">
                    <i class="fas fa-book"></i>
                </div>
                <h3>الدعم الأكاديمي</h3>
                <p>نوفر مجموعة متنوعة من الموارد الأكاديمية والبرامج التوجيهية لمساعدة الطلاب في تحقيق التفوق الدراسي والبحثي.</p>
            </div>
            <div class="feature-card">
                <div class="feature-icon">
                    <i class="fas fa-handshake"></i>
                </div>
                <h3>التواصل الاجتماعي</h3>
                <p>نعمل على تعزيز الروابط الاجتماعية بين الطلاب الكويتيين من خلال تنظيم الفعاليات والأنشطة المتنوعة.</p>
            </div>
            <div class="feature-card">
                <div class="feature-icon">
                    <i class="fas fa-briefcase"></i>
                </div>
                <h3>التطوير المهني</h3>
                <p>نساعد الطلاب في تطوير مهاراتهم المهنية وإعدادهم لسوق العمل من خلال ورش العمل والتدريب العملي.</p>
            </div>
            <div class="feature-card">
                <div class="feature-icon">
                    <i class="fas fa-globe-americas"></i>
                </div>
                <h3>التبادل الثقافي</h3>
                <p>نهتم بتعزيز التبادل الثقافي بين الطلاب الكويتيين والمجتمع الأمريكي من خلال المشاركة في الفعاليات الثقافية.</p>
            </div>
            <div class="feature-card">
                <div class="feature-icon">
                    <i class="fas fa-users"></i>
                </div>
                <h3>بناء المهارات القيادية</h3>
                <p>نسعى لتطوير المهارات القيادية لدى الطلاب الكويتيين من خلال المبادرات الطلابية والأنشطة التطوعية.</p>
            </div>
            <div class="feature-card">
                <div class="feature-icon">
                    <i class="fas fa-home"></i>
                </div>
                <h3>مساعدة الطلاب الجدد</h3>
                <p>نقدم الدعم والإرشاد للطلاب الكويتيين الجدد للتكيف مع الحياة الأكاديمية والمعيشية في الولايات المتحدة.</p>
            </div>
        </div>
    </section>
    <!-- Events Section -->
<section class="section events">
    <div class="section-title">
        <h2>أحدث الفعاليات</h2>
        <p>تعرف على أحدث فعالياتنا وأنشطتنا</p>
    </div>
    <div class="events-container">
        <div class="event-card"><div class="event-info"><span class="event-date"><i class="far fa-calendar-alt"></i> السبت 5/4</span><h3>PADEL</h3><p>بطوله عباره عن بطوله بادل و بيكل بول بمكان مميز بميامي 
البطوله تتقسم لبطوله للطلبه وبطوله للطالبات 
تبلش الساعه 6 وتنتهي الساعه 10</p><div class="event-footer"><span class="event-location"><i class="fas fa-map-marker-alt"></i> 1000 NW 42nd Ave</span></div></div></div>    </div>
</section>
    
    <!-- Footer -->
    <footer>
        <div class="footer-content">
            <div class="footer-col footer-about">
                <h3>الوحدة</h3>
                <p>مجموعة طلابية كويتية مستقلة في الولايات المتحدة الأمريكية، نسعى لتوفير الدعم والتوجيه للطلاب الكويتيين وتعزيز التواصل بينهم.</p>
                <div class="footer-social">
                <a href="https://x.com/Alwihda"><i class="fab fa-twitter"></i></a>
                <a href="https://www.instagram.com/alwihda/"><i class="fab fa-instagram"></i></a>
                <a href="https://www.linkedin.com/company/alwihda/"><i class="fab fa-linkedin-in"></i></a>
                <a href="https://www.snapchat.com/add/Alwihda"><i class="fab fa-snapchat"></i></a>
                <a href="https://on.soundcloud.com/waiqh3V5Dzaj4FYw8"><i class="fab fa-soundcloud"></i></a>
                <a href="https://youtube.com/@Alwihda1999"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-col footer-links">
                <h3>روابط سريعة</h3>
                <ul>
                    <li><a href="index">الرئيسية</a></li>
                    <li><a href="map">الخريطة</a></li>
                    <li><a href="suggestions">الاقتراحات</a></li>
                    <li><a href="about">من نحن</a></li>
                    <li><a href="our-team">تنسيقنا</a></li>
                </ul>
            </div>
            <div class="footer-col footer-contact">
                <h3>تواصل معنا</h3>
                <div><i class="fas fa-map-marker-alt"></i>Washington D.C., US</div>
                <div><i class="fas fa-envelope"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="91f8fff7fed1f0fde6f8f9f5f0bffee3f6">[email&#160;protected]</a></div>
                <div><i class="fas fa-clock"></i> الاثنين - الجمعة: 9 صباحًا - 5 مساءً</div>
            </div>
        </div>
        <div class="footer-bottom">
            <p>© 2026 الوحدة - جميع الحقوق محفوظة.</p>
        </div>
    </footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
</html>