<?php
include 'include/header.php'; 

?>

<style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    body {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        line-height: 1.6;
        color: #333;
        background-color: #f8f9fa;
    }
    
    .ojs-container {
        max-width: 1450px;
        margin: 0 auto;
        padding: 40px 20px;
    }
    
    /* Hero Section */
    .hero-section {
        background-color: #ffffff;
        border-radius: 12px;
        padding: 60px 40px;
        margin-bottom: 40px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        text-align: center;
    }
    
    .hero-section h1 {
        font-size: 2.5em;
        color: #2c3e50;
        margin-bottom: 20px;
        font-weight: 600;
    }
    
    .hero-section p {
        font-size: 1.2em;
        color: #5a6c7d;
        max-width: 800px;
        margin: 0 auto;
        line-height: 1.8;
    }
    
    .section-title {
        font-size: 2em;
        color: #2c3e50;
        margin-bottom: 30px;
        text-align: center;
        font-weight: 600;
    }
    
    .section-subtitle {
        text-align: center;
        color: #5a6c7d;
        font-size: 1.1em;
        margin-bottom: 40px;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
    
    /* Conference Proceedings Section */
    .proceedings-section {
        margin-bottom: 50px;
    }
    
    .proceedings-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: 30px;
    }
    
    .proceedings-card {
        background-color: #ffffff;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .proceedings-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
    }
    
    .proceedings-image {
        width: 100%;
        height: 220px;
        background-color: #e8f4f8;
        overflow: hidden;
    }
    
    .proceedings-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .proceedings-content {
        padding: 25px;
    }
    
    .proceedings-date,
    .proceedings-location {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #5a6c7d;
        font-size: 0.9em;
        margin-bottom: 8px;
    }
    
    .date-icon,
    .location-icon {
        font-size: 1.1em;
    }
    
    .proceedings-content h3 {
        font-size: 1.4em;
        color: #2c3e50;
        margin: 15px 0 10px 0;
        font-weight: 600;
    }
    
    .proceedings-description {
        color: #5a6c7d;
        font-size: 0.95em;
        line-height: 1.6;
        margin-bottom: 20px;
    }
    
    .view-proceedings-btn {
        display: inline-block;
        padding: 10px 25px;
        background-color: #4a90a4;
        color: #ffffff;
        text-decoration: none;
        border-radius: 6px;
        font-size: 0.95em;
        transition: background-color 0.3s ease, transform 0.2s ease;
        font-weight: 500;
    }
    
    .view-proceedings-btn:hover {
        background-color: #3a7889;
        transform: translateY(-2px);
    }
    
    /* Conferences Section */
    .conferences-section {
        margin-bottom: 50px;
    }
    
    .conferences-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        gap: 30px;
    }
    
    .conference-card {
        background-color: #ffffff;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .conference-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
    }
    
    .conference-image {
        width: 100%;
        height: 200px;
        background-color: #e8f4f8;
        overflow: hidden;
    }
    
    .conference-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .conference-content {
        padding: 25px;
    }
    
    .conference-date,
    .conference-location {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #5a6c7d;
        font-size: 0.9em;
        margin-bottom: 8px;
    }
    
    .conference-content h3 {
        font-size: 1.15em;
        color: #2c3e50;
        margin: 15px 0;
        line-height: 1.5;
        font-weight: 600;
    }
    
    .conference-venue {
        color: #5a6c7d;
        font-size: 0.9em;
        line-height: 1.6;
        margin-bottom: 20px;
    }
    
    .view-conference-btn {
        display: inline-block;
        padding: 10px 25px;
        background-color: #4a90a4;
        color: #ffffff;
        text-decoration: none;
        border-radius: 6px;
        font-size: 0.95em;
        transition: background-color 0.3s ease, transform 0.2s ease;
        font-weight: 500;
    }
    
    .view-conference-btn:hover {
        background-color: #3a7889;
        transform: translateY(-2px);
    }
    
    /* Platform Features Section */
    .platform-features-section {
        background-color: #ffffff;
        border-radius: 12px;
        padding: 50px 40px;
        margin-bottom: 40px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }
    
    .platform-features-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        gap: 35px;
        margin-top: 30px;
    }
    
    .platform-feature-item {
        text-align: center;
        padding: 20px;
    }
    
    .platform-feature-icon {
        margin-bottom: 20px;
    }
    
    .icon-circle {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        transition: transform 0.3s ease;
    }
    
    .platform-feature-item:hover .icon-circle {
        transform: scale(1.1);
    }
    
    .platform-feature-item h3 {
        font-size: 1.3em;
        color: #2c3e50;
        margin-bottom: 12px;
        font-weight: 600;
    }
    
    .platform-feature-item p {
        color: #5a6c7d;
        line-height: 1.7;
        font-size: 0.95em;
    }
    
    /* Responsive Design */
    @media (max-width: 768px) {
        .hero-section {
            padding: 40px 20px;
        }
        
        .hero-section h1 {
            font-size: 2em;
        }
        
        .hero-section p {
            font-size: 1.05em;
        }
        
        .section-title {
            font-size: 1.7em;
        }
        
        .proceedings-grid,
        .conferences-grid {
            grid-template-columns: 1fr;
        }
        
        .platform-features-grid {
            grid-template-columns: 1fr;
        }
        
        .platform-features-section {
            padding: 30px 20px;
        }
    }
