forked from HashenUdara/edoc-doctor-appointment-system
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
132 lines (118 loc) · 5.22 KB
/
index.php
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!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="css/animations.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/index.css">
<?php include('inc/header.php') ?>
<title>Ark</title>
<style>
table {
animation: transitionIn-Y-bottom 0.5s;
}
body{
background-image: url('img/home_bg.png');
background-size: contain;
background-repeat: repeat;
}
.slogan{
font-family: 'Questrial', sans-serif;
font-size: 45px;
font-weight: 400;
}
.title{
font-family: 'Inter', sans-serif;
font-size: 45px;
font-weight: 400;
}
.subtitle{
font-family: 'Inter', sans-serif;
font-size: 22px;
font-weight: 300;
}
.login, .register{
font-family: 'Inter', sans-serif;
font-size: 28px;
font-weight: 400;
}
</style>
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<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=Inter:wght@300&family=Questrial&display=swap" rel="stylesheet">
</head>
<body>
<div class="container-fluid h-100">
<div class="row h-100">
<div class="col d-flex align-items-center justify-content-center">
<div>
<div class="text-center">
<img src="img/logo.png" class="img-fluid"/>
<h3 class="slogan">
The Ark veterinary’s Appointment Scheduling
</h3>
</div>
</div>
</div>
<div class="col bg-white h-100">
<div class="row">
<header class="mb-auto ">
<div>
<nav class="nav nav-masthead justify-content-center float-md-end">
<a class="nav-link fw-bold py-1 px-2 text-uppercase text-dark login" href="login.php">Log in</a>
<a class="nav-link fw-bold py-1 px-2 text-uppercase text-dark register" href="signup.php">Register</a>
</nav>
</div>
</header>
</div>
<div class="row h-100">
<div class="col-12 d-flex align-items-center justify-content-center">
<div class="p-2">
<div class="bg-secondary-subtle p-3 mb-2">
<h1 class="title">Hello there!</h1>
<p class="lead subtitle">The Ark Veterinary Clinic is a 22-year old veterinary practice that specializes in the treatment of several species of animals. Our clinic hours are 9am to 5pm Mondays to Saturdays. 24/7 on call.</p>
</div>
<p class="lead text-center mx-auto">
<a href="login.php" class="btn btn-lg btn-light fw-bold border-white bg-primary border border-black">Make Appointment</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column bg-light bg-opacity-25">
<header class="mb-auto ">
<div>
<h3 class="float-md-start mb-0">Veterinary Appoinment &
Inventory System</h3>
<nav class="nav nav-masthead justify-content-center float-md-end">
<a class="nav-link fw-bold py-1 px-2 text-uppercase text-dark" href="login.php">Log in</a>
<a class="nav-link fw-bold py-1 px-2 text-uppercase text-dark" href="signup.php">Register</a>
</nav>
</div>
</header>
<main class="p-3 d-flex flex-column align-items-center text-center bg-dark bg-opacity-50 text-white">
<h1>Hello there!</h1>
<p class="lead">The Ark Veterinary Clinic is a 22-year old veterinary practice that specializes in the treatment of several species of animals. Our clinic hours are 9am to 5pm Mondays to Saturdays. 24/7 on call.</p>
<p class="lead">
<a href="login.php" class="btn btn-lg btn-light fw-bold border-white bg-primary">Make Appointment</a>
</p>
</main>
<footer class="text-center mt-auto">
<div class="container">
<p>©
<?php echo date("Y"); ?> Veterinary Appointment & Inventory System. All rights reserved.
</p>
</div>
</footer>
</div> -->
<?php include('inc/scripts.php') ?>
</body>
</html>