-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (107 loc) · 5.01 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
<!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>ᑕᗩᑭTᑕᕼᗩ</title>
<!-- Fav icon -->
<link rel="icon" href="Images/icon.png" type="image/png">
<!-- CSS Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<!-- Font Family -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
<link href="https://fonts.googleapis.com/css2?family=Inspiration&display=swap" rel="stylesheet">
<!-- CSS e projektit -->
<link rel="stylesheet" href="Css/style1.css">
<!-- Ikona -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer">
</head>
<header>
<h1 class="logo">ᑕᗩᑭTᑕᕼᗩ</h1>
<nav>
<ul>
<li><a href= "index.html">ᑕᗩᑭTᑕᕼᗩ</a></li>
<li><a href="textbased.html">TE᙭T-ᗷᗩSEᗪ ᑕᗩᑭTᑕᕼᗩ</a></li>
<li><a href="imagebased.html">IᗰᗩGE-ᗷᗩSEᗪ ᑕᗩᑭTᑕᕼᗩ</a></li>
<li><a href="information.html">ᑕᗩᑭTᑕᕼᗩ'S HISTORY</a></li>
<li><a href="contacts.html">ᑕOᑎTᗩᑕT ᑌS</a></li>
</ul>
</nav>
</header>
<body>
<main>
<div class="description">
<h2>ᑕᗩᑭTᑕᕼᗩ</h2>
<p>CAPTCHA is a full form for "Completely Automated Public Turing Test to Distinguish Robots from People.“
CAPTCHAs typically involve challenges, such as typing distorted characters, selecting specific images, or solving puzzles,
to verify the user's identity and prevent automated bots from accessing or interacting with a website.
The goal is to ensure a higher level of security by distinguishing between human users and automated scripts.
</p>
<button><a href="contacts.html">WRITE A COMMENT</i></a></button>
</div>
<div class="icon">
<img src="Images/img10.png" style="width: 550px;; height:550px;"/>
</div>
</main>
<section>
<h3>ᑕᗩᑭTᑕᕼᗩ ᑕᗩTEGOᖇIES</h3>
<div class="Category">
<div class="Card">
<img src="Images/img11.png" style="width:250px; height:250px;"/>
<h5>TE᙭T-ᗷᗩSEᗪ ᑕᗩᑭTᑕᕼᗩ</h5>
<button><a href="information.html">CLICK FOR MORE</a></button>
</div>
<div class="Category">
<div class="Card">
<img src="Images/img12.png" style="width:250px; height:250px;"/>
<h5>IᗰᗩGE-ᗷᗩSEᗪ ᑕᗩᑭTᑕᕼᗩ</h5>
<button><a href="information.html">CLICK FOR MORE</a></button>
</div>
<div class="Category">
<div class="Card">
<img src="Images/img14.png" style="width:250px; height:250px;"/>
<h5>ᗩᑌᗪIO-ᗷᗩSEᗪ ᑕᗩᑭTᑕᕼᗩ</h5>
<button><a href="information.html">CLICK FOR MORE</a></button>
</div>
<div class="Category">
<div class="Card">
<img src="Images/img13.png" style="width: 250px;; height:250px;"/>
<h5>ᐯIᗪEO-ᗷᗩSEᗪ ᑕᗩᑭTᑕᕼᗩ</h5>
<button><a href="information.html">CLICK FOR MORE</a></button>
</div>
<div class="Category">
<div class="Card">
<img src="Images/img16.png" style="width: 250px;; height:250px;"/>
<h5>ᑭᑌᘔᘔᒪE-ᗷᗩSEᗪ ᑕᗩᑭTᑕᕼᗩ</h5>
<button><a href="information.html">CLICK FOR MORE</a></button>
</div>
</div>
</section>
<!--Knowledge Calculator-->
<div class="containerSM">
<div class="row">
<div class="headerSM">"How much you learned about CAPTCHA?" Calculator...</div>
<div class="col1L">
<label for="before"><b><i>Put a number to tell how much information you had about CAPTCHA.</i></b></label> <br>
<input type="number" id="before"> <br>
<br>
<label for="now"><b><i>How much % is your knowledge about CAPTCHA increased after visiting this website?</i></b></label> <br>
<input type="number" id="now"> <br>
<br>
<input type="submit" onclick="now()">
<p id="text_info">
<b><i>Your amount of information now is <b><span id="calculator">0</span> Units 💡</i></b>.
</div>
</div>
</div>
<footer>
<p> Thanks for visiting our website!</p>
</footer>
<!-- JS Bootstrap -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<!--JS e projektit-->
<script src="Javascript/script.js"></script>
</body>
</html>