-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject.html
122 lines (118 loc) · 5.47 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<html lang="en">
<head>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="images/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="images/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="images/favicon-16x16.png"
/>
<link rel="manifest" href="/site.webmanifest" />
<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 rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Merienda:wght@600&family=Moon+Dance&family=Roboto+Slab:wght@300&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="styles.css" />
<script src="main.js"></script>
<title>VIKAS KUMAR | PORTFOLIO</title>
</head>
<body>
<div class="navbar">
<a class="home effect" href="index.html">Home</a>
<a class="achievements effect" href="achievements.html">Achievements</a>
<a class="about effect" href="about.html">Skills</a>
<a class="project effect" href="project.html">Projects</a>
<a class="resume effect" href="resume.html">Resume</a>
</div>
<h2>Projects</h2>
<div div data-aos="zoom-in" class="card">
<img src="./images/chatbot.png" alt="ChatBot image">
<div class="card-body">
<h2 class="card-title">Hostel ChatBot</h2>
<p class="card-text">
This ChatBot just smoothens downs the process of regestering complain to the helpdesk of NITRR hostel you just need to interact with the bot and then just register your complain</p>
<a href="https://hostelchatbotnitrr.netlify.app/" class="btn btn-primary">Website</a>
</div>
</div>
<div div data-aos="zoom-in" class="card">
<img src="./images/attendance.png" alt="ChatBot image">
<div class="card-body">
<h2 class="card-title">Attendance Marker</h2>
<p class="card-text">
The website utilizes geolocation API, ensuring that students can only mark attendance if they're physically present within a 10-meter radius of the class center.</p>
<a href="https://attendancenitrr.netlify.app/" class="btn btn-primary">Website</a>
</div>
</div>
<div div data-aos="zoom-in" class="card">
<img src="./images/coronavirus.png" alt="Corona image">
<div class="card-body">
<h2 class="card-title">Covid-19 Tracker</h2>
<p class="card-text">This covid 19 tracker web app is app which provides real time data of covid 19 like deaths and active cases till now you can search any country name in the search box and then you will get results based on that country this is based on covid19 free api available on internet</p>
<a href="https://covid19trakcer.netlify.app/" class="btn btn-primary">Website</a>
</div>
</div>
<div div data-aos="zoom-in" class="card">
<img src="./images/programming.png" alt="Programing image">
<div class="card-body">
<h2 class="card-title"> Coding Duniya </h2>
<p class="card-text"> This website is there to help students who wants to learn tech skills, this website includes best channel available on youtube and best website resources so kindly check it once.</p>
<a href="https://codingduniya.netlify.app" class="btn btn-primary">Website</a>
</div>
</div>
<div div data-aos="zoom-in" class="card">
<img src="https://cricketerinfo.netlify.app/image/cricketlogo.jpg" alt="cricketerinfo logo">
<div class="card-body">
<h2 class="card-title"> CricketersInfo </h2>
<p class="card-text"> This website gives you everything related to any cricketer you search on this website
their runs scored wickets taken best ODI T20 Test rankings and many more.</p>
<a href="https://cricketerinfo.netlify.app/index.html" class="btn btn-primary">Website</a>
</div>
</div>
<div div data-aos="zoom-in" class="card">
<img src="https://superheroinfo.netlify.app/images/images.png" alt="SuperHeroInfo logo">
<div class="card-body">
<h2 class="card-title"> SuperHeroInfo </h2>
<p class="card-text">
This website just provides all the information of your favourite superstar.</p>
<a href="https://superheroinfo.netlify.app/" class="btn btn-primary">Website</a>
</div>
</div>
<h4>Designed and Developed by VIKAS KUMAR</h4>
<!-- footer -->
<footer>
<a href="https://www.linkedin.com/in/vikas-kumar-577a44204/">
<img class="inlogo" src="./images/linkedin.png" alt="LinkedIn Logo" />
</a>
<a href="https://github.com/Vikas-18">
<img class="gitlogo" src="./images/github.png" alt="GitHub Logo" />
</a>
<a href="mailto:vikaskumar2k24ee@gmail.com">
<img class="maillogo" src="./images/mail.png" alt="mail Logo" />
</a>
</footer>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
duration: 1000,
});
</script>
</body>
</html>
</body>
</html>