-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathproject.html
100 lines (93 loc) · 3.81 KB
/
project.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
<!--TODO: Add experience and achievements-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
crossorigin="anonymous"
/>
<!--for icons-->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css"
/>
<link rel="stylesheet" href="css/main.css" />
<title>Harsh | Projects</title>
</head>
<body>
<a href="index.html" class="btn btn-primary btn-back mt-4 mx-4">
<i class="bi bi-arrow-left"></i> Back to homepage
</a>
<br>
<div class="m-4 lead fade-in">
Welcome to my project display page! Here, you'll find a showcase of various projects I've worked on using a range of technologies, including Android, MERN, Next.js, and more. Explore each project to learn more about its unique features and functionalities. Thank you for taking the time to check out my work!
<br><br>Sections coming soon: experience, achievements, volunteer, back to main pg button etc (here or on main pg)
<p><span id="project-count"></span>+ Projects and many more to come!</p>
</div>
<!--Search-->
<div class="container m-4 fade-in">
<div class="input-group">
<span class="input-group-text" id="search-addon"><i class="bi bi-search"></i></span>
<input type="text" id="search" class="form-control" placeholder="Search projects">
</div>
</div>
<!--Tag buttons-->
<div class="container m-3 fade-in">
<div class="row">
<div class="col-3 m-1">
<button class="btn btn-primary tag-button" data-tag="realworld">Real World</button>
</div>
<div class="col-3 m-1">
<button class="btn btn-primary tag-button" data-tag="hackathon">Hackathon</button>
</div>
<div class="col-3 m-1">
<button class="btn btn-primary tag-button" data-tag="mern">MERN</button>
</div>
<div class="col-3 m-1">
<button class="btn btn-primary tag-button" data-tag="android">Android</button>
</div>
<div class="col-3 m-1">
<button class="btn btn-primary tag-button" data-tag="java">Java</button>
</div>
<div class="col-3 m-1">
<button class="btn btn-primary tag-button" data-tag="kotlin">Kotlin</button>
</div>
<div class="col-3 m-1">
<button class="btn btn-primary tag-button" data-tag="firebase">Firebase</button>
</div>
<div class="col-3 m-1">
<button class="btn btn-primary tag-button" data-tag="ml">ML</button>
</div>
<div class="col-3 m-1">
<button class="btn btn-primary tag-button" data-tag="game">Game</button>
</div>
</div>
</div>
<div class="dynamic-cards m-4">
<!-- projects will be added dynamically here -->
<!--2 col per row-->
</div>
<!-- Back to top button -->
<button
type="button"
class="btn btn-primary helo btn-floating btn-lg"
id="btn-back-to-top"
>
<i class="bi bi-arrow-up"></i>
</button>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
crossorigin="anonymous"
></script>
<script defer src="javascript/project.js"></script>
<script defer src="javascript/main.js"></script>
<script type="module" src="javascript/cardLogic.js"></script>
<script src="javascript/animations.js"></script>
</body>
</html>