-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.php
More file actions
130 lines (127 loc) · 6.24 KB
/
index.php
File metadata and controls
130 lines (127 loc) · 6.24 KB
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
<!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="css/main.css">
<link rel="icon" href="images/logo.ico">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>FreeKey 2.0</title>
</head>
<body>
<header>
<div class="logo"><img src="images/logo.png" alt="Logo">
<p class="text-small">Noisy.io</p>
</div>
<nav class="top-nav">
<div class="links">
<a href="#home">home</a>
<a href="#feature">features</a>
<a href="#">pricing</a>
<a href="terms.html">terms</a>
</div>
<div class="sign-in">
<a href="./Pages/login.php" class="login-btn">
<span></span>
<span></span>
<span></span>
<span></span>
sign in | <i class="fa fa-sign-in" aria-hidden="true"></i>
</a>
</div>
</nav>
</header>
<main>
<!-- INTRO SECTION STARTS -->
<div id="home"></div>
<section id="intro">
<div class="description">
<!-- optional: documentation add in future-->
<p class="text-extra-large">Authentication system for .NET</p>
<p class="text-small">Best sites for secure connection ,Very secure authentication system, free and easy
to integrate into your applications, created by programmers for programmers.</p>
<div class="sign-in">
<a href="#" class="login-btn">
<span></span>
<span></span>
<span></span>
<span></span>
get started
</a>
</div>
</div>
<div class="intro-img">
<img src="images/main.png" alt="">
</div>
</section>
<!-- INTRO SECTION ENDS -->
<!-- ---------------------- -->
<!-- FEATURE SECTION STARTS -->
<p class="text-large" style="margin: 80px; font-size: 2rem; font-weight: 500;" id="feature">
FEATURES</p>
<section class="features">
<div class="grid-sections">
<img src="images/user-lock.png">
<p class="feature-title text-large">Secure</p>
<p class="feature-description text-small">We work hard to make our system as secure as possible and keep
your
product out of the hands of hackers.</p>
</div>
<div class="grid-sections">
<img src="images/saving.png">
<p class="feature-title text-large">Affordable</p>
<p class="feature-description text-small">Although we do everything for you, you still have full
control, you can create, delete, edit variables, users and much more in one click from the control
panel.</p>
</div>
<div class="grid-sections">
<img src="images/setting.png">
<p class="feature-title text-large">Easy to integrate</p>
<p class="feature-description text-small">It will take you less than 2 minutes to integrate our system
to your program and be able to manage your licenses, easy, don't you think?</p>
</div>
<div class="grid-sections">
<img src="images/cloud.png">
<p class="feature-title text-large">Cloud SED</p>
<p class="feature-description text-small">Your data and your clients data are very well stored in our
servers, encrypted and safely stored to keep it away from possible hackers.</p>
</div>
<div class="grid-sections">
<img src="images/rocket.png">
<p class="feature-title text-large">High level security</p>
<p class="feature-description text-small">Client-server communication is always kept military-grade
encrypted and client-side checksum, making it impossible for potential attackers to bypass login.
</p>
</div>
<div class="grid-sections">
<img src="images/key.png">
<p class="feature-title text-large">API RESTful</p>
<p class="feature-description text-small">We have multiple APIs so you can control your application from
outside the panel in a safe and simple way, documentation: </p>
</div>
</section>
<p class="text-large" style="margin: 80px; font-size: 2rem; font-weight: 500;">
TALK TO US</p>
<section class="talk-to-us">
<p class="text-extra-large">Suggestions or Help</p>
<p class="text-small">If you have any suggestions or need help?, you can send us a message from</p>
<a href="#" class="text-small">here on
discord!</a>
</section>
</main>
<footer>
<p class="company-name text-large">©NOISY.io</p>
<div class="links">
<a href="#"><img src="images/discord.png" alt=""></a>
<a href="#"><img src="images/email.png" alt=""></a>
</div>
</footer>
<script type="text/javascript">
window.addEventListener("scroll", function() {
var header = document.querySelector("header");
header.classList.toggle("sticky", window.scrollY > 0);
})
</script>
</body>
</html>