-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBe aware.html
103 lines (81 loc) · 8.17 KB
/
Be aware.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Be aware </title>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="imgs\protego-favicon.png">
</head>
<body class="font-Poppins bg-[#0F172A] overflow-x-hidden">
<Header class="bg-gray-900 p-3">
<div class="flex justify-between items-center">
<div class="flex-shrink-0">
<img class="h-8 ml-4" src="./imgs/logo-protego.png" alt="Logo">
</div>
<div class="block lg:hidden" id="bars">
<button id="menu-toggle" class="text-gray-300 focus:outline-none">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 fill-current" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>
</button>
</div>
<div class="lg:flex lg:justify-center lg:items-center hidden flex-grow">
<a href="./index.html" class="text-gray-300 hover:bg-gray-700 px-4 py-2 rounded-md text-sm font-Poppins">Home</a>
<a href="#" class="text-gray-300 hover:bg-gray-700 px-4 py-2 rounded-md text-sm ffont-Poppins">Documentation</a>
<a href="./about.html" class="text-gray-300 hover:bg-gray-700 px-4 py-2 rounded-md text-sm font-Poppins">About Us</a>
<a href="./contact.html" class="text-gray-300 hover:bg-gray-700 block px-4 py-2 rounded-md text-base font-Poppins">Contact</a>
</div>
<div class=" ml-auto flex items-center mr-20">
<a href="https://github.com/saibadev"><svg xmlns="http://www.w3.org/2000/svg" class="hover:bg-gray-700 w-6 h-6 mr-4 " fill="white" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg> </a>
<a href="https://discord.gg/VHza4MhU"><svg xmlns="http://www.w3.org/2000/svg" class="hover:bg-gray-700 w-6 h-6" fill="white" viewBox="0 0 640 512"><path d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"/></svg></a>
</div>
</div>
<div class="hidden lg:hidden" id="mobile-menu">
<div class="px-2 pt-2 pb-3 space-y-1">
<a href="./index.html" class="text-gray-300 hover:bg-gray-700 block px-3 py-2 rounded-md text-base font-Poppins">Home</a>
<a href="#" class="text-gray-300 hover:bg-gray-700 block px-3 py-2 rounded-md text-base font-Poppins">Documentation</a>
<a href="./about.html" class="text-gray-300 hover:bg-gray-700 block px-3 py-2 rounded-md text-base font-Poppins">About Us</a>
<a href="./contact.html" class="text-gray-300 hover:bg-gray-700 block px-3 py-2 rounded-md text-base font-Poppins">Contact</a>
</div>
</div>
</Header>
<!-- Common sign ng scam-->
<section>
<h2 class="text-center text-5xl font-bold font-Poppins mt-10 mb-10">Steps you can take to protect yourself</h2>
<div class="flex items-center justify-center container mx-auto mb-1">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
<!-- card -->
<div class="card ">
<div class="p-5 flex flex-col">
<div class="rounded-xl overflow-hidden">
<img src="imgs/scam7.png" alt="protego">
</div>
<h5 class="text-xl md:text-3x font-medium mt-3"><span class="text-red-600 font-bold text-2xl">STOP -</span> Don't give financial or personal information to anyone if unsure. </h5>
<p class="y text-sm mt-3">Scammers will offer to help you or ask you to verify who you are. They will pretend to be from organizations you and trust.</p>
</div>
</div>
<!-- card -->
<div class="card ">
<div class="p-5 flex flex-col">
<div class="rounded-xl overflow-hidden">
<img src="imgs/scam8.png" alt="DICT interview">
</div>
<h5 class="text-xl md:text-3x font-medium mt-3"><span class="text-red-600 font-bold text-2xl">THINK -</span> Ask yourself could the message,website or call be fake? </h5>
<p class=" text-sm mt-3">Avoid clicking links in messages. Instead, reach out to businesses or government agencies using contact details provided on their official website or secure applications. If uncertain, decline, close, or delete the message.
</p>
</div>
</div>
<!-- card -->
<div class="card ">
<div class="p-5 flex flex-col">
<div class="rounded-xl overflow-hidden">
<img src="imgs/scam9.png" alt="protego">
</div>
<h5 class="text-xl md:text-3x font-medium mt-3"><span class="text-red-600 font-bold text-2xl">PROTECT -</span> Use anti scam and fraud software to safeguard your finacial and personal information. </h5>
<p class=" text-sm mt-3">Use anti-scam and fraud prevention software to safeguard your personal and financial information from various attacks.</p>
</div>
</div>
</div>
</div>
</section>
</body>