</style>

<div class="ojs-container">
    <!-- Hero Section -->
    <div class="hero-section">
        <h1>About Communeglobal Conferences</h1>
        <p>Research and Scientific Innovation Society Conferences are a place for researchers to promote and defend their work based on its merits. It brings together some of the most devoted minds in the industry and academics to share ideas and showcase achievements. In addition to giving researchers a place to present their findings and data, the conferences are also used to help increase public engagement with science and community.</p>
    </div>
    
    <!-- Conference Proceedings Section -->
    <div class="proceedings-section">
        <h2 class="section-title">Conference Proceedings</h2>
        
        <div class="proceedings-grid">
            <div class="proceedings-card">
                <div class="proceedings-image">
                    <img src="path/to/incomar.jpg" alt="INCOMaR 2025">
                </div>
                <div class="proceedings-content">
                    <div class="proceedings-date">
                        <span class="date-icon">📅</span>
                        <span>26th Nov, 2025</span>
                    </div>
                    <div class="proceedings-location">
                        <span class="location-icon">📍</span>
                        <span>MALAYSIA</span>
                    </div>
                    <h3>INCOMaR 2025</h3>
                    <p class="proceedings-description">10th International Conference on Marketing and Retailing</p>
                    <a href="#" class="view-proceedings-btn">View Conference</a>
                </div>
            </div>
            
            <div class="proceedings-card">
                <div class="proceedings-image">
                    <img src="path/to/icicm.jpg" alt="5th ICICM 2025">
                </div>
                <div class="proceedings-content">
                    <div class="proceedings-date">
                        <span class="date-icon">📅</span>
                        <span>10th Sep, 2025</span>
                    </div>
                    <div class="proceedings-location">
                        <span class="location-icon">📍</span>
                        <span>Perlis</span>
                    </div>
                    <h3>5th ICICM 2025</h3>
                    <p class="proceedings-description">5th International Conference on Contemporary Issues in Islamic Studies and Management 2025</p>
                    <a href="#" class="view-proceedings-btn">View Conference</a>
                </div>
            </div>
            
            <div class="proceedings-card">
                <div class="proceedings-image">
                    <img src="path/to/ishec.jpg" alt="ISHEC 2025">
                </div>
                <div class="proceedings-content">
                    <div class="proceedings-date">
                        <span class="date-icon">📅</span>
                        <span>28th May 2025</span>
                    </div>
                    <div class="proceedings-location">
                        <span class="location-icon">📍</span>
                        <span>Malaysia</span>
                    </div>
                    <h3>ISHEC 2025</h3>
                    <p class="proceedings-description">6th International Islamic Heritage Conference (ISHEC) 2025</p>
                    <a href="#" class="view-proceedings-btn">View Conference</a>
                </div>
            </div>
            
            <div class="proceedings-card">
                <div class="proceedings-image">
                    <img src="path/to/spkem.jpg" alt="SPKEM 2025">
                </div>
                <div class="proceedings-content">
                    <div class="proceedings-date">
                        <span class="date-icon">📅</span>
                        <span>27th-28th October 2025</span>
                    </div>
                    <div class="proceedings-location">
                        <span class="location-icon">📍</span>
                        <span>Melacca</span>
                    </div>
                    <h3>SPKEM 2025</h3>
                    <p class="proceedings-description">Science Civilization and Malaysian Evaluation</p>
                    <a href="#" class="view-proceedings-btn">View Conference</a>
                </div>
            </div>
            
            <div class="proceedings-card">
                <div class="proceedings-image">
                    <img src="path/to/incicm.jpg" alt="5th INCICM 2025">
                </div>
                <div class="proceedings-content">
                    <div class="proceedings-date">
                        <span class="date-icon">📅</span>
                        <span>10th-11th August 2025</span>
                    </div>
                    <div class="proceedings-location">
                        <span class="location-icon">📍</span>
                        <span>Perlis</span>
                    </div>
                    <h3>5th INCICM 2025</h3>
                    <p class="proceedings-description">5th International Conference on Contemporary Issues in Islamic Studies and Management 2025</p>
                    <a href="#" class="view-proceedings-btn">View Conference</a>
                </div>
            </div>
            
            <div class="proceedings-card">
                <div class="proceedings-image">
                    <img src="path/to/icode.jpg" alt="ICODE 2025">
                </div>
                <div class="proceedings-content">
                    <div class="proceedings-date">
                        <span class="date-icon">📅</span>
                        <span>14th-15th August 2025</span>
                    </div>
                    <div class="proceedings-location">
                        <span class="location-icon">📍</span>
                        <span>Melaka</span>
                    </div>
                    <h3>ICODE 2025</h3>
                    <p class="proceedings-description">3rd International Conference on Global Education</p>
                    <a href="#" class="view-proceedings-btn">View Conference</a>
                </div>
            </div>
            
            <div class="proceedings-card">
                <div class="proceedings-image">
                    <img src="path/to/sdaco.jpg" alt="SDACO-2024">
                </div>
                <div class="proceedings-content">
                    <div class="proceedings-date">
                        <span class="date-icon">📅</span>
                        <span>7 June 2024</span>
                    </div>
                    <div class="proceedings-location">
                        <span class="location-icon">📍</span>
                        <span>UCYP Campus Melaka</span>
                    </div>
                    <h3>SDACO-2024</h3>
                    <p class="proceedings-description">Sustainable Design & Artificial Intelligence Conference at University of Creative Arts and Services</p>
                    <a href="#" class="view-proceedings-btn">View Conference</a>
                </div>
            </div>
            
            <div class="proceedings-card">
                <div class="proceedings-image">
                    <img src="path/to/icame.jpg" alt="ICAME 2024">
                </div>
                <div class="proceedings-content">
                    <div class="proceedings-date">
                        <span class="date-icon">📅</span>
                        <span>25-26th October 2024</span>
                    </div>
                    <div class="proceedings-location">
                        <span class="location-icon">📍</span>
                        <span>Morocco</span>
                    </div>
                    <h3>ICAME 2024</h3>
                    <p class="proceedings-description">3rd International Conference on Accounting, Management & Economics</p>
                    <a href="#" class="view-proceedings-btn">View Conference</a>
                </div>
            </div>
            
            <div class="proceedings-card">
                <div class="proceedings-image">
                    <img src="path/to/icite.jpg" alt="ICITE, 2025">
                </div>
                <div class="proceedings-content">
                    <div class="proceedings-date">
                        <span class="date-icon">📅</span>
                        <span>1-2 July 2025</span>
                    </div>
                    <div class="proceedings-location">
                        <span class="location-icon">📍</span>
                        <span>Malaysia</span>
                    </div>
                    <h3>ICITE, 2025</h3>
                    <p class="proceedings-description">International Conference on Creative and Innovative Technology in Education</p>
                    <a href="#" class="view-proceedings-btn">View Conference</a>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Research and Academic Conferences Section -->
    <div class="conferences-section">
        <h2 class="section-title">Research and Academic Conferences</h2>
        <p class="section-subtitle">Join our prestigious international conferences and connect with leading researchers worldwide</p>
        
        <div class="conferences-grid">
            <div class="conference-card">
                <div class="conference-image">
                    <img src="path/to/conference1.jpg" alt="International Conference on Research and Scientific Innovation">
                </div>
                <div class="conference-content">
                    <div class="conference-date">
                        <span class="date-icon">📅</span>
                        <span>November 30, 2019</span>
                    </div>
                    <div class="conference-location">
                        <span class="location-icon">📍</span>
                        <span>5:30 am to 9:30 pm</span>
                    </div>
                    <h3>International Conference on Research and Scientific Innovation (ICRSI-2019)</h3>
                    <p class="conference-venue">International Development Association (IMAS), ICFAI Campus, 10, Wajker-Sanathal Marg, Bhit-bhwai, Ahmedabad, Gujarat, India-382210</p>
                    <a href="#" class="view-conference-btn">View Conference</a>
                </div>
            </div>
            
            <div class="conference-card">
                <div class="conference-image">
                    <img src="path/to/conference2.jpg" alt="International Conference on Multidisciplinary Research">
                </div>
                <div class="conference-content">
                    <div class="conference-date">
                        <span class="date-icon">📅</span>
                        <span>November 30, 2019</span>
                    </div>
                    <div class="conference-location">
                        <span class="location-icon">📍</span>
                        <span>5:30 am to 9:30 pm</span>
                    </div>
                    <h3>1st International Conference on Multidisciplinary Research & Practice (ICMRP-2019)</h3>
                    <p class="conference-venue">International Development Association (IMAS), ICFAI Campus, 10, Wajker-Sanathal Marg, Bhit-bhwai, Ahmedabad, Gujarat, India-382210</p>
                    <a href="#" class="view-conference-btn">View Conference</a>
                </div>
            </div>
            
            <div class="conference-card">
                <div class="conference-image">
                    <img src="path/to/conference3.jpg" alt="2nd International Conference on Multidisciplinary Research">
                </div>
                <div class="conference-content">
                    <div class="conference-date">
                        <span class="date-icon">📅</span>
                        <span>November 30, 2019</span>
                    </div>
                    <div class="conference-location">
                        <span class="location-icon">📍</span>
                        <span>5:30 am</span>
                    </div>
                    <h3>2nd International Conference on Multidisciplinary Research & Practice (ICMRP-2019)</h3>
                    <p class="conference-venue">International Development Association (IMAS), ICFAI Campus, 10, Wajker-Sanathal Marg, Bhit-bhwai, Ahmedabad, Gujarat, India-382210</p>
                    <a href="#" class="view-conference-btn">View Conference</a>
                </div>
            </div>
            
            <div class="conference-card">
                <div class="conference-image">
                    <img src="path/to/conference4.jpg" alt="3rd International Conference on Multidisciplinary Research">
                </div>
                <div class="conference-content">
                    <div class="conference-date">
                        <span class="date-icon">📅</span>
                        <span>December 08, 2018</span>
                    </div>
                    <div class="conference-location">
                        <span class="location-icon">📍</span>
                        <span>9:00 am to 5:00 pm</span>
                    </div>
                    <h3>3rd International Conference on Multidisciplinary Research & Practice (ICMRP-2018)</h3>
                    <p class="conference-venue">International Development Association (IMAS), ICFAI Campus, 10, Wajker-Sanathal Marg, Bhit-bhwai, Ahmedabad, Gujarat, India-382210</p>
                    <a href="#" class="view-conference-btn">View Conference</a>
                </div>
            </div>
            
            <div class="conference-card">
                <div class="conference-image">
                    <img src="path/to/conference5.jpg" alt="National Conference on Recent Advances">
                </div>
                <div class="conference-content">
                    <div class="conference-date">
                        <span class="date-icon">📅</span>
                        <span>November 30, 2017</span>
                    </div>
                    <div class="conference-location">
                        <span class="location-icon">📍</span>
                        <span>9:00 am to 5:00 pm</span>
                    </div>
                    <h3>National Conference on Recent Advances and Future Trends in Chemical Technology (RAFTTCT-2017)</h3>
                    <p class="conference-venue">International Development Association (IMAS), Gujarat, India-382007</p>
                    <a href="#" class="view-conference-btn">View Conference</a>
                </div>
            </div>
            
            <div class="conference-card">
                <div class="conference-image">
                    <img src="path/to/conference6.jpg" alt="4th International Conference on Multidisciplinary Research">
                </div>
                <div class="conference-content">
                    <div class="conference-date">
                        <span class="date-icon">📅</span>
                        <span>December 03, 2017</span>
                    </div>
                    <div class="conference-location">
                        <span class="location-icon">📍</span>
                        <span>9:00 am</span>
                    </div>
                    <h3>4th International Conference on Multidisciplinary Research & Practice (ICMRP-2017)</h3>
                    <p class="conference-venue">International Development Association (IMAS), ICFAI Campus, 10, Wajker-Sanathal Marg, Bhit-bhwai, Ahmedabad, Gujarat, India-382210</p>
                    <a href="#" class="view-conference-btn">View Conference</a>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Features Section -->
    <div class="platform-features-section">
        <h2 class="section-title">Features</h2>
        
        <div class="platform-features-grid">
            <div class="platform-feature-item">
                <div class="platform-feature-icon">
                    <div class="icon-circle" style="background-color: #e3f2fd;">
                        <span style="font-size: 2em;">💡</span>
                    </div>
                </div>
                <h3>Brilliant Ideas</h3>
                <p>Bring together a community of innovators from many different fields to share their published ideas.</p>
            </div>
            
            <div class="platform-feature-item">
                <div class="platform-feature-icon">
                    <div class="icon-circle" style="background-color: #fff3e0;">
                        <span style="font-size: 2em;">🎤</span>
                    </div>
                </div>
                <h3>Expand Knowledge</h3>
                <p>Great opportunities to expand your knowledge base, improve your presentation skills and network with others in your field.</p>
            </div>
            
            <div class="platform-feature-item">
                <div class="platform-feature-icon">
                    <div class="icon-circle" style="background-color: #e8f5e9;">
                        <span style="font-size: 2em;">🌍</span>
                    </div>
                </div>
                <h3>Global Opportunities</h3>
                <p>Showcase your achievements and recognize in a truly global audience.</p>
            </div>
            
            <div class="platform-feature-item">
                <div class="platform-feature-icon">
                    <div class="icon-circle" style="background-color: #fce4ec;">
                        <span style="font-size: 2em;">💼</span>
                    </div>
                </div>
                <h3>Virtual Presentations</h3>
                <p>For Scholars who prefer to share their work in a variety of innovative presenters for same Scholarly opportunities be presented virtually.</p>
            </div>
            
            <div class="platform-feature-item">
                <div class="platform-feature-icon">
                    <div class="icon-circle" style="background-color: #f3e5f5;">
                        <span style="font-size: 2em;">🎯</span>
                    </div>
                </div>
                <h3>Break-out Sessions</h3>
                <p>Break-out sessions specifically designed to stimulate your personal and professional growth.</p>
            </div>
            
            <div class="platform-feature-item">
                <div class="platform-feature-icon">
                    <div class="icon-circle" style="background-color: #e0f2f1;">
                        <span style="font-size: 2em;">📚</span>
                    </div>
                </div>
                <h3>Inspirational Learning</h3>
                <p>Bringing together a community of professionals from many diverse fields to collaborate together in more exciting material.</p>
            </div>
        </div>
    </div>
</div>

<?php
include 'include/footer.php'; 

?>
