Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="{{ url_for('static',filename='styles/login.css') }}">
    <link rel="stylesheet" href="boxicons/css/boxicons.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <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=Yatra+One&display=swap" rel="stylesheet">
    <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=Noto+Sans&display=swap" rel="stylesheet">

    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
    <!-- BOOTSTRAP -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous">
        </script>
    <!-- BOOTSTRAP -->

    <title>Dashboard</title>
</head>
<body>
    <!-- navbar -->
    <div class="top">
        <img src="https://i.ibb.co/0c2q8GB/Health-IDlogo.png" class="logo">
        <div class="buttons">
            <ul>
                <button  class="btn home-btn ">
                    <li class="topic">
                        <a href="/home" class="link">Home</a>
                    </li>
                </button>

                <button class="btn about-btn">
                    <li class="login topic">
                        <a href="#" class="link">About</a>
                    </li>
                </button>

                <button class="btn services-btn">
                    <li class="services topic">
                        <a href="/logout" class="link">Logout</a>
                    </li>
                </button>
            </ul>
        </div>
    </div>

    <h1>Welcome back, {{session.get('name')}}</h1>
    {% include 'includes/_messages.html' %}

    <form method="POST" action="">
        <div class="from-group"  placeholder="Hospital Name">
          {{form.hospital_name(class="form-control")}}
        </div>
        <div class="from-group" placeholder="Doctor Name">
          {{form.doctor_name(class="form-control")}}
        </div>
        <div class="from-group" placeholder="Date">
          {{form.date(class="form-control")}}
        </div>
        <div class="from-group" placeholder="Time">
          {{form.time(class="form-control")}}
        </div>
        </br>
        <p><input type="submit" class="btn btn-primary" value="Send"></p>
      </form>
</body>
</html>