forked from Git21221/JS-beginner-projects
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
135 lines (125 loc) · 5.85 KB
/
index.html
File metadata and controls
135 lines (125 loc) · 5.85 KB
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JS Beginner Projects</title>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="js.png" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Kanit&family=Libre+Franklin:wght@500&family=Work+Sans&display=swap"
rel="stylesheet">
</head>
<body>
<div class="header">
<h1>JS Projects</h1>
<a href="https://github.com/Git21221/JS-beginner-projects" target="_blank">
<img src="./icons8-github.svg" alt="">
Github
</a>
</div>
<div class="hero-container">
<div class="hero-section">
<h1>This page is a collection of small Javascript projects that will help you in getting started in JS.</h1>
<div class="project-parent">
<div class="project-child"> <a href="analog clock/index.html">
Analog Clock </a>
</div>
<div class="project-child"> <a href="alarm_clock/index.html">
Alarm Clock </a>
</div>
<div class="project-child"> <a href="BMI calculator/BMI calculator.html">
BMI calculator </a>
</div>
<div class="project-child"> <a href="calender/index.html">
Calender </a>
</div>
<div class="project-child"> <a href="code visualizer/index.html">
Code Visualizer </a>
</div>
<div class="project-child"> <a href="Color Changing Background/Color Changing Background.html">
Color Changing Background </a>
</div>
<div class="project-child"> <a href="Credit Card Validate/CreditCard.html">
Credit card validate </a>
</div>
<div class="project-child"> <a href="css lineheight and letter spacing/index.html">
CSS Line Height and Letter Spacing Generator </a>
</div>
<div class="project-child"> <a href="css shadow generator/index.html">
CSS Shadow Generator </a>
</div>
<div class="project-child"> <a href="Currency Converter/currency_converter.html">
Currency Converter </a>
</div>
<div class="project-child"> <a href="Digital Clock/digitalClock.html">
Digital Clock </a>
</div>
<div class="project-child"> <a href="game-of-life/public/index.html">
Game of Life </a>
</div>
<div class="project-child"> <a href="GitHub Card/workingwithapi.html">
GitHub Card </a>
</div>
<div class="project-child"> <a href="Guess The Number/guessthenum.html">
Guess The Number </a>
</div>
<div class="project-child"> <a href="HangMan/hangman.html">
Hang Man </a>
</div>
<div class="project-child"> <a href="Heart pop up/index.html">
Heart Pop up </a>
</div>
<div class="project-child"> <a href="JS Calculator/index.html">
Calculator </a>
</div>
<div class="project-child"> <a href="MovieApp/index.html">
Movie App </a>
</div>
<div class="project-child"> <a href="Music App/music.html">
Music App </a>
</div>
<div class="project-child"> <a href="Quote Generator/quote_generator.html">
Quote Generator </a>
</div>
<div class="project-child"> <a href="Race Game/index.html">
Race Game </a>
</div>
<div class="project-child"> <a href="Random Password Generator/index.html">
Random Password Generator </a>
</div>
<div class="project-child"> <a href="Simon_Game/index.html">
Simon Game </a>
</div>
<div class="project-child"> <a href="Snake Game/index.html">
Snake Game </a>
</div>
<div class="project-child"> <a href="Scramble words/index.html">
Scramble words </a>
</div>
<div class="project-child"> <a href="Tic Tac Toe/tictactoe.php">
Tic Tac Toe </a>
</div>
<div class="project-child"> <a href="Text-to-Speech/index.html">
Text to Speech Convertor </a>
</div>
<div class="project-child"> <a href="Timer/timer.html">
Timer </a>
</div>
<div class="project-child"> <a href="To Do List/todolist.html">
To Do List </a>
</div>
<div class="project-child"> <a href="Unlimited Color/unlimitedcolor.html">
Unlimited Color </a>
</div>
<div class="project-child"> <a href="Weather App/weatherapp.html">
Weather App </a>
</div>
<div class="project-child"> <a href="Trivia Quiz Game/index.html">
Trivia Quiz Game </a>
</div>
<script src="js/script.js"></script>
</body>
</html>