-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
117 lines (117 loc) · 5.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>INFO2180 Project 1</title>
<link rel="stylesheet" href="styles.css">
<script src="scripts.js"></script>
</head>
<body>
<header>
<div class="container">
<h1>INFO2180 Project 1</h1>
<nav>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Research</a></li>
<li><a href="#">Stories</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</header>
<main>
<section class="overview-hero">
<div class="container">
<div class="overview-hero-image">
<img src="picture1.jpg" alt="#">
</div>
<div class="overview-hero-text">
<h2>Live your healthiest life now!</h2>
<p>At INFO2180 Labs we’re committed to improving the lives of as many people as possible. One of the most important areas in which we’re striving to do that is health.</p>
</div>
</div>
</section>
<section class="learn-about">
<div class="container">
<h2>Learn About</h2>
<div class="cards">
<div class="card">
<img src="undraw_Artificial_intelligence_re_enpp.png" alt="">
<div class="card-body">
<h3>Artificial Intelligence</h3>
<p>Learn how our innovations in machine learning are making a positive impact on healthcare.</p>
</div>
</div>
<div class="card">
<img src="undraw_fitness_tracker_3033.png" alt="">
<div class="card-body">
<h3>Fitness+ Tracker</h3>
<p>Fitness+ is our new, engaging and personalized fitness tracking app experience designed to help you stay in shape and feel great.</p>
</div>
</div>
<div class="card">
<img src="undraw_healthy_lifestyle_6tyl.png" alt="">
<div class="card-body">
<h3>Healthy Lifestyle</h3>
<p>Being healthy should be part of your overall lifestyle. Living a healthy lifestyle can help prevent chronic diseases and long-term illnesses.Take control of your life with these 5 simple steps.</p>
</div>
</div>
</div>
</div>
</section>
<section class="testing">
<div class="container">
<div class="testing-desciption">
<h2>COVID-19 Testing Programme</h2>
<p>Providing secure and connected COVID-19 screening and testing services to communities in collaboration with public health agencies and industry partners.</p>
</div>
<div class="cta">
<a href="#" class="btn">Learn More</a>
</div>
</div>
</section>
<section class="stories">
<div class="container">
<h2>Recent Stories</h2>
<article>
<img src="manpic.jpg" alt="">
<div class="article-body">
<h3>Dr. Christopher Turk has spent his entire career caring for people’s health and wellbeing.</h3>
<p>After years in the healthcare system, Dr. Christopher Turk is bringing together groups of people across the world to take on big healthcare challenges through groundbreaking research and developing tools that support better care.</p>
<p><a href="#">Read this Story</a></p>
</div>
</article>
<article>
<img src="health.jpg" alt="">
<div class="article-body">
<h3>INFO2180 Labs collaborates with the Ministry of Health and Ministry of Education on COVID-19 Risk Screening and Testing</h3>
<p>INFO2180 Labs, in collaboration with the Ministry of Health and Wellness and Ministry of Education, will launch a pilot project intended to expand access to COVID-19 risk screening and testing for high risk individuals in the parishes of Kingston and St. Andrew.</p>
<p><a href="#">Read this Story</a></p>
</div>
</article>
</div>
</section>
<section class="newsletter">
<div class="container">
<h3>Sign up for our newsletter</h3>
<p>Learn more about the latest developments from INFO2180 Labs’ health-related research and initiatives.</p>
<form action="#" method="post">
<div class="form-group">
<input type="email" name="email" id="email" placeholder="Enter your email">
</div>
<button type="submit" class="btn">Subscribe</button>
</form>
<div class="message"></div>
</div>
</section>
</main>
<footer>
<div class="container">
<p>Copyright 2020, Jantae Leckie</p>
</div>
</footer>
</body>
</html>