forked from Git21221/JS-beginner-projects
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
160 lines (157 loc) · 6.17 KB
/
index.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
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!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">
</head>
<body>
<header>
<h1>Small JavaScript Projects</h1>
</header>
<section class="gamesAndProjects">
<a href="analog clock/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Analog Clock</div>
</div>
</a>
<a href="alarm_clock/index.html" class="projectLink" class="projectLink">
<div class="projectCard">
<div class="projectsName">Alarm Clock</div>
</div>
</a>
<a href="BMI calculator/BMI calculator.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">BMI calculator</div>
</div>
</a>
<a href="calender/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Calender</div>
</div>
</a>
<a href="code visualizer/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Code Visualizer</div>
</div>
</a>
<a href="Color Changing Background/Color Changing Background.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Color Changing Background</div>
</div>
</a>
<a href="Credit Card Validate/CreditCard.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Credit card validate</div>
</div>
</a>
<a href="css lineheight and letter spacing/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">CSS Line Height and Letter Spacing Generator</div>
</div>
</a>
<a href="css shadow generator/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">CSS Shadow Generator</div> </div>
</a>
<a href="Currency Converter/currency_converter.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Currency Converter</div> </div>
</a>
<a href="Digital Clock/digitalClock.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Digital Clock</div> </div>
</a>
<a href="game-of-life/public/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Game of Life</div> </div>
</a>
<a href="GitHub Card/workingwithapi.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">GitHub Card</div> </div>
</a>
<a href="Guess The Number/guessthenum.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Guess The Number</div> </div>
</a>
<a href="HangMan/hangman.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Hang Man</div> </div>
</a>
<a href="JavaScript Pairs Game/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Javascript Pairs Game</div> </div>
</a>
<a href="JS Calculator/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Calculator</div> </div>
</a>
<a href="Minesweeper/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Minesweeper Game</div> </div>
<a href="Morse Code Translator/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Morse Code Translator</div> </div>
</a>
<a href="MovieApp/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Movie App</div> </div>
</a>
<a href="Music App/music.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Music App</div> </div>
</a>
<a href="Quote Generator/quote_generator.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Quote Generator</div> </div>
</a>
<a href="Race Game/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Race Game</div> </div>
</a>
<a href="Random Password Generator/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Random Password Generator</div> </div>
</a>
<a href="Simon_Game/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Simon Game</div> </div>
</a>
<a href="Snake Game/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Snake Game</div> </div>
</a>
<a href="Tic Tac Toe/tictactoe.php" class="projectLink">
<div class="projectCard">
<div class="projectsName">Tic Tac Toe</div> </div>
</a>
<a href="Text-to-Speech/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Text to Speech Convertor</div> </div>
</a>
<a href="Timer/timer.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Timer</div> </div>
</a>
<a href="To Do List/todolist.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">To Do List</div> </div>
</a>
<a href="Unlimited Color/unlimitedcolor.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Unlimited Color</div> </div>
</a>
<a href="Weather App/weatherapp.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Weather App</div> </div>
</a>
<a href="drawing-app/index.html" class="projectLink">
<div class="projectCard">
<div class="projectsName">Drawing App</div> </div>
</a>
</section>
<script src="js/script.js"></script>
</body>
</html>