medicoPHP/index.php at main · 360MuslimExperts/medicoPHP · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Medico 360 - Learn, Heal, Reflect</title>
    <!-- Link Google Font -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
    <!-- Link your new CSS -->
    <link rel="stylesheet" href="styles.css">
    <!-- Link Header/Footer CSS if it contains styles not covered by styles.css -->
    <link rel="stylesheet" href="navs/header-footer.css">
    <!-- Optional: Add Font Awesome for icons if you replace emojis later -->
    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> -->
</head>
<body>
    <?php include 'navs/header.php'; ?>

    <!-- Hero Section -->
    <section id="hero" class="hero">
        <div class="container">
            <h1>Learn, Heal, and Reflect with Medico 360</h1>
            <p>Integrating medical knowledge with Islamic values — explore articles, lectures, books, and resources tailored for students, professionals, and the curious mind.</p>
            <div class="cta-buttons">
                <a href="blog.php" class="btn btn-primary">Explore Blog</a>
                <a href="notes.php" class="btn btn-secondary">Get Free Notes</a>
                <a href="lectures.php" class="btn btn-primary">Watch Lectures</a>
            </div>
        </div>
    </section>

    <!-- About Summary -->
    <section id="about" class="about">
        <div class="container">
            <h2>About Medico 360</h2>
            <p>Medico 360, an initiative of 360 Muslim Experts, is dedicated to bridging the gap between medical science and the Islamic perspective. We provide valuable resources for students, healthcare professionals, and anyone seeking knowledge at the intersection of health and faith.</p>
            <a href="about.php" class="btn btn-secondary">Learn More About Us</a>
        </div>
    </section>

    <!-- Featured Content Blocks -->
    <section id="featured-content" class="featured-content">
        <div class="container">
            <h2>Featured Content</h2>
            <div class="content-grid">
                <!-- Card 1: Blog -->
                <div class="content-card">
                    <img src="images/blog-thumbnail.jpg" alt="Abstract medical graphic"> <!-- Use descriptive alt text -->
                    <h3>📝 Latest Blog Post</h3>
                    <p>Discover insights on balancing modern medicine with timeless Islamic principles in our newest article.</p>
                    <a href="blog.php" class="btn btn-primary">Read More</a>
                </div>
                <!-- Card 2: Lecture -->
                <div class="content-card">
                     <img src="images/lecture-thumbnail.jpg" alt="Person speaking at a podium"> <!-- Use descriptive alt text -->
                    <h3>🎧 Featured Lecture</h3>
                    <p>Watch our featured lecture series covering critical topics in medical ethics from an Islamic viewpoint.</p>
                    <a href="lectures.php" class="btn btn-secondary">Watch Now</a>
                </div>
                <!-- Card 3: Book -->
                <div class="content-card">
                    <img src="images/book-thumbnail.jpg" alt="Cover of a featured book"> <!-- Use descriptive alt text -->
                    <h3>📚 Book of the Month</h3>
                    <p>Explore this month's recommended reading for deeper understanding and reflection.</p>
                    <a href="bookstore.php" class="btn btn-primary">View Book</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Navigation Highlights -->
    <section id="navigation-highlights" class="navigation-highlights">
        <div class="container">
            <h2>Explore Our Resources</h2>
            <div class="nav-links">
                <a href="materials.php" class="nav-link">🔬 Learning Materials</a>
                <a href="bookstore.php" class="nav-link">📖 Bookstore</a>
                <a href="blog.php" class="nav-link">🗂️ Articles / Blog</a>
                <a href="ask.php" class="nav-link">❓ Ask a Medico</a>
                <a href="about.php" class="nav-link">👥 About Us</a>
                <a href="lectures.php" class="nav-link">🎬 Lectures</a>
            </div>
        </div>
    </section>

    <!-- Testimonials -->
    <section id="testimonials" class="testimonials">
        <div class="container">
            <h2>What Our Community Says</h2>
            <div class="testimonials-grid">
                <blockquote>“Medico 360 is an invaluable resource. Finally, a platform that respects both my profession and my faith.” <span>- Dr. Aisha K.</span></blockquote>
                <blockquote>“The lectures are insightful and the articles are well-researched. A unique platform for continuous learning and spiritual growth.” <span>- Omar S. (Medical Student)</span></blockquote>
                <blockquote>“I appreciate the balanced perspective Medico 360 offers. It's the perfect blend of essential medical knowledge and Islamic values.” <span>- Fatima Z.</span></blockquote>
            </div>
        </div>
    </section>

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

    <!-- Optional: Add JS file link here if needed later -->
    <!-- <script src="script.js"></script> -->
</body>
</html>