-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
110 lines (76 loc) · 2.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Where is my data?</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<script src="js/modernizr-2.5.3-respond-1.1.0.min.js"></script>
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="row-fluid">
<div class="span12 blue-header pagination-centered">
<img src="img/bluebutton.png">
</div>
</div>
<div class="row-fluid">
<div class="span12 pagination-centered">
<p class="call-to-action">Get your health records now.</p>
</div>
</div>
<div class="row-fluid">
<div class="span12 pagination-centered">
<p>Who is your health insurance provider?</p>
<p>
<a href="va.html" class="btn btn-large">Veterans Affairs (VA)</a>
<a href="medicare.html" class="btn btn-large">Medicare</a>
<a href="other.html" class="btn btn-large">Other Insurance</a>
</p>
</div>
</div>
<!-- Example row of columns -->
<div class="row-fluid bbinfo">
<div class="span4 well">
<div class="content">
<h2>Blue Button</h2>
<p>The Blue Button is the symbol for the way that you can access your digital health records. Just click on it and securely download your medical records from your health insurer, provider, or other source of your health data.</p>
</div>
</div>
<div class="span4 well">
<div class="content">
<h2>Your Data</h2>
<p>You can download the file of your personal data and save the file on your own personal computer. After you have saved it, you can import that same file into other computer-based personal health management tools.</p>
<p>Downloading your health data gives you control over your health information. It makes it easy to share with your doctors, caregivers, or anyone else you choose.</p>
</div>
</div>
<div class="span4 well">
<div class="content">
<h2>Safe & Secure</h2>
<p>The Blue Button is safe, secure, reliable, and easy to use. At the same time, since you control access to your downloaded health information, it's your responsibility to protect it. You should treat your personal and health information just like you would your banking or other confidential information.</p>
</div>
</div>
</div>
<hr>
<footer>
<p><small><strong>Blue Button</strong> - This information has been compiled by HealthIT.gov</small></p>
</footer>
</div> <!-- /container -->
</body>
</html>