-
Notifications
You must be signed in to change notification settings - Fork 17
/
index.html
130 lines (130 loc) · 4.94 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>10 Mini Projects Challenge</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>10 Mini-Projects Challenge</h1>
<div id="wrapper">
<div>
<a href="https://sameem420.github.io/10MiniProjectsChallenge/ToastNotification/" target="_blank">
<h1>Toast/Notification Generator</h1>
<img src="assets/images/ToastGenerator.gif" alt="Toast Generator" width="100%">
</a>
<div id="techStack">
<button>HTML</button>
<button>CSS</button>
<button>JavaScript</button>
</div>
</div>
<div>
<a href="https://sameem420.github.io/10MiniProjectsChallenge/AutoWriteText/" target="_blank">
<h1>Auto-Text Writer</h1>
<img class="fixed" src="assets/images/autoTextWriter.gif" alt="autoTextWriter" width="100%">
</a>
<div id="techStack">
<button>HTML</button>
<button>CSS</button>
<button>JavaScript</button>
</div>
</div>
<div>
<a href="https://sameem420.github.io/10MiniProjectsChallenge/BackgroundChanger/" target="_blank">
<h1>Background Changer</h1>
<img src="assets/images/BackgroundChanger.gif" alt="BackgroundChanger" width="100%">
</a>
<div id="techStack">
<button>HTML</button>
<button>CSS</button>
<button>JavaScript</button>
</div>
</div>
<div>
<a href="https://sameem420.github.io/10MiniProjectsChallenge/DarkModeToggle/" target="_blank">
<h1>Darkmode Toggle</h1>
<img src="assets/images/DarkModeToggler.gif" alt="DarkModeToggler" width="100%">
</a>
<div id="techStack">
<button>HTML</button>
<button>CSS</button>
<button>JavaScript</button>
</div>
</div>
<div>
<a href="https://sameem420.github.io/10MiniProjectsChallenge/Hamburger/" target="_blank">
<h1>Hamburger Menu</h1>
<img src="assets/images/HamburgerMenu.gif" alt="HamburgerMenu" width="100%">
</a>
<div id="techStack">
<button>HTML</button>
<button>CSS</button>
<button>JavaScript</button>
</div>
</div>
<div>
<a href="https://sameem420.github.io/10MiniProjectsChallenge/HeartRain/" target="_blank">
<h1>Heart Rain</h1>
<img src="assets/images/HeartRain.gif" alt="HeartRain" width="100%">
</a>
<div id="techStack">
<button>HTML</button>
<button>CSS</button>
<button>JavaScript</button>
</div>
</div>
<div>
<a href="https://sameem420.github.io/10MiniProjectsChallenge/PopUpModal/" target="_blank">
<h1>Popup Modal</h1>
<img src="assets/images/PopupModal.gif" alt="PopupModal" width="100%">
</a>
<div id="techStack">
<button>HTML</button>
<button>CSS</button>
<button>JavaScript</button>
</div>
</div>
<div>
<a href="https://sameem420.github.io/10MiniProjectsChallenge/ImageCarousel/" target="_blank">
<h1>Image Carousel</h1>
<img src="assets/images/ImageCarousel.png" alt="ImageCarousel" width="100%">
</a>
<div id="techStack">
<button>HTML</button>
<button>CSS</button>
<button>JavaScript</button>
</div>
</div>
<div>
<a href="https://sameem420.github.io/10MiniProjectsChallenge/SoundBoard/" target="_blank">
<h1>Sound Board</h1>
<img src="assets/images/SoundBoard.gif" alt="SoundBoard" width="100%">
</a>
<div id="techStack">
<button>HTML</button>
<button>CSS</button>
<button>JavaScript</button>
</div>
</div>
<div>
<a href="https://sameem420.github.io/10MiniProjectsChallenge/ZoomEffect/" target="_blank">
<h1>Zoom Effect</h1>
<img src="assets/images/ZoomEffect.png" alt="ZoomEffect" width="100%">
</a>
<div id="techStack">
<button>HTML</button>
<button>CSS</button>
<button>JavaScript</button>
</div>
</div>
</div>
<footer>
<div>
© 2020 Developed with ❤️ By Muhammad Sameem
</div>
</footer>
</body>
<script src="app.js"></script>
</html>