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
<!--
Reference from
https://www.guru99.com/become-a-software-engineer.html
-->
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div class="marquee">
<p>😁 Follow <a href="https://www.sololearn.com/Profile/7920723/?ref=app">me</a> and <a href="https://www.sololearn.com/Profile/13348676/?ref=app">Varinder Singh</a> to get new usefulllll updates ! 😁</p>
</div>
<button class="collapsible collapsible1">What is Software Engineering?</button>
<div class="content">
<p>Software engineering is a process of analyzing user requirements and then designing, building, and testing software application which will satisfy those requirements. </p>
</div>
<button class="collapsible collapsible1">What Does A Software Engineer Do?</button>
<div class="content">
<p>Here, are important roles played by software engineer:</p>
<ul>
<li>He or she should be a good programmer and should be well-versed in data structures and algorithms.</li>
<li>Should be fluent in more than one programming language.</li>
Enter to Rename, Shift+Enter to Preview
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;
}
.goog-te-gadget {
Enter to Rename, Shift+Enter to Preview
js
js
1
alert ("Designed by Varinder Singh. Thanks !");
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run