-
Notifications
You must be signed in to change notification settings - Fork 0
/
result.html
76 lines (70 loc) · 5.48 KB
/
result.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
<!DOCTYPE html>
<html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link href="styles/stylesheet0.css" rel="stylesheet">
<link href="styles/styles.css" rel="stylesheet">
<title>Congrats!</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="/">Top-Notch Security Company</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tools.html">Tools</a>
</li>
<li class="nav-item">
<a class="nav-link" href="quiz.html">Quiz<span class="sr-only">(current)</span></a>
</li>
</ul>
</div>
</nav>
<div class="jumbotron jumbotron-fluid">
<div class="container" id="result" class="flex-center flex-column">
<div class="container" id="unprotected" >
<h1 class="display-4">So you are into Risky Business?</h1>
<p class="lead">You are so drastically unprotected when it comes to personal data. Check out some recommendations below!</p>
</div>
<div class="container" id="couldDoBetter">
<h1 class="display-4">You can do better than that...</h1>
<p class="lead">Invest some time to keep your data safe. And take a look at some of the recommendations below.</p>
</div>
<div class="container" id="protected">
<h1 class="display-4">We are not worthy!</h1>
<p class="lead">Great job protecting your data! We didn't even know you were here! (wink). See if you are missing anything from the list of recommendations below!</p>
</div>
</div>
</div>
<div class="container">
<h1>Recommendations for Keeping Your Information Secure</h1>
<ul class="list-group list-group-flush">
<li class="list-group-item"><h4>Be Alert to Impersonators</h4>Make sure you know who is getting your personal or financial information. Don’t give out personal information on the phone, through the mail or over the Internet unless you’ve initiated the contact or know who you’re dealing with.</li>
<li class="list-group-item"><h4>Safely Dispose of Personal Information</h4>Before you dispose of a device, get rid of all the personal information it stores. Use a wipe utility program to overwrite the entire hard drive.</li>
<li class="list-group-item"><h4>Encrypt Your Data</h4>Keep your browser secure. To guard your online transactions, use encryption software that scrambles information you send over the internet.</li>
<li class="list-group-item"><h4>Keep Passwords Private</h4>Use strong passwords with your laptop, credit, bank, and other accounts.</li>
<li class="list-group-item"><h4>Don’t Overshare on Social Networks</h4>If you post too much information about yourself, an identity thief can find information about your life, use it to answer ‘challenge’ questions on your accounts, and get access to your money and personal information.</li>
<li class="list-group-item"><h4>Securing Your Social Security Number</h4>Keep a close hold on your Social Security number and ask questions before deciding to share it.</li>
<li class="list-group-item"><h4>Avoid Phishing Emails</h4> Don’t open files, click on links, or download programs sent by strangers.</li>
<li class="list-group-item"><h4>Be Wise About Wi-Fi</h4> Before you send personal information over your laptop or smartphone on a public wireless network in a coffee shop, library, airport, hotel, or other public place, see if your information will be protected.</li>
<li class="list-group-item"><h4>Lock Up Your Laptop</h4> Keep financial information on your laptop only when necessary.</li>
<li class="list-group-item"><h4>Read Privacy Policies</h4> Yes, they can be long and complex, but they tell you how the site maintains accuracy, access, security, and control of the personal information it collects; how it uses the information, and whether it provides information to third parties.</li>
</ul>
<small class="text-muted"><a href="https://www.consumer.ftc.gov/articles/0272-how-keep-your-personal-information-secure#online" class="text-muted">More at FTC Website</a></small></p>
</div>
<script src="scripts/result.js"></script>
<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.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>