-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
308 lines (256 loc) · 13.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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
<!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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"/>
<script src="main.js" defer></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/>
<title>Home Page</title>
</head>
<link rel="stylesheet" href="mainpage.css">
<body>
<!-- =============================== NAVBAR ============================ -->
<nav>
<div class="container nav_container">
<a href="#"><b><h1> Secure Hub</h1> </b></a>
<ul class="nav_menu">
<li><a href="MAIN PAGE.html"><h4>Home</h4> </a></li>
<li><a href="index.html"><h4>About</h4></a></li>
<li><a href="demo3.html"><h4>Login</h4></a></li>
<li><a href="demo3.html"><h4>Sign up</h4></a></li>
<li><a href="useraccount.html"><h4>Account</h4></a></li>
</ul>
<button id="open-menu-btn"><i class="fa-solid fa-bars"></i></button>
<button id="close-menu-btn"><i class="fa-solid fa-xmark"></i></button>
</div>
</div>
</nav>
<!-- =============================== NAVBAR END ============================ -->
<!-- ================================== HEADER START ============================ -->
<header>
<div class="container header_container">
<div class="header_left">
<h1>Secure Hub</h1>
<p>Hello users! That sounds like a fantastic initiative. Web development is a vast and dynamic field, and there's always something new to learn and share.</p>
</div>
<div class="header_right">
<div class="header_right-img">
<img src="images/images__1___2_-removebg-preview.png" alt="">
</div>
</div>
</div>
</header>
<!-- ================================== HEADER END ============================ -->
<!-- ================================== CATEGORIES START ============================ -->
<!-- ================================== CATEGORIES END ============================ -->
<!-- ================================== COURSES START ============================ -->
<section class="courses">
<h2>Our popular Features</h2>
<div class="container courses__container">
<article class="course">
<div class="course__image">
<img src= >
</div>
<div class="course__info">
<h4>Secure Password Generation</h4>
<p>The ability to generate strong, complex passwords is a fundamental feature of any password management system. The system should be capable of creating random, lengthy, and unique passwords for each account. Strong passwords help defend against various password-related attacks, such as brute force or dictionary attacks.
</p>
</div>
</article>
<article class="course">
<div class="course__image">
<img src= >
</div>
<div class="course__info">
<h4>Encryption and Secure Storage</h4>
<p>Passwords are sensitive information, and their storage should be highly secure. A password management system should use strong encryption algorithms to protect user data. Additionally, the system should store passwords in an encrypted format, ensuring that even if the database is compromised, the actual passwords remain unreadable. End-to-end encryption between the user's device and the server is also crucial to safeguard against potential interception during transmission.
</p>
</div>
</article>
<article class="course">
<div class="course__image">
<img src=>
</div>
<div class="course__info">
<h4>Multi-Factor Authentication (MFA)</h4>
<p>Multi-factor authentication adds an extra layer of security by requiring users to provide more than one form of identification before accessing their accounts. This typically involves a combination of something the user knows (password), something the user has (a mobile device or token), or something the user is (biometrics). Integrating MFA into a password management system enhances security by making it more difficult for unauthorized individuals to gain access, even if they somehow obtain the user's password. -->
</p>
</div>
</article>
</div>
</section>
<!-- ================================== COURSES END ============================ -->
<!-- ================================== FAQS START ============================ -->
<section class="faqs">
<h2>Ways to avoid password theft</h2>
<div class="container faqs__container">
<article class="faq">
<div class="faq__icon">
<i class="fa-solid fa-plus"></i>
</div>
<div class="question__answer">
<h4>Use Multi-Factor Authentication</h4>
<p> Even the best passwords have limits.Multi-Factor Authentication adds another layer of protection in addition to your username and password. Generally, the additional factor is a token or a mobile phone app that you would use to confirm that you really are trying to log in. Learn more about MFA and how to turn it on for many popular websites at https://twofactorauth.org/.
</p>
</div>
</article>
<article class="faq">
<div class="faq__icon">
<i class="fa-solid fa-plus"></i>
</div>
<div class="question__answer">
<h4> Use different passwords for different accounts</h4>
<p> That way, if one account is compromised, at least the others won’t be at risk.</p>
</div>
</article>
<article class="faq">
<div class="faq__icon">
<i class="fa-solid fa-plus"></i>
</div>
<div class="question__answer">
<h4>Length trumps complexity</h4>
<p>The longer a password is, the better. Use at least 16 characters whenever possible.</p>
</div>
</article>
<article class="faq">
<div class="faq__icon">
<i class="fa-solid fa-plus"></i>
</div>
<div class="question__answer">
<h4> Complexity still counts</h4>
<p> To increase complexity, include upper and lower case letters, numbers, and special characters. A password should use at least 3 of these choices. To make the previous example more secure: “Bread & butter YUM!”</p>
</div>
</article>
<article class="faq">
<div class="faq__icon">
<i class="fa-solid fa-plus"></i>
</div>
<div class="question__answer">
<h4> Use a password manager </h4>
<p> Password management tools, or password vaults, are a great way to organize your passwords. They store your passwords securely, and many provide a way to back-up your passwords and synchronize them across multiple systems. Though the University does not recommend any one solution, here are some examples of free password managers*:
</p>
</div>
</article>
<article class="faq">
<div class="faq__icon">
<i class="fa-solid fa-plus"></i>
</div>
<div class="question__answer">
<h4>Passphrases with Special Characters </h4>
<p> Instead of using a traditional password, consider creating a passphrase by combining multiple words and incorporating special characters. This makes the password longer and more resilient against brute-force attacks.
Example: Sunset#Rainbow$Mountain!
</p>
</div>
</article>
<article class="faq">
<div class="faq__icon">
<i class="fa-solid fa-plus"></i>
</div>
<div class="question__answer">
<h4>Keyboard Patterns</h4>
<p> Instead of using a sequential combination of characters, create a password based on patterns on the keyboard. This makes it more challenging for attackers to guess.
Example: qazXSW@1</p>
</div>
</article>
<article class="faq">
<div class="faq__icon">
<i class="fa-solid fa-plus"></i>
</div>
<div class="question__answer">
<h4> Sentence-Based Passwords</h4>
<p> Construct a password using the first letter of each word in a memorable sentence or phrase. This can create a strong and unique password.
Example: IL0ve2R3adB00ks!</p>
</div>
</article>
<article class="faq">
<div class="faq__icon">
<i class="fa-solid fa-plus"></i>
</div>
<div class="question__answer">
<h4>
Time-Based Passwords</h4>
<p> Generate passwords that are only valid for a specific duration of time. This can be achieved through time-based one-time passwords (TOTPs) that change periodically.
</p>
</div>
</article>
<article class="faq">
<div class="faq__icon">
<i class="fa-solid fa-plus"></i>
</div>
<div class="question__answer">
<h4>Mnemonic Passwords</h4>
<p>Create passwords based on memorable mnemonics or acronyms. This technique can help in recalling complex passwords.
Example: G!r@ffesL!ke2cl!mb!Trees</p>
</div>
</article>
</div>
</section>
<!-- ================================== FAQS END ============================ -->
<!-- ================================== Testmonials START ============================ -->
<!-- ================================== Testmonials END ============================ -->
<!-- ================================== Footer Start ============================ -->
<footer class="footer">
<div class="container footer__container">
<div class="footer__1">
<a href="index.html" class="footer__logo">
<h4></h4>
</a>
<p>
For any queries and issues related to the website kindly use this infos to reach us any time
</p>
</div>
<div class="footer__2">
<h4>Permalinks</h4>
<ul class="permalink">
<li><a href="./index.html">Home</a></li>
<li><a href="#About">About</a></li>
<li><a href="#courses"></a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="footer__3">
<h4>Privacy</h4>
<ul class="privacy">
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
<div class="footer__4">
<h4>Contact us</h4>
<div>
<p>+91 8076590727</p>
<p>[email protected]</p>
</div>
<ul class="footer__socials">
<li><a href=""><i class="fa-brands fa-facebook"></i></a></li>
<li><a href=""><i class="fa-brands fa-instagram"></i></a></li>
<li><a href=""><i class="fa-brands fa-linkedin"></i></a></li>
<li><a href=""><i class="fa-brands fa-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="footer__copyright">
<small>Copyright © Secure Hub</small>
</div>
</footer>
<!-- ================================== Footer Start ============================ -->
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script>
var swiper = new Swiper(".mySwiper",{
slidesPerView: 1,
spaceBetween: 30,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
//when Window is >= 600px
breakpoints: {
600: {
slidesPerView: 2,
}
}
});
</script>
</body>
</html>