the-neighbourhood-health-hub/appointment.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Book Appointment - NHHH</title>
    <link rel="stylesheet" href="style.css">
    <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>
    <!-- Navbar -->
    <nav class="navbar">
        <ul>
            <li><button class="logo-btn"><a href="homepage.html" style="text-decoration: none; background-color: inherit; color: inherit"><img src="logo.png" alt="logo" class="logo"></a></button></li>
            <li class="dropdown">
                <button class="dropdown-btn">Prescriptions</button>
                <div class="dropdown-content">
                    <a href="refill-prescription.html">Refill a Prescription</a>
                    <a href="transfer.html">Transfer to Us</a>
                    <a href="medsync.html">MedSync™</a>
                </div>
            </li>

            <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>

            <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>

            <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>

            <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>

    <div class="main-container">
<<<<<<< HEAD
        <h1 class="page-heading">Book an Appointment</h1>
=======
        <h1 class="page-heading">Schedule a Visit</h1>
>>>>>>> 8b36c1db85e00fee429c023b71b421155ca2f0e3

        <!-- Form -->
        <div class="form-box">
            <form>
                <label class="label" for="name">Full Name</label>
                <br>
                <input type="text" class="name" placeholder="Enter your name" required>

                <label class="label">Reason for Visit</label>
                <br>
                <select class="reason">
                    <option>General Consultation</option>
                    <option>Vaccination</option>
                    <option>Diabetes Coaching</option>
                    <option>Blood Pressure Check</option>
                </select>

                <label class="label">Preferred Date</label>
                <br>
                <input type="date" class="date" required>

                <label class="label">Preferred Time</label>
                <br>
                <input type="time" class="time" required>

<<<<<<< HEAD
                <button type="submit" class="submit-btn">Book Appointment</button>
=======
                <button type="submit" class="submit-btn">Confirm Booking</button>
>>>>>>> 8b36c1db85e00fee429c023b71b421155ca2f0e3
            </form>
        </div>
    </div>
</body>
</html>