-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolioo.html
206 lines (182 loc) · 9.5 KB
/
portfolioo.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
<!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">
<title>Nishi Tiwari</title>
<link rel="icon" type="image/x-icon" href="images/favicon.png">
<link rel="stylesheet" href="style.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<!-- NAVBAR SECTION -->
<header class="header">
<a href="#" class="logo">My Portfolio</a>
<i class='bx bx-menu' id="menu-icon"></i>
<nav class="navbar">
<a href="#home" class="active">Home</a>
<a href="#about">About</a>
<a href="#services">Skills</a>
<a href="#portfolio">Projects</a>
<a href="#contact">Contact</a>
</nav>
</header>
<!-- HOME SECTION -->
<section class="home" id="home">
<div class="home-content">
<h3>Hello, It's Me</h3>
<h1>Nishi Tiwari</h1>
<h3>And I'm a <span class="multiple-text">Front-end Developer</span></h3>
<p>I am a third-year student at the Sharma College, Mumbai, and I am currently pursuing
BCA also I am passionate about DevOps.
</p>
<div class="social-media">
<a href="https://www.linkedin.com/in/nishi-tiwari-/" target="_blank"><i
class='bx bxl-linkedin'></i></a>
<a href="https://github.com/nishitiwari22" target="_blank"><i class='bx bxl-github'></i></a>
<a href="https://twitter.com/nishitiwari22" target="_blank"><i class='bx bxl-twitter'></i></a>
<a href="https://medium.com/@nishitiwari" target="_blank"><i class='bx bxl-blogger'></i></a>
<a href="[email protected]" target="_blank"><i class='bx bx-envelope'></i></a>
</div>
<a href="https://drive.google.com/file/d/1M_Rz8RktlF-6dYAWUmgdCRUaxbaC0RT_/view?usp=sharing" target="_blank"
class="btn">Download Resume</a>
<a href="#contact" class="btn hire-btn">Hire Me</a>
</div>
<div class="home-img">
<img src="images/lazy2.jpg" alt="Nishi Tiwari">
</div>
</section>
<!-- ABOUT SECTION -->
<section class="about" id="about">
<div class="about-img">
<img src="images/lazy1.jpg" alt="">
</div>
<div class="about-content">
<h2 class="heading">About <span>Me</span></h2>
<!-- <h3>FPassionate Web Developer who wants to explore every Tech Fields</h3> -->
<p>I am an aspiring <span>Front-end Web developer</span> with a strong foundation in <span>c++
programming</span>, expertise in
<span>DSA</span>, <span>freelancing</span> and <span>technical content writing</span>
from Mumbai, Maharashtra, India.
</p>
<p>Currently, I am pursuing a BCA degree in Computer Science and Engineering from Sharma College of
Mumbai.
With a deep-rooted passion for enhancing my coding skills, I am committed to building unique and
impactful projects while continually refining my skills.
</p>
<a href="https://drive.google.com/file/d/1M_Rz8RktlF-6dYAWUmgdCRUaxbaC0RT_/view?usp=sharing" target="_blank"
class="btn">Donwload Resume</a>
</div>
</section>
<!-- SERVICES SECTION -->
<section class="services" id="services">
<h2 class="heading">My <span>Skills</span></h2>
<div class="services-container">
<div class="services-box">
<i class='bx bx-globe'></i>
<h3>Web Development</h3>
<p>I am a highly skilled in creating and troublshooting websites on Wix and creating the Frontend by using basic to indermediate Javascript concepts.
<a href="#portfolio" class="btn services-btn">My Projects</a>
</div>
<div class="services-box">
<i class='bx bx-code-alt'></i>
<h3>C++ - DSA</h3>
<p>I possess extensive experience and proficiency as a programmer in C++, have developed strong problem-solving capabilities. Additionally, my solid
foundation in Data Structures and Algorithms enables me to optimize the efficiency and performance
of my code.
</p>
<a href="https://leetcode.com/NishiTiwari5195/" target="blank" class="btn services-btn">My Coding
Profile</a>
</div>
<div class="services-box">
<i class='bx bxs-game'></i>
<h3>Freelancing - Virtual Assistance and Web Developer</h3>
<p>I am also well-versed in assisting authors to help them leverage thier sales, I have honed my skills in creating
practical and staright forward marketing tatics. Also I have done web development
with a creative mindset, incorporating captivating elements into my projects.
</p>
<a href="https://www.fiverr.com/nishi_22" target="blank" class="btn services-btn">Fiverr Profile</a>
</div>
<div class="services-box">
<i class='bx bxs-edit-alt'></i>
<h3>Technical Content Writer</h3>
<p>I am adept at technical content writing, where I excel in effectively communicating complex concepts
to a diverse audience. I possess the ability to break down intricate technical topics into easily
understandable and engaging content, ensuring clarity and coherence.
</p>
<a href="https://medium.com/@nishitiwari" target="blank" class="btn services-btn">My Blog</a>
</div>
</div>
</section>
<!-- PROJECTS SECTION -->
<section class="portfolio" id="portfolio">
<h2 class="heading">Latest <span>Projects</span></h2>
<div class="portfolio-container">
<div class="portfolio-box">
<img class="project-img" src="images/food_store_project.png" alt="Restaurant Front-end website">
<div class="portfolio-layer">
<h4>Restaurant Front-end website</h4>
<p>Easy Front-end website used HTML, CSS & JS</p>
<a href="https://github.com/nishitiwari22/foodsiteclone" target="_blank"><i
class='bx bx-link-external'></i></a>
</div>
</div>
<div class="portfolio-box">
<img class="project-img" src="images/spotify_basic.png" alt="Spotify Clone">
<div class="portfolio-layer">
<h4>Spotify Basic Project</h4>
<p>Basic Music App Clone</p>
<a href="https://github.com/nishitiwari22/spotify_clone" target="_blank"><i
class='bx bx-link-external'></i></a>
</div>
</div>
<div class="portfolio-box">
<img class="project-img" src="images/" alt="Think an amazing project for Sem 6">
<div class="portfolio-layer">
<h4>Python Password generator</h4>
<p>Password generator with Python</p>
<a href="#" target="_blank"><i
class='bx bx-link-external'></i></a>
</div>
</div>
<!-- <div class="portfolio-box">
<img class="project-img" src="images/garbagegrabber.jpg" alt="Garbage Grabber">
<div class="portfolio-layer">
<h4>Garbage Grabber</h4>
<p>A garbage catcher game where you collect garbage and keep the city clean.</p>
<a href="https://harshit-raj-14.github.io/Garbage-Grabber/" target="_blank"><i
class='bx bx-link-external'></i></a>
</div>
</div> -->
</section>
<!-- CONTACT SECTION -->
<section class="contact" id="contact">
<h2 class="heading"><i class='bx bxs-contact'></i> Contact <span>Me</span></h2>
<form action="mailto:[email protected]" method="post" enctype="text/plain">
<div class="input-box">
<input type="text" placeholder="Full Name">
<input type="email" placeholder="Email Address">
</div>
<div class="input-box">
<input type="number" placeholder="Mobile Number">
<input type="text" placeholder="Email Subject">
</div>
<textarea name="" id="" cols="30" rows="10" placeholder="Your Message"></textarea>
<input type="submit" value="Send Message" class="btn">
</form>
</section>
<!-- FOOTER SECTION -->
<footer class="footer">
<div class="footer-text">
<p>Made with ❤️ Nishi Tiwari </p>
</div>
<div class="footer-iconTop">
<a href="#home"><i class='bx bx-up-arrow-alt'></i></a>
</div>
</footer>
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="script.js"></script>
</body>
</html>