-
Notifications
You must be signed in to change notification settings - Fork 45
/
Copy pathindex.html
272 lines (237 loc) · 13.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>The Checklist</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link href="https://api.fontshare.com/v2/css?f[]=nunito@400&f[]=bebas-neue@400&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="dark-mode.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/js/all.min.js"
integrity="sha512-uKQ39gEGiyUJl4AI6L+ekBdGKpGw4xJ55+xyJG7YFlJokPNYegn9KwQ3P8A7aFQAUtUsAQHep+d/lrGqrbPIDQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<!-- Add the dark mode CSS file -->
</head>
<body>
<!-- dark mode, feature - added here because I was finding it difficult to search it in the entire codebase -->
<button class="dark-mode-toggle">
<i class="fas fa-sun"></i>
<i class="fas fa-moon"></i>
</button>
<!-- Loading Animation -->
<div class="loading-overlay">
<div class="loading-spinner"></div>
</div>
<nav>
<header>
<h1><a href="index.html" class="clicked-glow">The Checklist</a></h1>
</header>
<ul class="contact-contribute">
<li>
<a href="contact.html" class="clicked-glow contact">Contact Us</a>
</li>
<li>
<a href="Contribute.html" class="clicked-glow contribute">Contribute</a>
</li>
</ul>
<div class="ham-mob">
<i class="fa-solid fa-bars toggle-button"></i>
</div>
<div class="hamburger">
<div class="bar"><a href="contact.html" class="clicked-glow contact">Contact Us</a></div>
<div class="bar"><a href="Contribute.html" class="clicked-glow contribute">Contribute</a></div>
</div>
</nav>
<section class="quote">
<blockquote id="quoteContent">
"The only limit to our realization of tomorrow will be our doubts of
today."
</blockquote>
<cite id="quoteTitle">— Franklin D. Roosevelt</cite>
</section>
<main>
<div class="maincontainer">
<a href="C_Programming.html" class="cardcontainer link1" data-aos="slide-up">
<img src="/Logo/C_Logo.png" alt="C_Logo" class="img1">
<h1 class="heading1">C PROGRAMMING</h1>
<p class="para1">Meet C, the trailblazing programming language by Dennis Ritchie. Birthed in the '70s, C is a
powerhouse known for efficiency and low-level control.Dive into C's simplicity and unleash its potential as
you explore the building blocks of modern software development.</p>
<!-- <a href="C_Programming.html" class="link1"> -->
<button class="btn1">Click Here</button>
<!-- </a> -->
</a>
<a href="C++_Basics.html" class="cardcontainer" data-aos="slide-up">
<img src="/Logo/c--logo-icon-0.png" alt="C_Logo" class="img1">
<h1 class="heading1">C++ PROGRAMMING</h1>
<p class="para1">C++ is a versatile, object-oriented programming language. Developed as an extension of the C
language, it adds features like classes and objects, enabling efficient code organization and reuse. Widely
used in software development, C++ empowers developers with a robust toolset.It is useful for CP.</p>
<button class="btn1">Click Here</button>
</a>
<a href="python_Basics.html" class="cardcontainer" data-aos="slide-up">
<img src="/Logo/pngegg.png" alt="C_Logo" class="img1">
<h1 class="heading1">PYTHON BASICS</h1>
<p class="para1">Python, a high-level programming language, is celebrated for its readability and simplicity.
With a rich ecosystem of libraries and frameworks, Python is versatile, making it ideal for web development,
data analysis, artificial intelligence, and machine learning, Deep learning.</p>
<button class="btn1">Click Here</button>
</a>
<a href="OOP.html" class="cardcontainer" data-aos="slide-up">
<img src="/Logo/1200px-OOP.svg.png" alt="C_Logo" class="img1">
<h1 class="heading1">OBJECT ORIENTED PROGRAMMING [OOP]</h1>
<p class="para1">Object-Oriented Programming is a paradigm that organizes Objects represent real-world entities
and interact through defined interfaces,Encapsulation, inheritance, and polymorphism are key OOP principles,
enhancing code modularity and reusability.</p>
<button class="btn1">Click Here</button>
</a>
<a href="STL.html" class="cardcontainer" data-aos="slide-up">
<img src="/Logo/1lOZAtF1V7j9TeKjwbiv6UQ.jpg" alt="C_Logo" class="img1">
<h1 class="heading1">STANDARD TEMPLATE LIBRARY [STL]</h1>
<p class="para1">The Standard Template Library (STL) in C++ is a powerful set of template classes and functions.
It provides essential data structures, algorithms, and iterators, promoting code efficiency and reuse. Widely
used in C++ programming, STL enhances productivity by offering robust containers and algorithms, facilitating
rapid and reliable software development.It is useful in Competitive Programming and in many more.</p>
<button class="btn1">Click Here</button>
</a>
<a href="WebApp.html" class="cardcontainer" data-aos="slide-up">
<img src="./Logo/pngwing.com (1).png" alt="C_Logo" class="img1">
<h1 class="heading1">WEB APPLICATION FUNDAMENTALS</h1>
<p class="para1">Web technology encompasses a broad range of tools and protocols for creating, transmitting, and
displaying content on the internet. It includes HTML, CSS, and JavaScript for frontend development, while
backend technologies handle server-side processes. Web technology continually evolves, driving innovations
like APIs and frameworks, shaping the dynamic landscape of online experiences.</p>
<button class="btn1">Click Here</button>
</a>
<a href="algorithm.html" class="cardcontainer" data-aos="slide-up">
<img src="./Logo/design_algorithm_method_model_pr.png" alt="C_Logo" class="img1">
<h1 class="heading1">ALGORITHM DESIGN TECHNIQUES</h1>
<p class="para1">Algorithm design techniques involve crafting efficient, logical sequences to solve
computational problems. Divided into strategies like Divide and Conquer, Dynamic Programming, and Greedy
Algorithms, these techniques optimize solutions. Mastering these techniques empowers programmers to devise
scalable, resource-efficient algorithms, essential
for effective problem-solving.</p>
<button class="btn1">Click Here</button>
</a>
<a href="JavaBasic.html" class="cardcontainer" data-aos="slide-up">
<img src="./Logo/731_java.png" alt="C_Logo" class="img1">
<h1 class="heading1">JAVA BASICS</h1>
<p class="para1">Java, a versatile programming language, emphasizes portability and platform independence. Key
concepts include classes, objects,inheritance, and polymorphism. Java applications are run in a virtual
machine (JVM), enabling widespread deployment. The language's simplicity and versatility make it a fundamental
choice in software development.It has many frameworks useful for applications development.Java is class and
object based programming language.
</p>
<button class="btn1">Click Here</button>
</a>
<a href="linux.html" class="cardcontainer" data-aos="slide-up">
<img src="./Logo/linux_PNG1.png" alt="C_Logo" class="img1">
<h1 class="heading1">LINUX BASICS</h1>
<p class="para1">Linux, an open-source operating system, offers a robust, secure environment for computing. It
employs a multi-user, multitasking model and provides a command-line interface. Key components include the
kernel, shell, and file system. Linux supports a wide range of software applications, servers, and embedded
systems, fostering flexibility and customization in computing environments.</p>
<button class="btn1">Click Here</button>
</a>
<a href="golang.html" class="cardcontainer" data-aos="slide-up">
<img src="./Logo/png-clipart-go-computer-programm.png" alt="C_Logo" class="img1">
<h1 class="heading1">GOLANG BASICS</h1>
<p class="para1">Go, also known as Golang, is a statically typed, compiled programming language developed by
Google. It emphasizes simplicity, efficiency, and concurrency support. With a clean syntax and garbage
collection, Go facilitates rapid development. Its built-in concurrency primitives enable scalable and
efficient concurrent programming. Go is widely used in web development, cloud computing, and system
programming.</p>
<button class="btn1">Click Here</button>
</a>
<a href="JavaBasic.html" class="cardcontainer" data-aos="slide-up">
<img src="./Logo/pngwing.com (2).png" alt="C_Logo" class="img1">
<h1 class="heading1">FRONTEND PROJECTS</h1>
<p class="para1">Frontend technology focuses on the user interface and user experience of websites and
applications. Key components include HTML for structure, CSS for styling, and JavaScript for interactivity.
Modern frameworks like React, Angular, and Vue enhance frontend development, providing tools for building
responsive, dynamic, and engaging interfaces. Frontend technology plays a crucial role in shaping digital
interactions.</p>
<button class="btn1">Click Here</button>
</a>
<a href="Vector.html" class="cardcontainer" data-aos="slide-up">
<img src="./Logo/vector.jpeg" alt="C_Logo" class="img1">
<h1 class="heading1">VECTOR DATA STRUCTURE</h1>
<p class="para1">A vector is a dynamic data structure that stores elements in contiguous memory locations,
allowing efficient random access. It automatically adjusts its size to accommodate elements, making it
versatile for dynamic collections. Vectors provide constant-time access to elements and support various
operations, making them widely used in programming for their simplicity and performance. It dynamically
allocates memory, ensuring fast and direct access to elements, making it ideal for scenarios where size
changes frequently.
</p>
<button class="btn1">Click Here</button>
</a>
</div>
</main>
<!-- Footer Section -->
<footer>
<div class="footer-panel2">
<div class="navFooterlinkCol">
<div class="footerlinkcol">Get to Know Us</div>
<ul>
<li class="footlink-li"><a href="#"> About</a></li>
<li class="footlink-li"><a href="#">Careers</a></li>
<li class="footlink-li"><a href="#">Documentation</a></li>
<li class="footlink-li"><a href="#">Computer Science</a></li>
</ul>
</div>
<div class="navFooterlinkCol">
<div class="footerlinkcol">Connect with Us</div>
<ul>
<li class="footlink-li"><a href="#">Facebook</a></li>
<li class="footlink-li"><a href="#">Twitter</a></li>
<li class="footlink-li"><a href="#">Instagram</a></li>
</ul>
</div>
<div class="navFooterlinkCol">
<div class="footerlinkcol">Learn Subjects with Us</div>
<ul>
<li class="footlink-li"><a href="C_Programming.html">C Programming</a></li>
<li class="footlink-li"><a href="C++_Basics.html">C++ Basics</a></li>
<li class="footlink-li"><a href="python_Basics.html">Python Basics</a></li>
<li class="footlink-li"><a href="OOP.html">Object Oriented Programming</a></li>
<li class="footlink-li"><a href="STL.html">Standard Template Library</a></li>
<li class="footlink-li"><a href="WebApp.html">Web Application Fundamentals</a></li>
<li class="footlink-li"><a href="algorithm.html">Algorithm Design Techniques</a></li>
<li class="footlink-li"><a href="JavaBasic.html">Java Basics</a></li>
<li class="footlink-li"><a href="linux.html">Linux Basics</a></li>
<li class="footlink-li"><a href="golang.html">Golang Basics</a></li>
<li class="footlink-li"><a href="frontendProjects.html">Frontend Projects</a></li>
</ul>
</div>
</div>
<div class="footer-panel4">
<div class="pages">
<div class="copyright">
Copyright © <span id="year"></span>, Ujjwal Sharma All Rights Reserved
</div>
</div>
</div>
</footer>
<button onclick="f1()" class="to-top"><i class="fa-solid fa-circle-arrow-up fa-2x" style="color: unset;"></i></button>
<!-- End Footer section -->
<!-- Javascript -->
<script>
document.getElementById('year').innerHTML = new Date().getFullYear();
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="script.js"></script>
<script src="dark-mode.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
offset: 300, // offset (in px) from the original trigger point
duration: 1000,
});
</script>
</body>
</html>