-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtutorials.html
235 lines (225 loc) · 7.47 KB
/
tutorials.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=7,8,edge" />
<meta name="description" content="tWelcome to my coding corner! I'm Somnath Pan, and I'm excited to share my passion for programming with you through my handcrafted courses. From fundamentals to advanced topics, I'll guide you through interactive lessons, real-world examples, and hands-on exercises to help you master the skills you need to succeed. Join me on this coding journey and let's learn together!" />
<title>LEARN TO CODE WITH SOMNATH PAN</title>
<style>
.header {
background-color: #4600FF;
padding: 20px;
font-family: monospace;
width: 100vh;
color: white;
}
*{
margin: 0;
padding: 0;
box-sizing: border-box;
overflow-x:hidden;
}
.header{
background-color:#4600FF;
padding:20px;
font-family:monospace;
width:100vh;
color:white
}
.tutorials {
width:100vw;
display:flex;
flex-direction:row;
align-items:center;
margin-top:20px;
}
.card{
width:32.222%;
min-height:100px;
text-align:center;
border:1px solid black;
margin:5px;
padding:10px;
font-family:Courier;
transition:0.6s;
}
.card:hover{
box-shadow:5px 5px 2px #000;
}
img{
width:100%;
height:5%;
}
footer {
margin-top: 30px;
padding: 50px;
background: #75717F;
color: white;
text-align: center;
}
a {
text-decoration: none;
font-family: monospace;
}
.description {
padding:20px;
}
p{
margin:5px;
font-family:monospace;
}
.python{
justify-content:center;
}
</style>
</head>
<body>
<header class="header">
<p>digital dreamscapes - by somnath pan</p>
</header>
<h2 style="text-align: center; font-family: Courier;margin:10px;">CHECK OUT MY AWESOME COURSES</h2>
<p>Welcome to my coding corner! I'm Somnath Pan, and I'm excited to share my passion for programming with you through my handcrafted courses. From fundamentals to advanced topics, I'll guide you through interactive lessons, real-world examples, and hands-on exercises to help you master the skills you need to succeed. Join me on this coding journey and let's learn together!</p>
<h2 style="text-align: center; font-family: Courier;margin:10px;">FRONTEND COURSE</h2>
<section class="tutorials">
<article class="card">
<div class="image">
<img src="html.png" alt="">
</div>
<div class="tinfo">
<h2><a href="HTML-basics.html">HTML COURSE</a></h2>
</div>
</article>
<article class="card">
<div class="image">
<img src="css.png" alt="">
</div>
<div class="tinfo">
<h2><a href="CSS-basics.html">CSS COURSE</a></h2>
</div>
</article>
<article class="card">
<div class="image">
<img src="js.png" alt="">
</div>
<div class="tinfo">
<h2><a href="JS-basics.html">JS COURSE</a></h2>
</div>
</article>
</section>
<section class="description">
<p style="color:red">Warning: This course may cause excessive awesomeness,and irreversible geekiness.</p>
<p>Join me on a thrilling adventure through the wild world of frontend development! Together, we'll conquer the treacherous landscapes of HTML, CSS, and JavaScript, and emerge victorious with a arsenal of skills to build stunning websites and applications.
</p>
<p>
In this course, you'll learn the dark arts of:
</p>
<p>- HTML: The ancient language of structure and sanity
- CSS: The mystical realm of styling and layout
- JavaScript: The magical kingdom of interactivity and wonder
So, buckle up, Buttercup, and get ready to unleash your inner frontend master!"
</p>
</section>
<h2 style="text-align: center; font-family: Courier;margin:10px;">THE ULTIMATE PYTHON COURSE</h2>
<section class="tutorials python">
<article class="card">
<div class="image">
<img src="python.png" alt="">
</div>
<div class="tinfo">
<h2><a href="PYTHON-basics.html">PYTHON COURSE</a></h2>
</div>
</article>
<article class="card">
<div class="image">
<img src="python.png" alt="">
</div>
<div class="tinfo">
<h2><a href="PYTHON-basics.html">PYTHON COURSE-2</a></h2>
</div>
</article>
</section>
<p style="text-align:center">
<p style="color:red">Warning: This course may cause extreme productivity, spontaneous creativity, and irreversible geekiness.</p>
<p>Join me on a thrilling adventure through the mystical realm of Python programming! Together, we'll conquer the ancient arts of:</p>
<p>
- Variables and Data Types: The hidden temples of storing and manipulating data
</p>
<p>
- Control Structures: The magical gates of decision-making and repetition
</p>
<p>
- Functions: The mysterious portals of code reuse and modularity
</p>
<p>
- Data Structures: The enchanted forests of lists, dictionaries, and more
</p>
<p>
So, buckle up, Buttercup, and get ready to unleash your inner Python master! In this course, you'll learn the dark arts of Python programming and emerge victorious with a arsenal of skills to build stunning applications, crush data analysis, and automate tasks with ease.</p>
</p>
<h2 style="text-align: center; font-family: Courier;margin:10px;">THE PROGRAMMING FUNDAMENTALS COURSE</h2>
<section class="tutorials python">
<article class="card">
<div class="image">
<img src="programming.jpg" alt="PROGRAMMING-fundamentals.html">
</div>
<div class="tinfo">
<h2><a href="PROGRAMMING-fundamentals.html">CODE STARTER COURSE</a></h2>
</div>
</article>
</section>
<p style="text-align:center">
Darling learner, are you ready for a wild adventure?!
<br />
"Welcome to the Fundamental Coding Course: Where Magic Happens (and sometimes errors too)
<br>
In this fantastical journey, you'll discover the ancient secrets of programming, including:
<br>
- Variables: The mysterious boxes that hold secrets (aka data)
<br>
- Control Structures: The wizards that control the flow (if-else statements and loops)
<br>
- Functions: The magical reusable spells ( blocks of code)
<br>
- Data Types: The enchanted creatures that come in different shapes and sizes (strings, numbers, etc.)
<br>
By mastering these fundamental spells, you'll be able to:
<br>
- Make computers do your bidding (almost)
<br>
- Create mesmerizing programs that impress your friends
- Debug errors with the grace of a ninja
<br>
So, buckle up, Buttercup! This course is about to take you on a thrilling ride into the world of coding. Fasten your seatbelts, grab some snacks, and let's get this code party started!
</p>
<h2 style="font-family:Courier;text-align:center">OTHER COURSES</h2>
<section class="tutorials python">
<article class="card">
<div class="image">
<img src="C.png" alt="PROGRAMMING-fundamentals.html">
</div>
<div class="tinfo">
<h2><a href="C-basics.html">C COURSE</a></h2>
</div>
</article>
</section>
<section class="tutorials python">
<article class="card">
<div class="image">
<img src="js.png" alt="PROGRAMMING-fundamentals.html">
</div>
<div class="tinfo">
<h2><a href="JSDOM-basics.html">JS DOM COURSE</a></h2>
</div>
</article>
</section>
<footer>
<p>©somnath pan</p>
<p>all rights reserved</p>
<a href="tutorials.html">tutorials</a>
<a href="index.html">home</a>
<a href="codeditor.html">code</a>
<a href="DEBUGGING_STATION.html">debugging station</a>
</footer>
</body>
</html>