-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
230 lines (208 loc) · 12.1 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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Metadata of the Webpage -->
<!-- Character-set Metadata -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Viewport Metadata -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Description Metadata-->
<meta name="description" content="Portfolio Website" />
<!-- Author Metadata -->
<meta name="author" content="Anurag Tiwari" />
<!-- Keyword Metadata -->
<meta name="keywords" content="Anurag Tiwari" />
<!-- Webpage Logo -->
<link rel="shortcut icon" href="./assets/img/favicon.jpg" />
<!-- Webpage Title -->
<title>Anurag Tiwari</title>
<!-- Import CSS: Main Stylesheet -->
<link rel="stylesheet" href="./assets/css/main.css" />
</head>
<body>
<div id="particles-js">
<div class="header">
<h1>
<span class="site-title">Anurag Tiwari</span>
<span class="site-description">Programmer • Web Developer • Python Developer</span>
</h1>
<div class="header-icons">
<a aria-label="My LinkedIn Profile" target="_blank" href="https://www.linkedin.com/in/danurag23/">
<i class="icon fa fa-linkedin" aria-hidden="true"></i>
</a>
<a aria-label="My Github Profile" target="_blank" href="https://github.com/Danuragtiwari">
<i class="icon fa fa-github-alt" aria-hidden="true"></i>
</a>
<a aria-label="My Résumé" target="_blank" href="https://drive.google.com/file/d/1gn3PW0rVal8nJnd7LYMES9eCzqcR03z4/view">
<i class="icon fa fa fa-file-pdf-o" aria-hidden="true"></i>
</a>
<a aria-label="Send Email" href="mailto:[email protected]" target="_blank"><i class="icon fa fa-envelope"></i
></a>
</div>
<div class="header-links">
<a class="link" href="#about" data-scroll>About Me</a>
<a class="link" href="#projects" data-scroll>Projects</a>
</div>
</div>
<a class="down" href="#about" data-scroll><i class="icon fa fa-chevron-down" aria-hidden="true"></i></a>
</div>
<!-- About Section -->
<section id="about">
<!-- User Introduction-->
<div class="user-details">
<h1>About Me</h1>
<picture>
<source type="image/webp" srcset="./assets/img/favicon.jpg" alt="Professional Me" width="20%" style="border-radius: 50%" />
<img src="./assets/img/favicon.jpg" alt="Professional Me" width="20%" style="border-radius: 50%" />
</picture>
<p>
Final year ECE student at Sant Longowal Institute of Engineering and Technology with a passion for web development and tech consulting. Experienced in software engineering, seeking opportunities in Software Engineering and Web Development. Previous internships at JDMR iSchool Pvt Ltd as a web developer and Pojo Software Pvt Ltd as a content writer. Open to new challenges and eager to contribute my skills in dynamic and innovative projects. </p>
</div>
<!-- User Specifics -->
<div class="user">
<!-- Technology Stack #1: Languages -->
<div class="tech">
<h2>Languages</h2>
<i class="devicon-python-plain colored"></i>
<!-- <i class="devicon-java-plain-wordmark colored"></i> -->
<i class="devicon-c-plain colored"></i>
<i class="devicon-javascript-plain colored"></i>
<p>My favorite languages for programming, and Development.</p>
</div>
<!-- Technology Stack #2: Front-End -->
<div class="tech">
<h2>Front-End</h2>
<i class="devicon-javascript-plain colored"></i>
<i class="devicon-bootstrap-plain-wordmark colored"></i>
<i class="devicon-html5-plain-wordmark colored"></i>
<i class="devicon-css3-plain-wordmark colored"></i>
<p>My preferred technologies for front-end web development and component design.</p>
</div>
<!-- Technology Stack #3: Back-End -->
<div class="tech">
<h2>Back-End</h2>
<i class="devicon-django-plain colored"></i>
<i class="devicon-nodejs-plain colored"></i>
<i class="devicon-mysql-plain colored"></i>
<p>My preferred technologies for back-end web programming and database architecture.</p>
</div>
<!-- Technology Stack #4: Tools -->
<div class="tech">
<h2>Tools</h2>
<i class="devicon-git-plain-wordmark colored"></i>
<i class="devicon-visualstudio-plain colored"></i>
<i class="devicon-github-plain-wordmark colored"></i>
<!-- <i class="devicon-postman-plain colored"></i> -->
<p>My favorite tools for version control, code editing, and container orchestration.</p>
</div>
</div>
</section>
<!-- Projects Section -->
<section id="projects">
<div class="user-details">
<h1>Featured Projects</h1>
</div>
<!-- User Project #1: Personal Résumé Website -->
<div class="user-projects">
<div class="images-right">
<picture>
<source type="image/webp" srcset="./assets/img/website.png" alt="Personal Website" />
<img alt=" Website" src="../assets/img/website.png" />
</picture>
</div>
<div class="contents" style="text-align: center">
<h3>Personal Website</h3>
<div>
<img height="32" width="32" src="https://unpkg.com/[email protected]/icons/html5.svg" style="filter: invert(73%) sepia(74%) saturate(1552%) hue-rotate(169deg) brightness(109%) contrast(97%)" />
<img height="32" width="32" src="https://unpkg.com/[email protected]/icons/javascript.svg" style="filter: invert(73%) sepia(74%) saturate(1952%) hue-rotate(169deg) brightness(109%) contrast(97%)" />
<img height="32" width="32" src="https://unpkg.com/[email protected]/icons/css3.svg" style="filter: invert(24%) sepia(14%) saturate(2270%) hue-rotate(222deg) brightness(102%) contrast(90%)" />
<img height="32" width="32" src="https://unpkg.com/[email protected]/icons/bootstrap.svg" style="filter: invert(24%) sepia(14%) saturate(2270%) hue-rotate(222deg) brightness(102%) contrast(90%)" />
<img height="32" width="32" src="https://unpkg.com/[email protected]/icons/github.svg" />
</div>
<p style="text-align: justify">
I developed and designed a website , hosted on Github Pages, to showcase my web presence, story, work experience, education, projects, and achievements in an interactive and visually-appealing format.
</p>
<a class="project-link" target="_blank" href="#">Check it out!</a>
</div>
</div>
<!-- User Project #2: ?Tic-Tac game Project -->
<div class="user-projects">
<div class="images-left">
<picture>
<source type="image/png" srcset="./assets/img/tic-tac.png" alt="Tic-Tac game" />
<img alt="Tic-Tac game" src="./assets/img/tic-tac.png" />
</picture>
</div>
<div class="contents-right" style="text-align: center">
<h3>TIC-TAC Game</h3>
<img height="32" width="32" src="https://unpkg.com/[email protected]/icons/django.svg" style="filter: invert(73%) sepia(74%) saturate(1552%) hue-rotate(169deg) brightness(109%) contrast(97%)" />
<img height="32" width="32" src="https://unpkg.com/[email protected]/icons/html5.svg" style="filter: invert(73%) sepia(74%) saturate(1552%) hue-rotate(169deg) brightness(109%) contrast(97%)" />
<img height="32" width="32" src="https://unpkg.com/[email protected]/icons/css3.svg" style="filter: invert(33%) sepia(29%) saturate(3844%) hue-rotate(184deg) brightness(90%) contrast(84%)" />
<img height="32" width="32" src="https://unpkg.com/[email protected]/icons/github.svg" />
<p style="text-align: justify">
I created a two-player online game using Django,html,css for design and hosted on GitHub Pages.
</p>
<a class="project-link" target="_blank" href="https://github.com/Danuragtiwari/tic-tac-game">Check it out!</a
>
</div>
</div>
<!-- User Project #3: Quiz -->
<div class="user-projects">
<div class="images-right">
<picture>
<source type="image/jpg" srcset="./assets/img/quiz.jpg" alt="Quiz" />
<img alt="Quiz" src="./assets/img/quiz.jpg" />
</picture>
</div>
<div class="contents-right" style="text-align: center">
<h3>Quiz Web</h3>
<img height="32" width="32" src="https://unpkg.com/[email protected]/icons/django.svg" style="filter: invert(73%) sepia(74%) saturate(1552%) hue-rotate(169deg) brightness(109%) contrast(97%)" />
<img height="32" width="32" src="https://unpkg.com/[email protected]/icons/html5.svg" style="filter: invert(73%) sepia(74%) saturate(1552%) hue-rotate(169deg) brightness(109%) contrast(97%)" />
<img height="32" width="32" src="https://unpkg.com/[email protected]/icons/css3.svg" style="filter: invert(33%) sepia(29%) saturate(3844%) hue-rotate(184deg) brightness(90%) contrast(84%)" />
<img height="32" width="32" src="https://unpkg.com/[email protected]/icons/github.svg" />
<p style="text-align: justify">
I created Quiz app using Django,Javascript,Html,Css for design ,where user create quiz and can enjoy it! and hosted on GitHub Pages .
</p>
<a class="project-link" target="_blank" href="https://github.com/Danuragtiwari/tic-tac-game">Check it out!</a
>
</div>
</div>
<!-- Use Project #4: Python-Projects -->
<div class="user-projects">
<div class="images-left">
<picture>
<source type="image/webp" srcset="./assets/img/Valuto-Account-Management.webp" alt="Youtube-python" />
<img alt="Valuto: Account Management System" src="./assets/img/Valuto-Account-Management.jpg" />
</picture>
</div>
<div class="contents-right" style="text-align: center">
<h3>Youtube-python</h3>
<div>
<img height="32" width="32" src="https://unpkg.com/[email protected]/icons/python.svg" style="filter: invert(22%) sepia(77%) saturate(1486%) hue-rotate(183deg) brightness(101%) contrast(103%)" />
</div>
<p style="text-align: justify">
In this project user can download youtube video by using python.This project involve many different libraries like customtkinter,tkinter .
</p>
<a class="project-link" target="_blank" href="https://github.com/Danuragtiwari/youtube_python">
Check it out!
</a>
</div>
</div>
</section>
<footer class="footer">
<p>Made with ❤️ Anurag Tiwari © <span id="currentYear"></span></p>
</footer>
<script>
document.getElementById("currentYear").textContent = new Date().getFullYear();
</script>
<!-- Import JS: Particles Theme -->
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<!-- Import JS: Sweet Scroll -->
<script src="./assets/js/sweet-scroll.min.js"></script>
<!-- Import JS: Google Analytics -->
<script src="./assets/js/google-analytics.js"></script>
<!-- Import JS: Main Script -->
<script src="./assets/js/main.js"></script>
</body>
</html>