Untitled

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HomePage.aspx.cs" Inherits="FYP.HomePage" %>

<!DOCTYPE html>

<html lang="en">
<head runat="server">
   <title></title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <script src="Scripts/moment.min.js"></script>
   <script src="Scripts/bootstrap-datetimepicker.min.js"></script>
    <style>
        .container {
            width: auto;
            font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            text-align: center;
            float:right;

        }
        .navbar-brand{
            float: left;
            margin: -10px 10px 10px 0px;
        }
        .jumbotron {
            background-color: #DFEDFF;
            color: #ff7200;
            text-align: center;
        }
        .navbar {
            margin-bottom: 0;
            background-color: #4A4A4A;
            z-index: 9999;
            border: 0;
            font-size: 18px !important;
            line-height: 1.42857143 !important;
            letter-spacing: 3px;
            border-radius: 0;
        }
        .navbar li a, .navbar .navbar-brand {
            color: #00B0D3 !important;
            font-size: 12px !important;
        }
        .navbar-nav li a:hover, .navbar-nav li.active a {
            color: #107DA3 !important;
            background-color: #DFEDFF !important;
        }
    </style>
</head>
<body>

<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="HomePage.aspx"><img src="Images/Logo.png" height="28" border="0"/></a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Appointment<span class="caret"></span></a>
          <ul class="dropdown-menu" >
              <li><a href="Appointment.aspx">Book New Appointment</a></li>
              <li><a href="Appointment.aspx">Change Appointment</a></li>
              <li><a href="Appointment.aspx">Delete Appointment</a></li>
          </ul>
        </li>
          <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Profile<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="PatientView.aspx">View Profile</a></li>
            <li><a href="PatientEditProfile.aspx">Edit Profile</a></li>
          </ul>
          <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Medical Results<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="MedicalResults">View All Medical Results</a></li>
          </ul>
              <li><a href="AboutUs.aspx">About</a></li>
          </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#"><span class="glyphicon glyphicon-user"></span>Logout</a></li>
      </ul>
    </div>
  </div>
</nav>
    <%--Work--%>
            <form id="form1" runat="server">
             <div>
            <div class="jumbotron text-center">
            <h1 style="font-size: 32px;">Welcome to Parkway Shenton Health Screening Portal</h1>

            </div>

     <div id="Image1" runat="server" style="float:left;"><img src="Images/Image2.jpg" /></div>

        <div class="container">
    <p style="font-size:24px;">Please Select to Continue</p>
  <div class="btn-group-vertical">
    <div class="btn-group">
      <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
      Appointments <span class="caret"></span></button>
      <ul class="dropdown-menu" role="menu">
        <ul><a href="Appointment.aspx">Make a New Appointment</a></ul>
        <ul><a href="Appointment.aspx">Change Appointment</a></ul>
        <ul><a href="Appointment.aspx">Delete Appointment</a></ul>
      </ul>
    </div>

      <div class="btn-group">
      <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
      Profile <span class="caret"></span></button>
      <ul class="dropdown-menu" role="menu">
        <ul><a href="PatientView.aspx">View Profile</a></ul>
        <ul><a href="PatientEditProfile.aspx">Edit Profile</a></ul>
      </ul>
    </div>

    <div class="btn-group">
      <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
      Sony <span class="caret"></span></button>
      <ul class="dropdown-menu" role="menu">
        <ul><a href="MedicalResults.aspx">View All Medical Results</a></ul>
      </ul>
    </div>
  </div>
</div>
    </form>
</body>
</html>