-
Notifications
You must be signed in to change notification settings - Fork 0
/
test.html
184 lines (165 loc) · 7.78 KB
/
test.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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>PharmaZ Tests at Home</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/3-col-portfolio.css" rel="stylesheet">
</head>
<style>
#h4{
color:blue;
}
</style>
<body background="img2.jpg">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div class="container">
<a class="navbar-brand" href="Home.html">PharmaZ</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="nav navbar-nav">
<li class="nav-item active">
</li>
<li class="nav-item">
<a class="nav-link" href="login.html">Login</a>
</li>
<li class="nav-item">
<a class="nav-link" href="signuo.html">Sign Up</a>
</li>
<li class="nav-item">
<a class="nav-link" href="aboutus.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container">
<!-- Page Heading -->
<h1 class="my-4">Order Tests at Home
</h1>
<div class="row">
<div class="col-lg-4 col-sm-6 portfolio-item">
<div class="card h-100">
<img class="card-img-top" src="cbc.jpg" height=235 alt="">
<div class="card-body">
<h4 class="card-title">
<h4 style="color:blue;">Blood CBC</h4>
</h4>
<p class="card-text">A complete blood count, or CBC, is an easy and very common test that screens for certain disorders that can affect your health.
A CBC determines if there are any increases or decreases in your blood cell counts. Normal values vary depending on your age and your gender. Your lab report will tell you the normal value range for your age and gender.</p>
<a href="#"><button type="submit" id="t1" name="t1">Order Now</button></a>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 portfolio-item">
<div class="card h-100">
<img class="card-img-top" src="bloodtype.png" height=235 alt="">
<div class="card-body">
<h4 class="card-title">
<h4 style="color:blue;">Blood group and Rh factor</h4>
</h4>
<p class="card-text">The Rh factor test is done during pregnancy to identify a woman's Rh factor. In some cases, the baby's father might need an Rh factor test, too.</p>
<a href="#"><button type="submit" id="t2" name="t2">Order Now</button></a>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 portfolio-item">
<div class="card h-100">
<img class="card-img-top" src="bonemarrow.jpg" alt="">
<div class="card-body">
<h4 class="card-title">
<h4 style="color:blue;">Bone Marrow</h4>
</h4>
<p class="card-text">A bone marrow biopsy is done if your blood tests show your levels of platelets, or white or red blood cells are too high or too low. A biopsy will help determine the cause of these abnormalities, which can include: anemia, or a low red blood cell count.</p>
<button type="submit" id="t3" name="t3">Order Now</button>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 portfolio-item">
<div class="card h-100">
<img class="card-img-top" src="bilirubin.jpg" alt="">
<div class="card-body">
<h4 class="card-title">
<h4 style="color:blue;">Bilirubin Direct</h4>
</h4>
<p class="card-text">If your bilirubin levels are higher than normal, it’s a sign that either your red blood cells are breaking down at an unusual rate or that your liver isn’t breaking down waste properly and clearing the bilirubin from your blood. Doctors use it to diagnose and monitor liver and bile duct diseases. These include cirrhosis, hepatitis, and gallstones.</p>
<button type="submit" id="t4" name="t4">Order Now</button>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 portfolio-item">
<div class="card h-100">
<img class="card-img-top" src="malaria.jpg" height=235 alt="">
<div class="card-body">
<h4 class="card-title">
<h4 style="color:blue;">Malaria</h4>
</h4>
<p class="card-text">The number of malaria parasites in your blood can change each day. So your test might say you don’t have malaria even if you do. For that reason, you may need your blood drawn several times over 2-3 days for the best results.</p>
<button type="submit" id="t5" name="t5">Order Now</button>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 portfolio-item">
<div class="card h-100">
<img class="card-img-top" src="urine.jpg" alt="">
<div class="card-body">
<h4 class="card-title">
<h4 style="color:blue;">Urine albumin-to-creatinine ratio (UACR)</h4>
</h4>
<p class="card-text">UACR is a ratio between two measured substances. Unlike a dipstick test for albumin, UACR is unaffected by variation in urine concentration. Albuminuria1 is present when UACR is greater than 30 mg/g and is a marker for CKD. Albuminuria is used to diagnose and monitor kidney disease.</p>
<button type="submit" id="t6" name="t6">Order Now</button>
</div>
</div>
</div>
</div>
<!-- /.row -->
<!-- Pagination -->
<ul class="pagination justify-content-center">
<li class="page-item">
<a class="page-link" href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
<span class="sr-only">Previous</span>
</a>
</li>
<li class="page-item">
<a class="page-link" href="#">1</a>
</li>
<li class="page-item">
<a class="page-link" href="#">2</a>
</li>
<li class="page-item">
<a class="page-link" href="#">3</a>
</li>
<li class="page-item">
<a class="page-link" href="#" aria-label="Next">
<span aria-hidden="true">»</span>
<span class="sr-only">Next</span>
</a>
</li>
<div class="input-group">
<input type="text" class="form-control" placeholder="Search" name="search">
<div class="input-group-btn">
<button class="btn btn-default" type="submit">
<i class="glyphicon glyphicon-search"></i>
</button>
</div>
</div>
</ul>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>