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
<!-- Created by Harshita Kumari -->
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel = "stylesheet" href="skill.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
</head>
<body>
<div class="Projects">
<h1>MY PROJECTS</h1>
<div class="row">
<div class="col">
<h2>To-Do List</h2>
<img src="https://dl.dropbox.com/s/pbxbbliauf8fm7e/img_20220113_132723.jpg">
<p id="pi">To-Do List is a project built using javascript, specially built to keep track of errands or tasks that need to be done. This project will be like a task keeper where the user would be able to enter the tasks that they need to do. Once they are done with their tasks they can also remove them from the list.</p>
</div>
</div>
</div>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
/* Created by Harshita Kumari */
body {
background-color: #000;
background:url("https://dl.dropbox.com/s/0v5ftvv2q0ygc38/1184372.jpg");
}
h1,h2{color: #eee;}
.col{
background:#;
margin:20px auto;
text-align:center;}
img{width: 300px;}
#pi{color: #eee;}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
// Created by Harshita Kumari
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run