-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
224 lines (221 loc) · 12.5 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
<!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="shortcut icon" href="./assets/images/logo.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css"
integrity="sha512-1sCRPdkRXhBV2PBLUdRb4tMg1w2YPf37qatUFeS7zlBy7jJI8Lf4VHwWfZZfpXtYSLy85pkm9GaYVYMfw5BC1A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./assets/css/style.css">
<link href='https://fonts.googleapis.com/css?family=Rubik' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Varela Round' rel='stylesheet'>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
<title>Linux Diary 3.0</title>
</head>
<body>
<div class="wrapper">
<div class="container">
<div class="heading">
<img class="logo" src="./assets/images/logo.png">
<div id="main-title">
<label class="title">Walchand Linux Users' Group</label>
</div>
</div>
<label class="heading-main">LinuxDiary 3.0</label>
<p class="description">
We are here with the series of LINUX DIARY 3.0 . To learn about Linux including various Linux commands, files, processes and much more.
<br/>
<br/>
<b>Join us to explore and experience the world of LINUX!</b>
</p>
<a href="https://linux-diary.wcewlug.org/wargames/" target="_blank"><button class="btn-register">Play wargames<i id="register-icon" class="fa fa-play btn-icon"></i></button></a>
<!-- <p class="registration-closed">Registrations are temporarily closed!</p> -->
<img src="./assets/images/photo.jpg" class="rounded img-fluid" alt="photo.jpg" id="group-photo">
<div class="video-wrapper">
<video controls autoplay>
<source src="./assets/videos/Linux Diary 3.0.mp4" type="video/mp4">
</video>
</div>
<h1 id="prize_head">PRIZES</h1>
<p id="prize_description">Do participate to win the following prizes!</p>
<div class="container-fluid" >
<div class="row">
<div class="col-xxl-4 col-lg-4 col-md-4 col-sm-12" id="prize-2">
<div class="card mb-3">
<img src="./assets/images/prizes/trophy.png" class="card-img-top" alt="trophy">
<div class="card-body">
<h2 class="card-title" id="prize_title">Exciting Swags</h2>
</div>
</div>
</div>
<div class="col-xxl-4 col-lg-4 col-md-4 col-sm-12" id="prize-1">
<div class="card mb-3">
<img src="./assets/images/prizes/github.png" class="card-img-top" alt="github">
<div class="card-body">
<h2 class="card-title" id="prize_title">Interesting <br/> Merchandise</h2>
</div>
</div>
</div>
<div class="col-xxl-4 col-lg-4 col-md-4 col-sm-12" id="prize-3">
<div class="card mb-3">
<img src="./assets/images/prizes/coin.png" class="card-img-top" alt="coin">
<div class="card-body">
<h2 class="card-title" id="prize_title">Cash Prizes</h2>
</div>
</div>
</div>
</div>
</div>
<h1 id="session_head">SESSIONS ROADMAP</h1>
<div class="row" id="session_all-1">
<div class="col-xxl-3 col-lg-3 col-md-3 col-sm-4" id="left-body_session-1">
<img src="./assets/icons/telegram.png" alt="telegram" id="telegram_img"/>
</div>
<div class="col-xxl-9 col-lg-9 col-md-9 col-sm-8" id="right-body_session-1">
<h2 id="session-name-1">
Build your Base
</h2>
<p id="session-info-1">
Scared of being an absolute beginner in linux? Don't worry, we will start the event with this beginner-friendly session. It will cover all the basic concepts of Open-Source and Linux, along with real-life applications.
</p>
<p id="session-number-1">Session-1</p>
</div>
</div>
<div class="row" id="session_all-2">
<div class="col-xxl-8 col-lg-8 col-md-8 col-sm-8" id="left-body_session-2">
<h2 id="session-name-2">
Level up to Linux
</h2>
<p id="session-info-2">
After building the base strong, we will explore Linux in detail. You will learn about all the fundamental commands, the booting procedure, text editors, various processes and their management.
</p>
<br/>
<p id="session-number-2">Session-2</p>
</div>
<div class="col-xxl-4 col-lg-4 col-md-4 col-sm-4" id="right-body_session-2">
<img src="./assets/icons/reload.png" alt="reload" id="reload_img"/>
</div>
</div>
<div class="row" id="session_all-3">
<div class="col-xxl-4 col-lg-4 col-md-4 col-sm-12" id="left-body_session-3">
<img src="./assets/icons/eye.png" alt="eye" id="eye_img"/>
</div>
<div class="col-xxl-8 col-lg-8 col-md-8 col-sm-12" id="right-body_session-3">
<h2 id="session-name-3">
Everything is a File!
</h2>
<p id="session-info-3">
Surprised? Well, what you read is absolutely true. We'll move forward into this session to explore this more. It will take you through the file system in Linux, different groups, users, and commands related to their management.
</p>
<p id="session-number-3">Session-3</p>
</div>
</div>
<div class="row" id="session_all-4">
<div class="col-xxl-8 col-lg-8 col-md-8 col-sm-12" id="left-body_session-4">
<h2 id="session-name-4">
CLI makes Life Easier
</h2>
<p id="session-info-4">
Finally, we will take a look at what GUI is, how it differs from CLI, and the advantages of CLI over GUI. You will also get to know about advanced commands and networking commands.
</p>
<p id="session-number-4">Session-4</p>
</div>
<div class="col-xxl-4 col-lg-4 col-md-4 col-sm-12" id="right-body_session-2">
<img src="./assets/icons/thunderbolt.png" alt="thunderbolt" id="thunderbolt_img"/>
</div>
</div>
<div class="form" id="registration-form">
<h1>ANALYTICS</h1>
<br/>
<div class="container">
<div class="row">
<div class="col-xxl-8 col-lg-8 col-md-8 col-sm-12 box" id="left-side_form">
<div class="row g-1" id="successBox">
<p id="left-side_form-head">Insights of LinuxDiary 3.0</p>
<div class="row mt-3" id="first-insight">
<div class="col-md-8">
<p id="participants-text">150+ participants</p>
</div>
<div class="col-md-4">
<p id="participants-logo"><i class="fa-solid fa-handshake"></i></p>
</div>
</div>
<div class="row mt-3" id="first-insight">
<div class="col-md-4">
<p id="participants-logo"><i class="fa-solid fa-puzzle-piece"></i></p>
</div>
<div class="col-md-8">
<p id="participants-text">12 Wargames</p>
</div>
</div>
<div class="row mt-3" id="first-insight">
<div class="col-md-8">
<p id="participants-text">8+ hours content</p>
</div>
<div class="col-md-4">
<p id="participants-logo"><i class="fa-solid fa-hourglass-start"></i></p>
</div>
</div>
</div>
</div>
<div class="col-xxl-4 col-lg-4 col-md-4 col-sm-12 box" id="right-side_form" >
<p id="right-side_form-head">Or check out these resources</p>
<div className="right-side_form-content">
<div id="container-1">
<div className='left-content'><i id="discord" class="fa-brands fa-discord"></i></div>
<div className='right-content'>
<a href="https://discord.gg/DsHGSEwJ8d" id="discord_link" target="_blank"><p id="discord_text">Join our discord server!</p></a>
</div>
</div>
<div id="container-2">
<div className='left-content'><i id="blogs" class="fa-solid fa-book"></i></div>
<div className='right-content'>
<a href="https://www.wcewlug.org/blogs.php" id="blogs_link" target="_blank"><p id="blogs_text">Do read our blogs!</p></a>
</div>
</div>
</div>
<p id="event_info">If you want to know more about our events <i class="fa-regular fa-calendar-check"></i><br/> <a href="https://www.wcewlug.org/events.php" target="_blank" id="click_here"><b>Do Click Here!</b></a></p>
</div>
</div>
</div>
</div>
<div class="container-fluid" id="footer">
<div class="row">
<div class="d-flex flex-column col-xxl-4 col-lg-4 col-md-4 col-sm-12" id="footer_left-content">
<p id="stay_connected">Stay Connected!</p>
<div id="links">
<ul>
<li><a href="https://www.linkedin.com/company/wlug-club/" id="linkedin" target="_blank"><i class="fa-brands fa-linkedin"></i></a></li>
<li><a href="https://instagram.com/wcewlug?igshid=YmMyMTA2M2Y=" id="instagram" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://github.com/Walchand-Linux-Users-Group" id="github" target="_blank"><i class="fa-brands fa-github"></i></a></li>
<li><a href="https://mobile.twitter.com/wcewlug" id="twitter" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
</ul>
</div>
<p id="rights_reserved">© 2022 WCEWLUG, ALL RIGHTS RESERVED</p>
</div>
<div class="col-xxl-8 col-lg-8 col-md-8 col-sm-12" id="footer_right-content">
<ul class="top-content">
<li><a href="#" id="home">Home</a></li>
<li><a href="https://www.wcewlug.org/" id="about_us" target="_blank">About Us</a></li>
<li><a href="https://www.wcewlug.org/index.php#contact" id="contact" target="_blank">Contact</a></li>
</ul>
<div id="important-links-container">
<ul class="bottom-content">
<li><a href="https://wiki.wcewlug.org/policies/privacy-policy" id="privacy_link" target="_blank">Privacy Policy |</a></li>
<li><a href="https://wiki.wcewlug.org/policies/terms-and-conditions" id="terms_and_conditions" target="_blank">Terms and Conditions |</a></li>
<li><a href="https://wiki.wcewlug.org/policies/cancellation-refund-policy" id="refund_policy" target="_blank">Cancellation/Refund Policy</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="./assets/js/razorpay.js"></script>