the-neighbourhood-health-hub/index.html at main · zenowinged/the-neighbourhood-health-hub · 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
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The Neighborhood Health Hub</title>
    <link rel="stylesheet" href="style.css">
    <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=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
        rel="stylesheet">

</head>

<body>
    <nav class="navbar">
        <ul>
            <li><button class="logo-btn"><img src="logo.png" alt="logo" class="logo"></button></li>

            <!-- Dropdown 1 - Prescriptions -->
            <li class="dropdown">
                <button class="dropdown-btn">Prescriptions</button>
                <div class="dropdown-content">
                    <a href="refill-prescription.html" style="text-decoration: none; background-color: inherit; color: inherit">Refill a Prescription</a>
                    <a href="transfer.html" style="text-decoration: none; background-color: inherit; color: inherit">Transfer to Us</a>
                    <a href="medsync.html" style="text-decoration: none; background-color: inherit; color: inherit">MedSync™</a>
                </div>
            </li>

            <!-- Dropdown 2 - Clinical Services -->
            <li class="dropdown">
                <button class="dropdown-btn">Clinical Services</button>
                <div class="dropdown-content">
                    <a href="#">Vaccinations</a>
                    <a href="#">Diabetes & BP Management</a>
                    <a href="#">Medication Reviews</a>
                    <a href="#">Compounding</a>
                </div>
            </li>

            <!-- Dropdown 3 - Our Approach -->
            <li class="dropdown">
                <button class="dropdown-btn">Our Approach</button>
                <div class="dropdown-content">
                    <a href="team.html">Meet the Team</a>
                    <a href="community.html">Community</a>
                </div>
            </li>

            <!-- Dropdown 4 - Patient Resources -->
            <li class="dropdown">
                <button class="dropdown-btn">Patient Resources</button>
                <div class="dropdown-content">
                    <a href="#">Health Blog / News</a>
                    <a href="#">Vitamin & Supplement Guide</a>
                    <a href="#">Insurance & Copay Assistance</a>
                </div>
            </li>

            <!-- The right side of the navbar -->
            <li class="right-side"><button class="search-btn">🔍</button></li>
            <li><button class="login-btn">Login</button></li>
            <li><button class="baa-btn"><a href="appointment.html" style="text-decoration: none; background-color: inherit; color: inherit">Book an Appointment</a></button></li>
        </ul>
    </nav>

<!-- HEADING AND BACKGROUND PIC -->
    <div class="heading-and-pic">

        <div class="solid-colour">
            <p class="company-name">The Pharmacy that knows your name.</p>
            <p class="motto">We don't just dispense medication. We partner with you to manage your health, right here in your neighborhood.</p>
        </div>
    </div>


    <!-- WHY US!! -->
    <div class="why-us">
        <h1 style="margin: 20px;">WHY US:</h1>

        <!-- reason 1 -->
        <div class="reason1">
            <img class="reason1_img" src="reason_1_pic.png" alt="photo">

            <p class="sc">Synchronised Care:</p>
            <p class="psc">Stop making 5 trips a month. We sync all your refills to a single pick-up date.</p>

        </div>

        <!-- reason 2 -->
        <div class="reason2">
            <p class="fa">Financial Advocacy:</p>
            <p class="pfa">We actively work with your doctor and insurance to find lower-cost alternatives before you even arrive.</p>

            <img class="reason_2_pic" src="reason_2_pic.jpg" alt="photo">
        </div>

        <!-- reason 3 -->
        <div class="reason3">
            <img class="reason_3_pic" src="reason_3_pic.jpg" alt="photo">

            <p class="cc">Clinical Coaching:</p>
            <p class="pcc">Diabetes or blood pressure management isn't just about pills. Walk in for a free 15-minute coaching session.</p>
        </div>
    </div>

    <footer style="text-align: center; margin-bottom: 20px;">ⓒ Copyright NHH 2026. All rights reserved. </footer>

    <body>

</html>