PNG  IHDR pHYs   OiCCPPhotoshop ICC profilexڝSgTS=BKKoR RB&*! J!QEEȠQ, !{kּ> H3Q5 B.@ $pd!s#~<<+"x M0B\t8K@zB@F&S`cbP-`'{[! eDh;VEX0fK9-0IWfH  0Q){`##xFW<+*x<$9E[-qWW.(I+6aa@.y24x6_-"bbϫp@t~,/;m%h^ uf@Wp~<5j>{-]cK'Xto(hw?G%fIq^D$.Tʳ?D*A, `6B$BB dr`)B(Ͱ*`/@4Qhp.U=pa( Aa!ڈbX#!H$ ɈQ"K5H1RT UH=r9\F;2G1Q= C7F dt1r=6Ыhڏ>C03l0.B8, c˱" VcϱwE 6wB aAHXLXNH $4 7 Q'"K&b21XH,#/{C7$C2'ITFnR#,4H#dk9, +ȅ3![ b@qS(RjJ4e2AURݨT5ZBRQ4u9̓IKhhitݕNWGw Ljg(gwLӋT071oUX**| J&*/Tު UUT^S}FU3S ԖUPSSg;goT?~YYLOCQ_ cx,!k u5&|v*=9C3J3WRf?qtN (~))4L1e\kXHQG6EYAJ'\'GgSSݧ M=:.kDwn^Loy}/TmG X $ <5qo</QC]@Caaᄑ.ȽJtq]zۯ6iܟ4)Y3sCQ? 0k߬~OCOg#/c/Wװwa>>r><72Y_7ȷOo_C#dz%gA[z|!?:eAAA!h쐭!ΑiP~aa~ 'W?pX15wCsDDDޛg1O9-J5*>.j<74?.fYXXIlK9.*6nl {/]py.,:@LN8A*%w% yg"/6шC\*NH*Mz쑼5y$3,幄'L Lݛ:v m2=:1qB!Mggfvˬen/kY- BTZ(*geWf͉9+̳ې7ᒶKW-X潬j9(xoʿܔĹdff-[n ڴ VE/(ۻCɾUUMfeI?m]Nmq#׹=TR+Gw- 6 U#pDy  :v{vg/jBFS[b[O>zG499?rCd&ˮ/~јѡ򗓿m|x31^VwwO| (hSЧc3- cHRMz%u0`:o_F@8N ' p @8N@8}' p '#@8N@8N pQ9p!i~}|6-ӪG` VP.@*j>[ K^<֐Z]@8N'KQ<Q(`s" 'hgpKB`R@Dqj '  'P$a ( `D$Na L?u80e J,K˷NI'0eݷ(NI'؀ 2ipIIKp`:O'`ʤxB8Ѥx Ѥx $ $P6 :vRNb 'p,>NB 'P]-->P T+*^h& p '‰a ‰ (ĵt#u33;Nt̵'ޯ; [3W ~]0KH1q@8]O2]3*̧7# *p>us p _6]/}-4|t'|Smx= DoʾM×M_8!)6lq':l7!|4} '\ne t!=hnLn (~Dn\+‰_4k)0e@OhZ`F `.m1} 'vp{F`ON7Srx 'D˸nV`><;yMx!IS钦OM)Ե٥x 'DSD6bS8!" ODz#R >S8!7ّxEh0m$MIPHi$IvS8IN$I p$O8I,sk&I)$IN$Hi$I^Ah.p$MIN$IR8I·N "IF9Ah0m$MIN$IR8IN$I 3jIU;kO$ɳN$+ q.x* tEXtComment

Viewing File: /home/u456810272/domains/ipforum.guru/public_html/8index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IP Forum - Global Intellectual Property Portal</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        body {
            color: #333;
            line-height: 1.6;
        }

        /* Top Header */
        .top-header {
            background-color: #1a3668;
            color: white;
            padding: 8px 0;
            font-size: 14px;
        }

        .top-header-container {
            max-width: 1300px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
        }

        .top-header-left {
            display: flex;
            gap: 20px;
        }

        .top-header-right {
            display: flex;
            gap: 20px;
        }

        .top-header a {
            color: white;
            text-decoration: none;
        }

        .top-header a:hover {
            text-decoration: underline;
        }

        .language-selector {
            display: flex;
            align-items: center;
            gap: 5px;
            cursor: pointer;
        }

        /* Main Header */
        .main-header {
            padding: 15px 0;
            border-bottom: 1px solid #eaeaea;
            background-color: white;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }

        .main-header-container {
            max-width: 1300px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .logo-text {
            display: flex;
            flex-direction: column;
        }

        .logo-main {
            font-size: 32px;
            font-weight: 700;
            color: #1a3668;
            line-height: 1;
        }

        .logo-subtitle {
            font-size: 14px;
            color: #666;
            font-weight: 500;
        }

        .search-container {
            display: flex;
            align-items: center;
            border: 1px solid #ccc;
            border-radius: 4px;
            overflow: hidden;
            flex-grow: 1;
            max-width: 400px;
            margin: 0 30px;
        }

        .search-container input {
            border: none;
            padding: 10px 15px;
            flex-grow: 1;
            outline: none;
        }

        .search-container button {
            background-color: #1a3668;
            color: white;
            border: none;
            padding: 10px 15px;
            cursor: pointer;
        }

        .login-btn {
            background-color: #e74c3c;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 4px;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            transition: background-color 0.3s;
        }

        .login-btn:hover {
            background-color: #c0392b;
        }

        /* Navigation */
        .main-nav {
            background-color: #1a3668;
            position: sticky;
            top: 0;
            z-index: 100;
        }

        .nav-container {
            max-width: 1300px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .nav-menu {
            display: flex;
            list-style: none;
        }

        .nav-menu li {
            position: relative;
        }

        .nav-menu a {
            color: white;
            text-decoration: none;
            padding: 15px 20px;
            display: block;
            font-weight: 500;
            transition: background-color 0.3s;
        }

        .nav-menu a:hover {
            background-color: #2a4a80;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: white;
            min-width: 220px;
            box-shadow: 0 8px 16px rgba(0,0,0,0.1);
            z-index: 100;
        }

        .dropdown-content a {
            color: #333;
            padding: 12px 16px;
            border-bottom: 1px solid #eee;
        }

        .dropdown-content a:hover {
            background-color: #f5f5f5;
        }

        .dropdown:hover .dropdown-content {
            display: block;
        }

        /* Hero Section - Updated to Pink */
        .hero {
            background: linear-gradient(rgba(231, 76, 60, 0.85), rgba(192, 57, 43, 0.9)), url('https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 100px 20px;
            text-align: center;
        }

        .hero-content {
            max-width: 900px;
            margin: 0 auto;
        }

        .hero h1 {
            font-size: 48px;
            margin-bottom: 20px;
            text-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

        .hero p {
            font-size: 20px;
            margin-bottom: 30px;
            opacity: 0.95;
            line-height: 1.7;
        }

        .hero-buttons {
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
            margin-top: 40px;
        }

        .btn-primary, .btn-secondary, .btn-tertiary {
            padding: 14px 28px;
            border-radius: 4px;
            text-decoration: none;
            font-weight: 600;
            display: inline-block;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .btn-primary {
            background-color: #1a3668;
            color: white;
            box-shadow: 0 4px 12px rgba(26, 54, 104, 0.3);
        }

        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 15px rgba(26, 54, 104, 0.4);
        }

        .btn-secondary {
            background-color: white;
            color: #e74c3c;
            border: 2px solid white;
            box-shadow: 0 4px 12px rgba(255,255,255,0.2);
        }

        .btn-secondary:hover {
            background-color: #f8f9fa;
            transform: translateY(-3px);
        }

        .btn-tertiary {
            background-color: transparent;
            color: white;
            border: 2px solid white;
        }

        /* Stats Section */
        .stats-section {
            padding: 60px 20px;
            background-color: #f8f9fa;
        }

        .stats-container {
            max-width: 1300px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 30px;
            text-align: center;
        }

        .stat-item {
            padding: 30px 20px;
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        }

        .stat-number {
            font-size: 42px;
            font-weight: 700;
            color: #1a3668;
            margin-bottom: 10px;
        }

        .stat-text {
            color: #666;
            font-weight: 500;
        }

        /* Cards Section */
        .cards-section {
            padding: 80px 20px;
            background-color: white;
        }

        .section-title {
            text-align: center;
            margin-bottom: 40px;
            color: #1a3668;
            font-size: 32px;
            position: relative;
            padding-bottom: 15px;
        }

        .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background-color: #e74c3c;
        }

        .section-subtitle {
            text-align: center;
            color: #666;
            max-width: 800px;
            margin: 0 auto 50px;
            font-size: 18px;
            line-height: 1.6;
        }

        .cards-container {
            max-width: 1300px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 30px;
        }

        .card {
            background-color: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            transition: transform 0.3s, box-shadow 0.3s;
            border-top: 4px solid #1a3668;
        }

        .card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 20px rgba(0,0,0,0.12);
        }

        .card-img {
            height: 200px;
            background-size: cover;
            background-position: center;
        }

        .card-content {
            padding: 25px;
        }

        .card h3 {
            color: #1a3668;
            margin-bottom: 15px;
            font-size: 22px;
        }

        .card p {
            color: #666;
            margin-bottom: 20px;
            font-size: 16px;
            line-height: 1.7;
        }

        .card-link {
            color: #e74c3c;
            text-decoration: none;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        /* News Section */
        .news-section {
            padding: 80px 20px;
            background-color: #f8f9fa;
        }

        .news-container {
            max-width: 1300px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 30px;
        }

        .news-card {
            background-color: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        }

        .news-date {
            background-color: #e74c3c;
            color: white;
            padding: 8px 15px;
            display: inline-block;
            font-size: 14px;
            font-weight: 600;
            border-radius: 0 0 4px 0;
        }

        .news-content {
            padding: 25px;
        }

        .news-title {
            color: #1a3668;
            margin-bottom: 15px;
            font-size: 20px;
        }

        .news-excerpt {
            color: #666;
            margin-bottom: 20px;
            line-height: 1.6;
        }

        /* Services Section */
        .services-section {
            padding: 80px 20px;
            background-color: white;
        }

        .services-grid {
            max-width: 1300px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
        }

        .service-item {
            text-align: center;
            padding: 30px 20px;
            border-radius: 8px;
            transition: all 0.3s;
            border: 1px solid #eee;
        }

        .service-item:hover {
            background-color: #f8f9fa;
            border-color: #e74c3c;
            transform: translateY(-5px);
        }

        .service-icon {
            font-size: 40px;
            color: #e74c3c;
            margin-bottom: 20px;
        }

        .service-title {
            color: #1a3668;
            margin-bottom: 15px;
            font-size: 20px;
        }

        /* Events Section */
        .events-section {
            padding: 80px 20px;
            background-color: #1a3668;
            color: white;
        }

        .events-container {
            max-width: 1300px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .event-card {
            background-color: rgba(255,255,255,0.1);
            border-radius: 8px;
            padding: 30px;
            backdrop-filter: blur(5px);
            border: 1px solid rgba(255,255,255,0.2);
        }

        .event-date {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 15px;
            color: #ffcccb;
        }

        .event-title {
            font-size: 22px;
            margin-bottom: 15px;
        }

        /* Footer */
        .footer {
            background-color: #1a3668;
            color: white;
            padding: 70px 20px 20px;
        }

        .footer-container {
            max-width: 1300px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
        }

        .footer-column h3 {
            font-size: 20px;
            margin-bottom: 25px;
            padding-bottom: 10px;
            border-bottom: 2px solid rgba(255,255,255,0.2);
        }

        .footer-column ul {
            list-style: none;
        }

        .footer-column ul li {
            margin-bottom: 12px;
        }

        .footer-column a {
            color: #ddd;
            text-decoration: none;
            transition: color 0.3s;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .footer-column a:hover {
            color: white;
            text-decoration: underline;
        }

        .social-links {
            display: flex;
            gap: 15px;
            margin-top: 20px;
        }

        .social-link {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: rgba(255,255,255,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s;
        }

        .social-link:hover {
            background-color: #e74c3c;
        }

        .copyright {
            text-align: center;
            padding-top: 40px;
            margin-top: 40px;
            border-top: 1px solid rgba(255,255,255,0.2);
            font-size: 14px;
            color: #aaa;
        }

        /* Mobile Menu */
        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            color: #1a3668;
            font-size: 24px;
            cursor: pointer;
        }

        /* Responsive Styles */
        @media (max-width: 1100px) {
            .main-header-container {
                flex-wrap: wrap;
            }

            .search-container {
                order: 3;
                margin-top: 15px;
                max-width: 100%;
            }

            .hero h1 {
                font-size: 42px;
            }
        }

        @media (max-width: 768px) {
            .top-header {
                display: none;
            }

            .mobile-menu-btn {
                display: block;
            }

            .nav-menu {
                display: none;
                flex-direction: column;
                width: 100%;
            }

            .nav-menu.active {
                display: flex;
            }

            .nav-menu li {
                width: 100%;
            }

            .dropdown-content {
                position: static;
                box-shadow: none;
                background-color: rgba(255,255,255,0.1);
            }

            .hero {
                padding: 70px 20px;
            }

            .hero h1 {
                font-size: 34px;
            }

            .hero p {
                font-size: 18px;
            }

            .cards-container, .news-container {
                grid-template-columns: 1fr;
            }

            .stats-container {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 480px) {
            .stats-container {
                grid-template-columns: 1fr;
            }
            
            .hero-buttons {
                flex-direction: column;
                align-items: center;
            }
            
            .btn-primary, .btn-secondary, .btn-tertiary {
                width: 100%;
                text-align: center;
            }
        }
    </style>
</head>
<body>
    <!-- Top Header -->
    <div class="top-header">
        <div class="top-header-container">
            <div class="top-header-left">
                <a href="#"><i class="fas fa-phone-alt"></i> Contact Center</a>
                <a href="#"><i class="fas fa-question-circle"></i> FAQ</a>
                <a href="#"><i class="fas fa-sitemap"></i> Sitemap</a>
                <a href="#"><i class="fas fa-newspaper"></i> Press Room</a>
            </div>
            <div class="top-header-right">
                <div class="language-selector">
                    <i class="fas fa-globe"></i>
                    <span>English</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <a href="#"><i class="fas fa-user-friends"></i> For Staff</a>
                <a href="#"><i class="fas fa-lock"></i> Secure Portal</a>
            </div>
        </div>
    </div>

    <!-- Main Header -->
    <header class="main-header">
        <div class="main-header-container">
            <div class="logo">
                <div class="logo-icon">
                    <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect width="50" height="50" rx="8" fill="#1a3668"/>
                        <path d="M15 15 L25 10 L35 15 L35 35 L25 40 L15 35 Z" stroke="#e74c3c" stroke-width="2" fill="none"/>
                        <circle cx="25" cy="25" r="8" fill="#e74c3c"/>
                        <path d="M20 20 L30 30 M30 20 L20 30" stroke="white" stroke-width="2"/>
                    </svg>
                </div>
                <div class="logo-text">
                    <div class="logo-main">IP FORUM</div>
                    <div class="logo-subtitle">Global Intellectual Property Portal</div>
                </div>
            </div>

            <div class="search-container">
                <input type="text" placeholder="Search patents, trademarks, designs...">
                <button><i class="fas fa-search"></i></button>
            </div>

            <a href="https://ipforum.guru/admin/" class="login-btn" target="_blank">
                <i class="fas fa-sign-in-alt"></i> MEMBER LOGIN
            </a>

            <button class="mobile-menu-btn">
                <i class="fas fa-bars"></i>
            </button>
        </div>
    </header>

    <!-- Navigation -->
    <nav class="main-nav">
        <div class="nav-container">
            <ul class="nav-menu">
                <li><a href="#"><i class="fas fa-home"></i> Home</a></li>
                <li class="dropdown">
                    <a href="#">About IPF <i class="fas fa-chevron-down"></i></a>
                    <div class="dropdown-content">
                        <a href="#"><i class="fas fa-bullseye"></i> Mission & Vision</a>
                        <a href="#"><i class="fas fa-users"></i> Member States</a>
                        <a href="#"><i class="fas fa-user-tie"></i> Leadership</a>
                        <a href="#"><i class="fas fa-briefcase"></i> Careers</a>
                        <a href="#"><i class="fas fa-history"></i> History</a>
                    </div>
                </li>
                <li class="dropdown">
                    <a href="#">IP Services <i class="fas fa-chevron-down"></i></a>
                    <div class="dropdown-content">
                        <a href="#"><i class="fas fa-certificate"></i> Patents (PCT)</a>
                        <a href="#"><i class="fas fa-trademark"></i> Trademarks (Madrid)</a>
                        <a href="#"><i class="fas fa-palette"></i> Designs (Hague)</a>
                        <a href="#"><i class="fas fa-copyright"></i> Copyright</a>
                        <a href="#"><i class="fas fa-dna"></i> Genetic Resources</a>
                    </div>
                </li>
                <li><a href="#"><i class="fas fa-database"></i> IP Data & Analytics</a></li>
                <li><a href="#"><i class="fas fa-gavel"></i> Policy & Law</a></li>
                <li><a href="#"><i class="fas fa-calendar-alt"></i> Events & Training</a></li>
                <li><a href="#"><i class="fas fa-newspaper"></i> Newsroom</a></li>
            </ul>
        </div>
    </nav>

    <!-- Hero Section with Pink Background -->
    <section class="hero">
        <div class="hero-content">
            <h1>Empowering Innovation Through Intellectual Property</h1>
            <p>The International IP Forum (IPF) is the leading global platform for intellectual property services, policy, and cooperation. As a specialized agency with 193 member states, we facilitate the protection of innovation and creativity worldwide. Our services help inventors, creators, and businesses secure their rights across borders.</p>
            <div class="hero-buttons">
                <a href="#" class="btn-primary"><i class="fas fa-play-circle"></i> Discover IP Forum</a>
                <a href="#" class="btn-secondary"><i class="fas fa-file-signature"></i> Start Application</a>
                <a href="#" class="btn-tertiary"><i class="fas fa-book-open"></i> Learn About IP</a>
            </div>
        </div>
    </section>

    <!-- Stats Section -->
    <section class="stats-section">
        <div class="stats-container">
            <div class="stat-item">
                <div class="stat-number">3.4M+</div>
                <div class="stat-text">International Patent Applications</div>
            </div>
            <div class="stat-item">
                <div class="stat-number">193</div>
                <div class="stat-text">Member States</div>
            </div>
            <div class="stat-item">
                <div class="stat-number">1.8M+</div>
                <div class="stat-text">Trademark Registrations</div>
            </div>
            <div class="stat-item">
                <div class="stat-number">125k+</div>
                <div class="stat-text">Industrial Design Registrations</div>
            </div>
            <div class="stat-item">
                <div class="stat-number">85%</div>
                <div class="stat-text">User Satisfaction Rate</div>
            </div>
        </div>
    </section>

    <!-- Cards Section -->
    <section class="cards-section">
        <h2 class="section-title">Our Core Services</h2>
        <p class="section-subtitle">IP Forum provides a comprehensive range of intellectual property services that help innovators and creators protect their rights internationally.</p>
        <div class="cards-container">
            <div class="card">
                <div class="card-img" style="background-image: url('https://images.unsplash.com/photo-1553877522-43269d4ea984?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');"></div>
                <div class="card-content">
                    <h3>Patent Cooperation Treaty (PCT)</h3>
                    <p>File a single international patent application to seek protection for an invention in up to 193 countries simultaneously. The PCT system simplifies the process, delays costs, and provides a strong foundation for patenting decisions.</p>
                    <a href="#" class="card-link">File a PCT Application <i class="fas fa-arrow-right"></i></a>
                </div>
            </div>

            <div class="card">
                <div class="card-img" style="background-image: url('https://images.unsplash.com/photo-1560472354-b33ff0c44a43?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2025&q=80');"></div>
                <div class="card-content">
                    <h3>Madrid System for Trademarks</h3>
                    <p>Register and manage your trademark portfolio in multiple jurisdictions with a single application, in one language, with one set of fees. The Madrid System currently covers over 120 countries.</p>
                    <a href="#" class="card-link">Register a Trademark <i class="fas fa-arrow-right"></i></a>
                </div>
            </div>

            <div class="card">
                <div class="card-img" style="background-image: url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');"></div>
                <div class="card-content">
                    <h3>Hague System for Designs</h3>
                    <p>Protect your industrial designs internationally with the Hague System. File a single application to register designs in multiple member countries, streamlining the protection process.</p>
                    <a href="#" class="card-link">Protect a Design <i class="fas fa-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </section>

    <!-- News Section -->
    <section class="news-section">
        <h2 class="section-title">Latest IP News & Updates</h2>
        <p class="section-subtitle">Stay informed with the latest developments in intellectual property law, policy, and innovation trends from around the world.</p>
        <div class="news-container">
            <div class="news-card">
                <div class="news-date">May 15, 2023</div>
                <div class="news-content">
                    <h3 class="news-title">IP Forum Launches New AI-Based Patent Search Tool</h3>
                    <p class="news-excerpt">Our new artificial intelligence platform revolutionizes prior art searching, reducing search time by 60% and improving accuracy for patent applicants worldwide.</p>
                    <a href="#" class="card-link">Read More <i class="fas fa-arrow-right"></i></a>
                </div>
            </div>

            <div class="news-card">
                <div class="news-date">April 28, 2023</div>
                <div class="news-content">
                    <h3 class="news-title">Global IP Filings Reach Record High in 2022</h3>
                    <p class="news-excerpt">Despite economic uncertainties, international patent applications grew by 5.2% in 2022, with Asia accounting for over 55% of all PCT filings.</p>
                    <a href="#" class="card-link">Read More <i class="fas fa-arrow-right"></i></a>
                </div>
            </div>

            <div class="news-card">
                <div class="news-date">April 10, 2023</div>
                <div class="news-content">
                    <h3 class="news-title">New Treaty on Genetic Resources and Traditional Knowledge</h3>
                    <p class="news-excerpt">Member states adopt landmark agreement to ensure equitable sharing of benefits arising from the use of genetic resources and associated traditional knowledge.</p>
                    <a href="#" class="card-link">Read More <i class="fas fa-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </section>

    <!-- Services Section -->
    <section class="services-section">
        <h2 class="section-title">Additional IP Forum Services</h2>
        <p class="section-subtitle">Beyond our core filing systems, we offer a comprehensive range of intellectual property services to support innovators, businesses, and policymakers.</p>
        <div class="services-grid">
            <div class="service-item">
                <div class="service-icon">
                    <i class="fas fa-chart-line"></i>
                </div>
                <h3 class="service-title">IP Statistics & Analysis</h3>
                <p>Comprehensive data on global IP trends to inform business and policy decisions.</p>
            </div>
            <div class="service-item">
                <div class="service-icon">
                    <i class="fas fa-graduation-cap"></i>
                </div>
                <h3 class="service-title">IP Training & Education</h3>
                <p>Capacity building programs for IP professionals, researchers, and students.</p>
            </div>
            <div class="service-item">
                <div class="service-icon">
                    <i class="fas fa-balance-scale"></i>
                </div>
                <h3 class="service-title">Dispute Resolution</h3>
                <p>Mediation and arbitration services for international IP disputes.</p>
            </div>
            <div class="service-item">
                <div class="service-icon">
                    <i class="fas fa-hands-helping"></i>
                </div>
                <h3 class="service-title">Development Cooperation</h3>
                <p>Assisting developing countries in building effective IP systems.</p>
            </div>
        </div>
    </section>

    <!-- Events Section -->
    <section class="events-section">
        <h2 class="section-title" style="color: white;">Upcoming Events & Conferences</h2>
        <p class="section-subtitle" style="color: #ffcccb; margin-bottom: 50px;">Join our global community at upcoming IP Forum events, webinars, and training sessions.</p>
        <div class="events-container">
            <div class="event-card">
                <div class="event-date">
                    <i class="fas fa-calendar-day"></i> June 12-16, 2023
                </div>
                <h3 class="event-title">Global IP Congress 2023</h3>
                <p>Annual gathering of IP professionals, policymakers, and innovators from around the world. Theme: "IP for Sustainable Development".</p>
                <a href="#" class="card-link" style="color: #ffcccb;">Register Now <i class="fas fa-arrow-right"></i></a>
            </div>
            <div class="event-card">
                <div class="event-date">
                    <i class="fas fa-calendar-day"></i> July 5-7, 2023
                </div>
                <h3 class="event-title">IP & AI Symposium</h3>
                <p>Exploring the intersection of artificial intelligence and intellectual property law. Virtual and in-person participation available.</p>
                <a href="#" class="card-link" style="color: #ffcccb;">Learn More <i class="fas fa-arrow-right"></i></a>
            </div>
            <div class="event-card">
                <div class="event-date">
                    <i class="fas fa-calendar-day"></i> August 21-25, 2023
                </div>
                <h3 class="event-title">Advanced PCT Training Workshop</h3>
                <p>Comprehensive training for patent attorneys and agents on the latest PCT procedures and best practices.</p>
                <a href="#" class="card-link" style="color: #ffcccb;">View Details <i class="fas fa-arrow-right"></i></a>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer">
        <div class="footer-container">
            <div class="footer-column">
                <h3>IP Forum</h3>
                <ul>
                    <li><a href="#"><i class="fas fa-info-circle"></i> About IP Forum</a></li>
                    <li><a href="#"><i class="fas fa-flag"></i> Member States</a></li>
                    <li><a href="#"><i class="fas fa-briefcase"></i> Careers</a></li>
                    <li><a href="#"><i class="fas fa-shopping-cart"></i> Procurement</a></li>
                    <li><a href="#"><i class="fas fa-envelope"></i> Contact Us</a></li>
                </ul>
                <div class="social-links">
                    <a href="#" class="social-link"><i class="fab fa-twitter"></i></a>
                    <a href="#" class="social-link"><i class="fab fa-linkedin-in"></i></a>
                    <a href="#" class="social-link"><i class="fab fa-youtube"></i></a>
                    <a href="#" class="social-link"><i class="fab fa-instagram"></i></a>
                </div>
            </div>

            <div class="footer-column">
                <h3>Services</h3>
                <ul>
                    <li><a href="#"><i class="fas fa-certificate"></i> Patents (PCT)</a></li>
                    <li><a href="#"><i class="fas fa-trademark"></i> Trademarks (Madrid)</a></li>
                    <li><a href="#"><i class="fas fa-palette"></i> Designs (Hague)</a></li>
                    <li><a href="#"><i class="fas fa-copyright"></i> Copyright</a></li>
                    <li><a href="#"><i class="fas fa-dna"></i> Genetic Resources</a></li>
                </ul>
            </div>

            <div class="footer-column">
                <h3>Resources</h3>
                <ul>
                    <li><a href="#"><i class="fas fa-database"></i> IP Portal</a></li>
                    <li><a href="#"><i class="fas fa-book"></i> Publications</a></li>
                    <li><a href="#"><i class="fas fa-chart-bar"></i> Statistics</a></li>
                    <li><a href="#"><i class="fas fa-gavel"></i> Laws & Treaties</a></li>
                    <li><a href="#"><i class="fas fa-tags"></i> Classification</a></li>
                </ul>
            </div>

            <div class="footer-column">
                <h3>Quick Links</h3>
                <ul>
                    <li><a href="#"><i class="fas fa-sign-in-alt"></i> Member Login</a></li>
                    <li><a href="#"><i class="fas fa-calendar-alt"></i> Events Calendar</a></li>
                    <li><a href="#"><i class="fas fa-question-circle"></i> Help Center</a></li>
                    <li><a href="#"><i class="fas fa-sitemap"></i> Site Map</a></li>
                    <li><a href="#"><i class="fas fa-rss"></i> RSS Feeds</a></li>
                </ul>
            </div>
        </div>

        <div class="copyright">
            &copy; 2026 IP Forum. All rights reserved. | 34, Chemin des Colombettes, Geneva, Switzerland <br>
            This is a demonstration website for educational purposes. IP Forum is a fictional organization.
        </div>
    </footer>

    <script>
        // Mobile menu toggle
        document.querySelector('.mobile-menu-btn').addEventListener('click', function() {
            document.querySelector('.nav-menu').classList.toggle('active');
        });

        // Close mobile menu when clicking outside
        document.addEventListener('click', function(event) {
            const navMenu = document.querySelector('.nav-menu');
            const mobileBtn = document.querySelector('.mobile-menu-btn');
            
            if (navMenu.classList.contains('active') && 
                !navMenu.contains(event.target) && 
                !mobileBtn.contains(event.target)) {
                navMenu.classList.remove('active');
            }
        });

        // Dropdown functionality for mobile
        const dropdowns = document.querySelectorAll('.dropdown > a');
        dropdowns.forEach(dropdown => {
            dropdown.addEventListener('click', function(e) {
                if (window.innerWidth <= 768) {
                    e.preventDefault();
                    const dropdownContent = this.nextElementSibling;
                    dropdownContent.style.display = dropdownContent.style.display === 'block' ? 'none' : 'block';
                }
            });
        });

        // Language selector functionality
        document.querySelector('.language-selector').addEventListener('click', function() {
            alert('Language selection would open here. Available languages: English, French, Spanish, Arabic, Chinese, Russian');
        });

        // Search functionality
        document.querySelector('.search-container button').addEventListener('click', function() {
            const query = document.querySelector('.search-container input').value;
            if (query.trim()) {
                alert(`Searching for: "${query}"\nThis would redirect to search results in a real implementation.`);
            }
        });

        // Enter key search
        document.querySelector('.search-container input').addEventListener('keypress', function(e) {
            if (e.key === 'Enter') {
                document.querySelector('.search-container button').click();
            }
        });
    </script>
</body>
</html>
Back to Directory=ceiIENDB`