forked from Team-1nf1n1ty/Team-1nf1n1ty.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
202 lines (176 loc) · 10.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Home | 1nf1n1ty</title>
<meta charset="utf-8">
<link rel="stylesheet" href="index.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400&family=Open+Sans&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/c4c2b2cd81.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<link rel="stylesheet" href="dote.css">
<meta name="title" content="Team 1nf1n1ty Home">
<meta property="og:image" content="https://team-1nf1n1ty.github.io/1nf1n1ty.png" />
<meta name="description" content="The official website for SASTRA cyber security club, 1nf1n1ty">
<meta name="keywords" content="1nf1n1ty,website,cyber,security,ctf,sastra,club">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="author" content="dote, n1tr0">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<header id="header" style="background-color: #02030A;">
<div class="container-fluid">
<nav class="navbar navbar-expand-md navbar-dark" id="navbar_top">
<div class="container-fluid">
<a class="navbar-brand" href="#"> <img src="1nf1n1ty.png" class="brand-img" alt=" " style="width: 120px;" /></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon" style="color:white;font-size:20px"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
<nav class="stroke">
<ul class="navbar-nav">
<li class="nav-item" style="color: #d8392b;">
<a class="nav-link" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="./blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./members.html">Members</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about-us">About us</a>
</li>
</ul>
</nav>
</div>
</div>
</nav>
</div>
</header>
<div class="p-5 mb-4 bg-light hero-1">
<div class="container-fluid py-5">
<h1 class="display-5 fw-bold fs-1" style="font-size: 80px !important;">Team <span style="background-color: #d8392b">1nf1n1ty</span></h1>
<p class="col-md-8 fs-2">Welcome to Team 1nf1n1ty, the cyber security club of SASTRA</p>
<a href="#about-us"><button class="btn btn-danger btn-lg" type="button">Learn more</button></a>
<a href="https://discord.gg/hSEbqhNdAa" target="_blank">
<button type="button" class="btn btn-outline-light" style="font-size: 22px;">
Join our discord <i class="fa fa-external-link" aria-hidden="true"></i>
</button>
</a>
</div>
</div>
<div class="container py-4 landing-section" id="about-us">
<div class="p-5 mb-4 bg-light rounded-3">
<div class="container-fluid py-5">
<div class="row">
<div class="col-lg-8">
<h1 class="display-5 fw-bold" style="font-family: 'Open Sans', sans-serif;">Who we are</h1>
<p class="col-md-8 fs-4" style="font-family: 'Montserrat', sans-serif;font-size:12px;">
We, <b style="color: #d8392b;">Team 1nf1n1ty</b>, are the official cyber security club of <b>SASTRA Deemed to be University</b>.
<br> <br> We strive to work in research and innovation in the field of cyber security as well as in teaching, scientific dissemination, and knowledge transfer to society
</p>
</div>
<div class="col-lg-4 d-none d-lg-block">
<img src="./about-pic-1.png" class="rounded" alt="CyberSecurity Repr">
</div>
</div>
</div>
</div>
<div class="p-5 mb-4 bg-light rounded-3">
<div class="container-fluid py-5">
<div class="row">
<div class="col-lg-6">
<img src="./ctf-about-us.png" class="rounded" alt="CyberSecurity CTF" width="400px">
</div>
<div class="col-lg-6">
<h1 class="display-5 fw-bold" style="font-family: 'Open Sans', sans-serif;">What we do</h1>
<p class="fs-4" style="font-family: 'Montserrat', sans-serif;font-size:10px;">
<b style="color: #d8392b;">Team 1nf1n1ty</b> concentrates on playing Capture the flag- CTFs.
<br> As per <b>CTFtime.org</b>, <i style="color: #d8392b;">Team 1nf1n1ty</i> currently <b>ranks 29 in India</b>.
<br><br>
<i style="color: #d8392b;">Team 1nf1n1ty</i> is proficient in all the domains in CTF which makes the team rapidly grow. We also post writeups that help the CTF community as well as beginners who are passionate about cyber security.
</p>
</div>
</div>
</div>
</div>
<div class="row align-items-md-stretch">
<div class="col-md-6">
<div class="h-100 p-5 text-white bg-dark rounded-3">
<h2><b>Core Team</b></h2>
<p>
The Core Team will be involved in a lot of intensive cyber security activities and is responsible for maintaining and managing the team. The Core Team is filled with those with experience in various domains, and are passionate twoards cyber security,
who are also involved in doing research projects.
</p>
<a href="./members.html"><button class="btn btn-outline-danger " type="button">Core Team Members</button></a>
</div>
</div>
<div class="col-md-6">
<div class="h-100 p-5 bg-light border rounded-3">
<h2><b>General Team</b></h2>
<p>
The General Team will be exposed to a wide range of domains in Cyber Security. The General Team have the option to explore and pick their domain as per liking. <br> General Team is a great place to learn, practice and make your
first steps in cyber security.
</p>
<a href="javascript:void(registerForGeneral())"><button class="btn btn-outline-secondary" type="button">Join the General Team</button></a>
</div>
</div>
</div>
</div>
<div aria-live="polite" aria-atomic="true" class="bg-dark">
<div class="toast-container position-fixed p-3 bottom-0 end-0" id="toastPlacement" style="z-index: 9999;">
<div class="toast bg-danger text-white" id="inf-toast">
<div class="toast-header">
<strong class="me-auto">1nf1n1ty</strong>
<small>Just now</small>
</div>
<div class="toast-body">
Sorry, the registrations are now closed for General Team.
</div>
</div>
</div>
</div>
<script>
function registerForGeneral() {
var toast = new bootstrap.Toast($("#inf-toast")[0]);
toast.show();
}
</script>
<footer>
<div class="container">
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
<div class="col-md-4 d-flex align-items-center">
<span class="text-muted">© 2021 Team 1nf1n1ty</span>
</div>
<ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
<li class="ms-2"><a class="text-muted" href="https://www.instagram.com/team_1nf1n1ty/"><i class="fab fa-instagram"></i></a></li>
<li class="ms-2"><a class="text-muted" href="https://discord.gg/hSEbqhNdAa"><i class="fab fa-discord"></i></a></li>
</ul>
</footer>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
var stickyOffset = $('.landing-section').offset().top;
var check_scroll = function() {
var sticky = $('#navbar_top'),
scroll = $(window).scrollTop();
if (scroll >= stickyOffset) sticky.addClass('fixed-top');
else sticky.removeClass('fixed-top');
}
$(window).scroll(function() {
check_scroll();
});
check_scroll();
});
</script>
</body>
</html>