html
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
<!--
Resources taken from
https://simpleprogrammer.com/critical-programming-tips/
https://www.codingdojo.com/blog/7-tips-learn-programming-faster
-->
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<button class="collapsible">Tips to Learn Programming Faster</button>
<div class="content">
<p>If you have taken a call to grow your career in the information technology sector, knowledge of coding is essential. It is the most in-demand skill in the industry. Thus, the programming knowledge you gain and practice, in the beginning, is priceless.</p>
css
css
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
/* Created by 🇦🇯 and designed by Varinder Singh*/
body {
font-family:Times New Roman;
font-size:15pt;
background-color:lightblue;
}
.marquee {
color: red;
padding: 1px;
font-size: 18px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
overflow:auto;
overflow-style:marquee,panner;
}
.marquee p {
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}
.goog-logo-link {
display:none !important;
}
js
js
1
alert('Sorry for this long content but once you read it carefuly, you will think like a programmer !')
BROWSER
Console
Run