-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
302 lines (231 loc) · 10.7 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
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
<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="style.css">
<title>funCode -Easy & New way to Learn code with fun </title>
<link rel="icon" href="./images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<!--SEO content -->
<meta name="description" content="It is webdevelopment tutorial html , css , javascript . Easy & New way to Learn with fun.funCode is the best platform to help you enhance your skills, expand your knowledge and prepare for
school & college exams">
<meta name="keywords" content="funCode,easyway tutorial ,Frontend Developer, Rankush tutorial, code with fun,
">
<meta name="author" content="rankdeveloper">
<meta name="creator" content="rankcoder">
<meta name="owner" content="Rankush">
<meta name="copyright" content="Rankush">
<meta name="robots" content="index,follow">
</head>
<body oncontextmenu="">
<header>
<div class="brand"><img src="./images/logo.png" alt="Logo"></div>
<nav>
<div class="search-box" style="margin-right: 30px;">
<input type="text" placeholder="Type to search..">
<div class="search-icon">
<i class="fas fa-search"></i>
</div>
<div class="cancel-icon">
<i class="fas fa-times"></i>
</div>
</div>
<div class="search-data" style="color:white;">
</div>
<ul>
<li><a href="./html/index.html" target="_blank">HTML</a></li>
<li><a href="./css/index.html" target="_blank">CSS</a></li>
<li><a href="./js/index.html" target="_blank">JavaScript</a></li>
<li><a href="./sql_tutorial/index.html" target="_blank">SQL</a></li>
<li><a href="./pl_sql/index.html">PL/SQL</a></li>
<li><a href="./java/index.html">Java</a></li>
</ul>
</nav>
<div id="hamburger-icon" onclick="toggleMobileMenu(this)">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
<ul class="mobile-menu">
<li><a href="./html/index.html">HTML</a></li>
<li><a href="./css/index.html">CSS</a></li>
<li><a href="./js/index.html">JavaScript</a></li>
<li><a href="./sql_tutorial/index.html">SQL</a></li>
<li><a href="./pl_sql/index.html">PL/SQL</a></li>
<li><a href="./java/index.html">Java</a></li>
</ul>
</div>
</header>
<div class="info">
<div class="info-inner">
<div class="img">
<img src="./images/img1.jpg">
</div>
<div class="text">
<h2>Easy & New way to Learn with fun</h2>
<p>funCode is the best platform to help you enhance your skills, expand your knowledge and prepare for
school & college exams</p>
<button><a style="text-decoration:none; color:white;" href="https://github.com/rankdeveloper"
target="_blank">Explore</a></button>
</div>
</div>
</div>
<!-- why code -->
<div class="whyCode">
<h1>Why <span>Code ?</span></h1>
<div class="whyCode-inner">
<div class="card">
<div class="img">
<img src="./images/home-why-code-1.svg" alt="whyCode1">
</div>
<div class="content">
<h2>It’s popular</h2>
<p><strong>Technical skills are in high demand.</strong>
Over 60% of new jobs worldwide will require tech skills.</p>
</div>
</div>
<div class="card">
<div class="img">
<img src="./images/home-why-code-2.svg" alt="whyCode2">
</div>
<div class="content">
<h2>It's promising</h2>
<p>Unlock your earning potential! Entry-level programmers
in the U.S. earn on <strong>average over $78,000 in salary.</strong></p>
</div>
</div>
<div class="card">
<div class="img">
<img src="./images/home-why-code-3.svg" alt="whyCode3">
</div>
<div class="content">
<h2>It’s fun</h2>
<p>Imagine combining your passion and skill
with your creativity, and <strong>making something new everyday!</strong></p>
</div>
</div>
</div>
<div class="whyCode-description">
<p>Start right here on funCode by coding with our website
and make your future better</p>
</div>
<div class="learn-button">
<button><a href="./html/index.html" target="_blank">Start learning</a></button>
</div>
</div>
</div>
<!-- courses start -->
<div class="courses" id="explore">
<h1>What <span>you will learn</span></h1>
<div class="courses-inner">
<!-- course 1 -->
<div class="course">
<div class="course-text">
<h2>HTML</h2>
<p>HTML is a Hyper Text Markup Language . With HTML you can create own website. It is very easy to
learn.<br>Learn the basic structure of a webpage and discover how you can help a web browser understand your content</p>
<button><a href="./html/index.html" target="_blank">Learn HTML</a></button>
</div>
<div class="course-img">
<img src="./images/html.png" alt="HTML">
</div>
</div>
<!-- course 1 end -->
<!-- course 2 -->
<div class="course">
<div class="course-img">
<img src="./images/css.png" alt="css">
</div>
<div class="course-text">
<h2>CSS</h2>
<p>CSS is the language we use to style an HTML document. CSS describes how HTML elements should be
displayed.Style your web pages with CSS to create visually appealing and responsive designs</p>
<button><a href="./css/index.html" target="_blank">Learn CSS</a></button>
</div>
</div>
<!-- course 2 end -->
<!-- course 3 -->
<div class="course">
<div class="course-text">
<h2>JavaScript</h2>
<p>JavaScript is a Programming language of the Web.Javascript is used by programmers across the
world to create dynamic and interactive web content
like applications and browsers.</p>
<button><a href="./js/index.html" target="_blank">Learn JS</a></button>
</div>
<div class="course-img">
<img src="./images/js.png" alt="js">
</div>
</div>
<!-- course 3 end -->
<!-- course 4 -->
<div class="course">
<div class="course-img">
<img src="./images/sql.jpg" alt="sql">
</div>
<div class="course-text">
<h2>SQL</h2>
<p>SQL (Structured Query Language) is a computer-based structured, formatted database language
designed for managing data in Relational Database Management Systems (RDBMS).</p>
<button><a href="./sql_tutorial/index.html" target="_blank">Learn SQL</a></button>
</div>
</div>
<!-- course 4 end -->
<!-- course 5 -->
<div class="course">
<div class="course-text">
<h2>pl/sql</h2>
<p>PL/SQL is a procedural language designed specifically to embrace SQL statements within its
syntax. PL/SQL program units are compiled by the Oracle Database server and stored inside the
database.</p>
<button><a href="./pl_sql/index.html" target="_blank">Learn PL/SQL</a></button>
</div>
<div class="course-img">
<img src="./images/pl_sql.jpg" alt="pl/sql">
</div>
</div>
<!-- course 5 end -->
<!-- course 6 -->
<div class="course">
<div class="course-img">
<img src="./images/java_logo.png" style="width:200px;" alt="java">
</div>
<div class="course-text">
<h2>Java</h2>
<p>Java is popular, fast, secure, and reliable — and it’s used on over 5.5 billion devices worldwide! It’s used for developing applications for computers, laptops, data centres, games consoles, cell phones and more.</p>
<button><a href="./java/index.html" target="_blank">Learn Java</a></button>
</div>
</div>
<!-- course 6 end -->
</div>
</div>
<!-- courses end -->
<!-- buy pdf -->
<div class="buy">
<div class="buy-inner">
<h2><span class="smile">☺</span>BUY PRO LEVEL PDF / NOTES<span class="smile">☺</span></h2>
<div class="btn">
<a href="">BUY NOW</a>
</div>
</div>
</div>
<!-- buy pdf end -->
<!-- footer -->
<div class="footer">
<div class="footer-inner">
<div class="owner">
<h4> Designed & Coded by <a href="https://github.com/rankdeveloper">Rankush</a></h4>
</div>
<div class="social-links">
<a href="https://www.instagram.com" target="_blank"> <img src="images/insta.jpg"></a>
<a href="https://www.linkedin.com/in/rankush-280430200/" target="_blank"><img
src="images/linkdlin.png"></a>
<a href="https://github.com/" target="_blank"><img src="images/github.png"></a>
<a href="mailto:[email protected]" target="_blank"><img src="images/email.png"></a>
</div>
</div>
<!-- footer end -->
<script src="index.js"></script>
</body>
</html>
<!-- coded by Rankush -->