-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (106 loc) · 4.2 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
<!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 href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/v4-shims.css">
<link rel="stylesheet" href="css/home.css">
</head>
<body>
<nav>
<div>
<a href="index.html"><img src="images/logo3 1.png" alt="lifebox log" id="logo"></a>
<span><i class="fa fa-times" id="close"></i></span>
<button id="toggle-btn">
<span>
<i class="fa fa-bars" id="bars"></i>
</span>
</button>
<ul id="nav-menu">
<li><a href="about.html">About</a></li>
<li><a href="https://blog.lifebox.ng/">Blog</a></li>
<li><a href="https://sustain.lifebox.ng/">Sustain <span></span></a></li>
</ul>
</div>
</nav>
<div id="container">
<div id="box-1">
<div>
<h1>
We’re developing digital solutions to help people beat chronic disease
</h1>
</div>
</div>
<div id="box-2">
<div id="challenge-box">
<h4>The Challenge</h4>
<p>1 in 3 people in Nigeria have a chronic disease or is at risk of one. In Africa, more than 200 million people
are affected. LifeBox is developing clinically validated digital programs using mobile technology,
evidence-based medicine and behavioral science to help people prevent and manage chronic disease
</p>
</div>
<div id="sustain-box">
<div id="sustain-text">
<h4>Introducing Sustain</h4>
<p>Sustain, by LifeBox, is a scalable, digital health solution
for prevention and management of type 2 diabetes, and
hypertension. The program helps people change the
habits that put them at risk and provides the education,
resources, and support they need to change their habits
and achieve their health goals
</p>
<button class="btn btn-primary btn-sm">Learn More</button>
</div>
<div id="phone-img">
<img src="images/Pixel 4 XL.png" alt="">
</div>
</div>
<div id="join-box">
<h4>Join us</h4>
<p>We’re always looking for the brightest minds who share our vision of transforming healthcare in Nigeria</p>
<button class="btn btn-primary btn-sm">View Careers</button>
</div>
</div>
<div id="box-3">
<footer>
<div id="first-list" class="footer-content">
<ul>
<li class="highlight">Company</li>
<li><a href="about.html">About Us</a></li>
<li><a href="careers.html">Careers</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="https://blog.lifebox.ng">Blog</a></li>
</ul>
</div>
<div id="second-list" class="footer-content">
<ul>
<li class="highlight">Program</li>
<li><a href="https://sustain.lifebox.ng/">Sustain</a></li>
</ul>
</div>
<div id="footer-form" class="footer-content">
<p>Get the LifeBox newsletter to receive updates</p>
<div id="input">
<input type="text" placeholder="Enter Your Email">
<label for="email"><button class="btn btn-sm btn-light">Subscribe</button></label>
<div id="social-md">
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter-square"></i></a>
<a href="#"><i class="fab fa-instagram-square"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
</footer>
<hr>
<p class="inc">© 2019 LifeBox Labs, Inc | Privacy Policy</p>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="js/about.js"></script>
</body>
</html>