Skip to content

Commit e3d033b

Browse files
RohitSharma50RohitSharma50
committed
first commit
0 parents  commit e3d033b

File tree

3 files changed

+96
-0
lines changed

3 files changed

+96
-0
lines changed

‎index.css

+56
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
* {
2+
box-sizing: border-box;
3+
}
4+
5+
body {
6+
text-align: center;
7+
justify-content: center;
8+
text-decoration: solid;
9+
background-color: rgb(0, 0, 0);
10+
font-weight: bolder;
11+
}
12+
13+
/* navbar */
14+
15+
.nav-bar {
16+
display: flex;
17+
flex-wrap: wrap;
18+
align-items: center;
19+
justify-content: center;
20+
padding: 1rem;
21+
margin-bottom: 5px;
22+
gap: 1rem;
23+
border-bottom: solid 1px #aaa;
24+
background-color: #aaa;
25+
}
26+
27+
nav a {
28+
min-width: 9rem;
29+
border-radius: 0.3rem;
30+
border: solid black;
31+
background-color: aliceblue;
32+
text-decoration-line: none;
33+
padding: 5px;
34+
}
35+
36+
/* navbar */
37+
h1 {
38+
color: #fff;
39+
text-align: left;
40+
}
41+
42+
.projects {
43+
display: flex;
44+
flex-direction: column;
45+
}
46+
47+
.project-link {
48+
background-color: #fff;
49+
padding: 10px 30px;
50+
border-radius: 8px;
51+
color: #212121;
52+
text-decoration: none;
53+
text-align: left;
54+
border: 2px solid #212121;
55+
margin-top: 5px;
56+
}

‎index.html

+40
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Javascript_Machine_coding</title>
8+
<script src="index.js"></script>
9+
<link rel="stylesheet" href="index.css">
10+
</head>
11+
12+
<body>
13+
<nav class="nav-bar">
14+
<a href="/index.html">Home</a>
15+
<a target="_blank" href="https://youtu.be/2s2sZm5gy-o?feature=shared">Youtube channel</a>
16+
<a target="_blank" href="https://github.com/RohitSharma50">Github</a>
17+
18+
</nav>
19+
<main>
20+
<h1>Javascript-Challanges</h1>
21+
<div class="projects">
22+
<a class="project-link" href="/Bmi/index.html">Project-1 BMI Calculator 🔥 </a>
23+
<a class="project-link" href="/counter app/index.html">Project-2 Counter 👻 </a>
24+
<a class="project-link" href="/Guess the number/index.html">Project 3 - Guess The Number 😎</a>
25+
<a class="project-link" href="./File uploader/index.html">Project 4 - File Uploader 🤨</a>
26+
<a class="project-link" href="./Light-Dark Mode/index.html">Project 5 - Light & Dark Mode👻</a>
27+
<a class="project-link" href="./6-unlimitedColors/index.html">Project 6 - 🧠
28+
</a>
29+
<a class="project-link" href="./7-scroll/index.html">Project 7 - 👀</a>
30+
<a class="project-link" href="./8-typer/index.html">Project 8 - 📚
31+
</a>
32+
<a class="project-link" href="./9-mouseCircle/index.html">Project 9 - 📚
33+
</a>
34+
<a class="project-link" href="./10-emoji/index.html">Project 10 - Emoji 🫥
35+
</a>
36+
</div>
37+
</main>
38+
</body>
39+
40+
</html>

‎index.js

Whitespace-only changes.

0 commit comments

Comments
 (0)