-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (124 loc) · 4.52 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JS Projects</title>
</head>
<body>
<header class="header container">
<nav>
<h1 class="header__title">Vanilla Javascript Projects</h1>
<p class="header__subtitle">By Mohit Khedkar</p>
</nav>
</header>
<section class="mainsection container section">
<div class="mainsection__container">
<!-- Project list start -->
<div class="mainsection__content">
<h1 class="mainsection__h1">Tic Tac Toe Game</h1>
<img mainsection__img src="public/TicTacToe.JPG" alt="" />
<p class="mainsection__p">Tic Tac Toe Game using Vanilla JS</p>
<a
class="mainsection__btn btn"
target="_blank"
href="https://tictactoe-mk.netlify.app/"
>Visit Website</a
>
</div>
<div class="mainsection__content">
<h1 class="mainsection__h1">Countdown Timer</h1>
<img
class="mainsection__img"
src="public/CountDown Timer.JPG"
alt=""
/>
<p class="mainsection__p">Countdown timer of special events</p>
<a
class="mainsection__btn btn"
target="_blank"
href="https://countdown-timer-mk.netlify.app/"
>Visit Website</a
>
</div>
<div class="mainsection__content">
<h1 class="mainsection__h1">BMI Calculator</h1>
<img class="mainsection__img" src="public/bmical.JPG" alt="" />
<p class="mainsection__p">Bmi calculator</p>
<a
class="mainsection__btn btn"
target="_blank"
href="https://bmi-calculator-mk.netlify.app/"
>Visit Website</a
>
</div>
<div class="mainsection__content">
<h1 class="mainsection__h1">Password Generator</h1>
<img mainsection__img src="public/Password-generator.JPG" alt="" />
<p class="mainsection__p">
simple password generator with length option
</p>
<a
class="mainsection__btn btn"
target="_blank"
href="https://password-generator-mk.netlify.app/"
>Visit Website</a
>
</div>
<div class="mainsection__content">
<h1 class="mainsection__h1">Income Tax Calculator</h1>
<img mainsection__img src="public/income-tax-calculator.JPG" alt="" />
<p class="mainsection__p">Income Tax Calculator website</p>
<a
class="mainsection__btn btn"
target="_blank"
href="https://income-tax-calculator-mk.netlify.app/"
>Visit Website</a
>
</div>
<div class="mainsection__content">
<h1 class="mainsection__h1">Image Slideshow</h1>
<img class="mainsection__img" src="public/Img-SlideShow.JPG" alt="" />
<p class="mainsection__p">Image Slideshow</p>
<a
class="mainsection__btn btn"
target="_blank"
href="https://imageslideshow-mk.netlify.app/"
>Visit Website</a
>
</div>
<div class="mainsection__content">
<h1 class="mainsection__h1">Color Scheme Switcher</h1>
<img class="mainsection__img" src="public/colorswitcher.JPG" alt="" />
<p class="mainsection__p">background color switcher</p>
<a
class="mainsection__btn btn"
target="_blank"
href="https://color-switcher-mk.netlify.app/"
>Visit Website</a
>
</div>
</div>
</section>
<p class="contact__description">#Project sorted by Latest First</p>
<section id="contact" class="contact container section">
<h2 class="contact__title">Get In Contact</h2>
<p class="contact__description">
Whether you are starting a project, have business inquiries or just want
to say hi, my inbox is always open so feel free to reach out and I will
get back to you as soon as possible.
</p>
<a
class="contact__btn btn"
href="mailto:[email protected]"
target="_blank"
>React Out</a
>
</section>
<footer class="footer container section">
<h3 class="footer__title">~ Mohit Khedkar ~</h3>
</footer>
<script type="module" src="/main.js"></script>
</body>
</html>