Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
2 changes: 2 additions & 0 deletions Projects/PranjalGaur/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
This is the Project for SC335 "Introduction to Web Devlopment"
Made by Pranjal Gaur
37 changes: 37 additions & 0 deletions Projects/PranjalGaur/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Project for SC 335</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="greeting">Hello Everyone</div>
<div> This is </div>
<hr>
<div id="name">Pranjal Gaur</div>
<div>My instagram ID is <a href="https://www.instagram.com/pranjal15195gaur/" target="_blank">pranjal15195gaur </a></div>
<hr>
<div>This is the first website made by me</div>
<br>
<p><div>I like to do the following things :</div>
<div>
<ul>
<li>play sports like
<ul>
<li>Football</li>
<li>Basketball</li>
<li>Waterpolo</li>
<li>Squash</li>
</ul>
<li>Eat spicy and tasty food</li>
<li>learning new things</li>
<li>and having fun with friends</li>
</li>
</li>
</div></p>

</body>
</html>
16 changes: 16 additions & 0 deletions Projects/PranjalGaur/styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
#greeting{
color:blue;
font-size: large;
font-weight: bold;
justify-content: center;

}
#name{
color:red;
background-color: beige;
font-style: oblique;
font-variant: calc();
font-weight:400;
font-size:100px;
;
}