-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
159 lines (152 loc) · 8.22 KB
/
index.html
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!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">
<title>PresCribeEase</title>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Normalize CSS -->
<link rel="stylesheet" href="css/normalize.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!-- Header -->
<header class="header bg-blue">
<nav class="navbar bg-blue">
<div class="container flex">
<a href="index.html" class="navbar-brand">
<img src="images/PresCribeEase.png" alt="PresCribeEase logo">
</a>
<button type="button" class="navbar-show-btn" aria-label="Show navigation menu">
<img src="images/ham-menu-icon.png" alt="Menu icon">
</button>
<div class="navbar-collapse bg-white">
<button type="button" class="navbar-hide-btn" aria-label="Hide navigation menu">
<img src="images/close-icon.png" alt="Close icon">
</button>
<ul class="navbar-nav">
<li class="nav-item">
<a href="#" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="#about" class="nav-link">About</a>
</li>
<li class="nav-item">
<a href="#contact" class="nav-link">Contact</a>
</li>
</ul>
<!-- Search bar -->
<div class="search-bar">
<form>
<div class="search-bar box flex">
<span class="search-icon flex">
<img src="images/search-icon-dark.png" alt="Search icon">
</span>
<input type="search" class="search-control" placeholder="Search here" aria-label="Search">
</div>
</form>
</div>
</div>
</div>
</nav>
<div class="header-inner text-white text-center">
<div class="container grid">
<div class="header-inner-left">
<h1>Your Most Trusted<br> <span>Prescription Writer Tool</span></h1>
<p class="lead">The best services for you</p>
<p class="text text-md">Comprehensive solution for hassle-free prescription writing.</p>
<div class="btn-group">
<a href="#about" class="btn btn-white">Learn More</a>
<a href="login.php" class="btn btn-light-blue">Sign In</a>
</div>
</div>
<div class="header-inner-right">
<img src="images/prescriber.jpg" alt="Prescriber">
</div>
</div>
</div>
</header>
<main>
<section id="about" class="about py">
<div class="about-inner">
<div class="container grid">
<div class="about-left text-center">
<div class="section-head">
<h2>About Us</h2>
<div class="border-line"></div>
</div>
<p class="text">Welcome to PresCribeEase, your comprehensive solution for hassle-free prescription writing. We understand that the healthcare landscape is complex, and time is often the most precious resource for both medical professionals and patients. Our mission is to streamline the prescription process, making it efficient, accurate, and secure.</p>
<p class="text">Our vision is to revolutionize the way prescriptions are managed by leveraging cutting-edge technology and a user-friendly interface.</p>
<a href="#about" class="btn btn-white">Learn More</a>
</div>
<div class="about-right flex">
<div class="img">
<img src="images/prescription3D.png" alt="3D Prescription">
</div>
</div>
</div>
</div>
</section>
<section id="banner-one" class="banner-one text-center">
<div class="container text-white">
<blockquote class="lead">
<i class="fas fa-quote-left"></i> "Any doctor will admit that any drug can have side effects, and that writing a prescription involves weighing the potential benefits against the risks"
<i class="fas fa-quote-right"></i>
</blockquote>
<small class="text text-sm">- Mark Udall</small>
</div>
<div class="container text-white">
<blockquote class="lead">
<i class="fas fa-quote-left"></i> "The human body experiences a powerful gravitational pull in the direction of hope. That is why the patient's hopes are the physician's secret weapon. They are the hidden ingredients in any prescription."
<i class="fas fa-quote-right"></i>
</blockquote>
<small class="text text-sm">- Noam Chomsky</small>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="contact py">
<div class="container grid">
<div class="contact-left">
<iframe
width="100%"
height="400"
frameborder="0"
scrolling="no"
marginheight="0"
marginwidth="0"
id="gmap_canvas"
src="https://maps.google.com/maps?width=100%&height=400&hl=en&q=Chittagong%20University%20of%20Engineering%20and%20Technology%20Chattogram&t=&z=12&ie=UTF8&iwloc=B&output=embed">
</iframe>
<a href='https://www.acadoo.de/'>Abschlussarbeit schreiben lassen</a>
<script type='text/javascript' src='https://embedmaps.com/google-maps-authorization/script.js?id=a2f709cb814964a0f0bac2ab73c769f2142f0b74'></script>
</div>
<div class="contact-right text-white text-center bg-blue">
<div class="contact-head">
<h3 class="lead">Contact Us</h3>
<p class="text text-md">Chittagong University of Engineering & Technology, Pahartoli, Raozan, Chittagong</p>
</div>
<form>
<div class="form-element">
<input type="text" class="form-control" placeholder="Your name" aria-label="Your name">
</div>
<div class="form-element">
<input type="email" class="form-control" placeholder="Your email" aria-label="Your email">
</div>
<div class="form-element">
<textarea rows="5" placeholder="Your Message" class="form-control" aria-label="Your message"></textarea>
</div>
<button type="submit" class="btn btn-white btn-submit">
<i class="fas fa-arrow-right"></i> Send Message
</button>
</form>
</div>
</div>
</section>
<!-- End of Contact Section -->
</main>
<script src="js/script.js"></script>
</body>
</html>