-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (89 loc) · 5.11 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Health Risks</title>
<link rel="stylesheet" href="https://bootswatch.com/4/pulse/bootstrap.min.css" media="screen">
<link rel="stylesheet" href="https://bootswatch.com/_assets/css/custom.min.css">
<link rel="stylesheet" href="css/d3Style.css">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
</head>
<body>
<div class='bg'>
<div class="container">
<br>
<div class="card text-white bg-primary">
<div class="text-center">
<br>
<h1>Health Risks for some Demographic Groups</h1>
<br>
</div>
</div>
<br>
<div class="card border-primary">
<div id="scatter"></div>
</div>
<br>
<div class="card text-white bg-primary">
<div class="card-body">
<h4>Obesity and Poverty, Age, and income</h4>
<p>
Maecenas nunc libero, sagittis sed dolor at, luctus porttitor magna. Sed fermentum,
eros et aliquet fermentum, neque nunc viverra elit, vel accumsan mi lectus sed erat.
Morbi sollicitudin enim libero, ut sodales magna auctor nec. Sed vitae cursus elit.
Nunc vitae auctor eros. Nulla vestibulum dapibus neque non molestie.
Vivamus interdum cursus tempus. Vivamus blandit elit vel orci vehicula,
vitae bibendum felis suscipit. Aliquam tempus est arcu, eu aliquam quam dictum ut.
Nam fermentum risus vitae molestie elementum. Aenean condimentum bibendum odio.
Morbi tincidunt, mi eget feugiat ultrices, leo magna tristique risus,
vel euismod lacus elit et nulla. Etiam ac metus nec quam luctus pretium. Suspendisse ante lorem,
bibendum id maximus vitae, molestie molestie sem. Proin efficitur enim risus,
at commodo nunc cursus sed. Aenean egestas mi quis lectus interdum rutrum.
</p>
<h4>Smokers and Poverty, Age, and income</h4>
<p>
Pellentesque aliquam magna a est consectetur mollis. Maecenas volutpat placerat finibus.
Mauris eget ultricies risus. Duis pretium non lacus sed vehicula. Etiam gravida volutpat aliquet.
Nullam dignissim turpis at libero convallis efficitur. Maecenas varius lectus ut euismod pretium.
Donec vitae condimentum augue. Sed tellus neque, sollicitudin euismod lobortis ac,
consectetur vestibulum tellus. Nam nec metus consequat, convallis odio et, lobortis tortor.
</p>
<p>
Proin vitae nibh maximus, scelerisque erat sit amet, malesuada nisi.
Integer sodales lacus sed quam bibendum consequat et vel purus. Nunc congue tortor sed dictum tincidunt.
Donec sit amet mollis odio, eu blandit sapien. Duis a lorem sapien. Etiam interdum viverra elit,
eget gravida metus semper eu. Vestibulum facilisis elit ut mi consequat pulvinar.
Nunc pharetra lacus massa, id varius nibh varius vel. Pellentesque venenatis felis et lectus pretium scelerisque.
Aenean auctor libero dui, et suscipit dui pretium sed.
</p>
<h4>Lacking Helthcare and Poverty, Age, and income</h4>
<p>
Aliquam lacinia lacinia lorem vel laoreet. Phasellus lobortis in dolor non blandit.
Nullam diam odio, malesuada nec commodo et, tincidunt sit amet tellus. Sed tincidunt, lectus et finibus luctus,
arcu libero imperdiet est, at faucibus arcu erat eget tortor. Nullam gravida arcu in dolor varius,
non aliquam elit luctus. Etiam hendrerit dictum orci sit amet aliquet.
Quisque fringilla elit eget justo semper malesuada. Aliquam molestie et nunc at dapibus.
Phasellus consectetur iaculis nisl, non molestie nisl maximus vitae. Vestibulum ut nibh purus.
In gravida ut arcu ac vulputate. Quisque ullamcorper ex et gravida euismod. Donec ut eros sem.
Duis condimentum magna vel enim commodo porta. Quisque magna nisl, accumsan et urna eget, fringilla elementum odio.
</p>
</div>
</div>
<br>
</div>
</div>
</body>
<!-- Footer-->
<div class='card bg-secondary text-center'>
<div class='card-body'>
Site created by <a href='http://www.github.com/cckuqui'>Cristina Bardan</a> - <a href='https://github.com/cckuqui/health-risks'>Link to this repository</a>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3-tip/0.9.1/d3-tip.js"></script>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</html>