Skip to content

pull #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
suzyq2nice wants to merge 7 commits into
base: main
Choose a base branch
from
Open

pull #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
63d80be
Create README.md
suzyq2nice Sep 14, 2023
b49e9c8
Delete Landing_Page/README.md
suzyq2nice Sep 15, 2023
ae4bcb5
initial commit message
suzyq2nice Sep 17, 2023
a2ebc71
initial commit message
suzyq2nice Sep 18, 2023
ba11030
Create README.md
suzyq2nice Sep 18, 2023
8705d59
inital commit message
suzyq2nice Sep 18, 2023
9338d40
Update Sign_Up.html
suzyq2nice Sep 19, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
49 changes: 49 additions & 0 deletions Login/Login.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
.container {
max-width: 900px;
margin: 0 auto;
padding: 40px;
margin-top: 10%;

}


.form-group {
margin-bottom: 20px;
}

.form-group label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}

.form-control {
width: 40%;
padding: 8px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px;
}

.btn-group {
margin-top: .0001px;
margin-bottom: 20px;
}

.btn {
padding: 10px 20px;
font-size: 16px;
border: none;
border-radius: 4px;
cursor: pointer;
}

.btn-primary {
background-color: #007bff;
color: #fff;
}

.btn-danger {
background-color: #dc3545;
color: #fff;
}
51 changes: 51 additions & 0 deletions Login/Login.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./Login.css">
</head>
<body>
<div class="container">
<div class="login-grid">
<div class="login-text">
<h2>Login</h2>
</div>
<div class="login-text">
Are you a new member? <span><a href="../Sign_Up/Sign_Up.html" style="color: #2190FF;"> Sign Up Here</a></span>
</div>
<br />
<div class="login-form">
<form>
<div class="form-group">
<label for="email">Email</label>
<input type="email" name="email" id="email" class="form-control" placeholder="Enter your email" aria-describedby="helpId" />
</div>
<div class="form-group">
<label for="password" >Password</label>
<input
type="password"
name="password"
id="password"
class="form-control"
placeholder="Enter your password"
aria-describedby="helpId"
/>
</div>


<div class="btn-group">
<button type="submit" class="btn btn-primary mb-2 mr-1 waves-effect waves-light">Login</button>
<button type="reset" class="btn btn-danger mb-2 waves-effect waves-light">Reset</button>
</div>
<br />
<div class="login-text">
Forgot Password?
</div>
</form>
</div>
</div>
</div>
</body>
</html>
161 changes: 161 additions & 0 deletions Navbar/Navbar.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,161 @@
/** Header - Navbar */
nav {
padding: 1.5rem;
position: fixed;
top: 0%;
left: 50%;
transform: translateX(-50%);
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1;
display: none;
min-width: 120px;
padding: 8px 0;
background-color: #fff;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
border-radius: 4px;
}

.welcome-user {
position: relative;
cursor: pointer;
}

.welcome-user:hover .dropdown-menu {
display: block;
}

.dropdown-menu li {
display: block;
width: 150px;
padding:5px;
}

.dropdown-menu li a {
color: #333;
text-decoration: none;
transition: color 0.3s ease;
}

.dropdown-menu li a:hover {
color: #2190ff;
}
.nav__logo {
font-size: 2rem;
font-weight: 600;
color: #0d213f;
cursor: pointer;
}

.nav__logo span {
color: #3685fb;
}

.nav__icon {
display: none;
font-size: 2rem;
cursor: pointer;
}

.nav__links {
list-style: none;
display: flex;
align-items: center;
gap: 1rem;
font-size: 1rem;
font-weight: 500;
}

.link a {
padding: 0 1rem;
color: #0d213f;
transition: 0.3s;
}

.link a:hover {
color: #3685fb;
}

/* Media queries for mobile responsiveness */

@media (max-width: 768px) {
.nav__logo {
margin-right: auto;
}

.nav__icon {
display: block;
}

.nav__links {
display: none;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}

.nav__links.active {
display: flex;
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin: auto;
background-color: #fff;
flex-direction: column;
align-items: center;
padding: 1rem 0;
border-radius: 0.5rem;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
z-index: 999;
animation: slideDown 0.5s ease-in-out;
}
}
/* Animation keyframes*/
@keyframes slideDown {
0% {
transform: translateY(-10px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.btn1{
border: 2px solid #3685fb;
background-color: white;
color: black;
border-radius: 50px;
}

.btn1:hover{
background-color: #3685fb;
color: white;
}

.btn2{
border: 2px solid #3685fb;
background-color: white;
color: black;
border-radius: 50px;
height:30px;
display: flex;
align-items: center;
justify-content: center;
margin-top:3px;
}

.btn2:hover{
background-color: #3685fb;
color: white;
}

50 changes: 50 additions & 0 deletions Navbar/Navbar.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stay Healthy</title>
<link rel="stylesheet" href="./Navbar.css">
</head>
<body>
<nav>
<div class="nav__logo">
<a href="/">
StayHealthy <svg xmlns="http://www.w3.org/2000/svg" height="26" width="26" viewBox="0 0 1000 1000" style="fill:#3685fb"><title>Doctor With Stethoscope SVG icon</title><g><g><path d="M499.8,10c91.7,0,166,74.3,166,166c0,91.7-74.3,166-166,166c-91.7,0-166-74.3-166-166C333.8,84.3,408.1,10,499.8,10z"></path><path d="M499.8,522.8c71.2,0,129.1-58.7,129.1-129.1H370.6C370.6,464.1,428.6,522.8,499.8,522.8z"></path><path d="M693.2,395c-0.7,94.9-70.3,173.7-160.8,188.9v155.9c0,80.3-60.7,150.8-140.8,155.3c-83,4.7-152.7-58.9-157.6-139.7c-22-12.8-35.6-38.5-30.3-66.7c4.7-25.1,25.5-45.6,50.8-49.9c39.7-6.7,74.1,23.7,74.1,62.1c0,23-12.3,43-30.7,54.1c4.7,45.4,45.1,80.4,92.6,76c44.6-4,77.2-44.4,77.2-89.2v-158c-90.5-15.2-160.1-94-160.8-188.9c-89.4,11.5-158.2,87.9-158.2,180.5V910c0,44.2,35.8,80,80,80h542.6c44.2,0,80.1-35.8,80.1-80V575.5C851.4,483,782.6,406.6,693.2,395z"></path></g></g>
</svg></a>
<span>.</span>
</div>
<div class="nav__icon" onClick={handleClick}>
<i class="fa fa-times fa fa-bars"></i>
</div>
<ul class="nav__links active">
<li class="link">
<a href="../Landing_Page/LandingPage.html">Home</a>
</li>
<li class="link">
<a href="#">Appointments</a>
</li>

<li class="link">
<a href="#">Health Blog</a>
</li>

<li class="link">
<a href="#">Reviews</a>
</li>

<li class="link">
<a href="../Sign_Up//Sign_Up.html">
<button class="btn1">Sign Up</button>
</a>
</li>
<li class="link">
<a href="../Login/Login.html">
<button class="btn1">Login</button>
</a>
</li>

</ul>
</nav>
</body>
</html>
3 changes: 3 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
Medical Appointment Booking Website
Overview
The Medical Appointment Booking website is a web application designed to streamline the process of booking medical appointments online. It provides patients with a user-friendly interface to search for healthcare providers, view their availability, and schedule appointments conveniently.
Loading