Skip to content

Commit 34900eb

Browse files
rizul2108rizul2108
committed
updates important
1 parent f446a39 commit 34900eb

File tree

3 files changed

+587
-534
lines changed

3 files changed

+587
-534
lines changed

‎index.html

+194-155
Original file line numberDiff line numberDiff line change
@@ -12,182 +12,221 @@
1212
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
1313
<link rel="icon" type="image/x-icon" href="public/assets/rg.png">
1414
<link rel="preconnect" href="https://fonts.googleapis.com">
15-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16-
<link href="https://fonts.googleapis.com/css2?family=Dancing%20Script&display=swap" rel="stylesheet">
17-
15+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16+
<link href="https://fonts.googleapis.com/css2?family=Dancing%20Script&display=swap" rel="stylesheet">
17+
1818
</head>
19+
1920
<body>
2021

21-
<div >
22-
<nav>
23-
<label class="logo"><a href="#home" class="active"><img src="public/assets/rg.png" alt="logo" width="125git px"></a></label>
24-
<ul>
25-
<li><a href="#home" class="active">Home</a></li>
26-
<li><a href="#background" class="active">Background</a></li>
27-
<li><a href="#skills" class="active">Skills</a></li>
28-
<li><a href="#projects" class="active">Projects</a></li>
29-
</ul>
30-
</nav>
31-
<div id="mainpage">
32-
<div class="home" id="home" display="flex">
33-
<div class="images">
34-
<div class="animated-blob-image">
35-
</div>
36-
<img src='public/assets/rizul.png' alt='profile' class="profile">
37-
</div>
38-
<div class="myInfo">
39-
<div class="about" padding="auto">
40-
<div class="static-text">I am </div>
41-
<div class="container">
42-
<p class="dynamic-text" >Rizul Gupta</p>
22+
<div>
23+
<nav>
24+
<label class="logo"><a href="#home" class="active"><img src="public/assets/rg.png" alt="logo"
25+
width="125git px"></a></label>
26+
<ul>
27+
<li><a href="#home" class="active">Home</a></li>
28+
<li><a href="#background" class="active">Background</a></li>
29+
<li><a href="#skills" class="active">Skills</a></li>
30+
<li><a href="#projects" class="active">Projects</a></li>
31+
</ul>
32+
</nav>
33+
<div id="mainpage">
34+
<div class="home" id="home" display="flex">
35+
<div class="images">
36+
<div class="animated-blob-image">
37+
</div>
38+
<img src='public/assets/rizul.png' alt='profile' class="profile">
4339
</div>
44-
</div>
45-
<br>
46-
<div id="aboutme">I'm a developer having experience in front-end mainly. I'm currently a developer at SDSLabs. </div>
47-
<br>
48-
49-
</div>
50-
</div>
51-
52-
<div class="background" id="background">
53-
<div class="back">
54-
<div class="row">
55-
<div class="col">
56-
<header class="title">
57-
<h1>EDUCATION</h1>
58-
</header>
59-
<div class="contents">
60-
<div class="box" >
61-
<h4>2019-20</h4>
62-
<h3>Secondary School Degree</h3>
63-
<p>From DAV Public School,Kurukshetra</p>
64-
</div>
65-
<div class="box">
66-
<h4>2020-22</h4>
67-
<h3>Higher Secondary School Degree</h3>
68-
<p>From DAV Public School,Kurukshetra</p>
69-
</div>
70-
<div class="box" >
71-
<h4>2022-26</h4>
72-
<h3>Bachelor Degree</h3>
73-
<p>B.Tech. in ECE From IIT Roorkee </p>
40+
<div class="myInfo">
41+
<div class="about" padding="auto">
42+
<div class="static-text">I am </div>
43+
<div class="container">
44+
<p class="dynamic-text">Rizul Gupta</p>
7445
</div>
7546
</div>
47+
<br>
48+
<div id="aboutme">I'm a developer having experience in front-end mainly. I'm currently a developer
49+
at SDSLabs. </div>
50+
<br>
51+
7652
</div>
53+
</div>
7754

78-
<div class="col">
79-
<header class="title">
80-
<h1>EXPERIENCE</h1>
81-
</header>
82-
<div class="contents">
83-
<div class="box" >
84-
<h4>2023-Present</h4>
85-
<h3>Developer</h3>
86-
<p>SDSLabs,IIT Roorkee</p>
55+
<div class="background" id="background">
56+
<div class="back">
57+
<div class="row">
58+
<div class="col">
59+
<header class="title">
60+
<h1>EDUCATION</h1>
61+
</header>
62+
<div class="contents">
63+
<div class="box">
64+
<h4>2019-20</h4>
65+
<h3>Secondary School Degree</h3>
66+
<p>From DAV Public School,Kurukshetra</p>
67+
</div>
68+
<div class="box">
69+
<h4>2020-22</h4>
70+
<h3>Higher Secondary School Degree</h3>
71+
<p>From DAV Public School,Kurukshetra</p>
72+
</div>
73+
<div class="box">
74+
<h4>2022-26</h4>
75+
<h3>Bachelor Degree</h3>
76+
<p>B.Tech. in ECE From IIT Roorkee </p>
77+
</div>
78+
</div>
79+
</div>
80+
81+
<div class="col">
82+
<header class="title">
83+
<h1>EXPERIENCE</h1>
84+
</header>
85+
<div class="contents">
86+
<div class="box">
87+
<h4>2023-Present</h4>
88+
<h3>Developer</h3>
89+
<p>SDSLabs,IIT Roorkee</p>
90+
</div>
91+
</div>
8792
</div>
8893
</div>
8994
</div>
9095
</div>
91-
</div>
92-
</div>
93-
<div class="skills" id="skills">
94-
<div class="cssFont_1" style="font-family:'Dancing Script', cursive">Skills</div>
95-
<div class="skills-bar">
96-
<div class="bar cbar">
97-
<div class="info">
98-
<span>C++</span>
99-
</div>
100-
<div class="progress-line c"> <span></span></div>
101-
</div>
102-
<div class="bar jbar">
103-
<div class="info">
104-
<span>Java</span>
105-
</div>
106-
<div class="progress-line java"> <span></span></div>
107-
</div>
108-
<div class="bar hbar">
109-
<div class="info">
110-
<span>HTML</span>
111-
</div>
112-
<div class="progress-line html"> <span></span></div>
113-
</div>
114-
<div class="bar cssbar">
115-
<div class="info">
116-
<span>CSS</span>
117-
</div>
118-
<div class="progress-line css"> <span></span></div>
119-
</div>
120-
<div class="bar jsbar">
121-
<div class="info">
122-
<span>JavaScript</span>
123-
</div>
124-
<div class="progress-line js"> <span></span></div>
125-
</div>
126-
<div class="bar reactbar">
127-
<div class="info">
128-
<span>React.js</span>
129-
</div>
130-
<div class="progress-line react"> <span></span></div>
131-
</div>
132-
<div class="bar nodebar">
133-
<div class="info">
134-
<span>Node.js</span>
135-
</div>
136-
<div class="progress-line node"> <span></span></div>
137-
</div>
138-
<div class="bar expressbar">
139-
<div class="info">
140-
<span>Express.js</span>
141-
</div>
142-
<div class="progress-line express"> <span></span></div>
143-
</div>
144-
</div>
145-
</div>
146-
<div id="projects">
147-
<div class="cssFont_2" style="font-family:'Dancing Script', cursive">Projects</div>
148-
<div class="projects" >
149-
<div class="card">
150-
<div class="content">
151-
<h2>01</h2>
152-
<h3>Gym Website</h3>
153-
<p>This is a single page website of Gym with online time-table of the different classes. I have used HTML and CSS to make front-end of this website. </p>
154-
<a href="https://github.com/rizul2108/gymWebsite">View on github <i class="fa-brands fa-github fa-lg" style="color: #000000;" ></i></a>
155-
<a href="https://turbogym.netlify.app/">Visit Website</a>
156-
</div>
157-
</div>
158-
<div class="card">
159-
<div class="content">
160-
<h2>02</h2>
161-
<h3>Resume Builder</h3>
162-
<p>This is a Web App created using React and using Firebase as Backend Service. In this web page any user can make his/her account and then make resume by only entering his details.</p>
163-
<a href="https://github.com/rizul2108/react_resume_builder">View on github <i class="fa-brands fa-github fa-lg" style="color: #000000;" ></i></a>
164-
<a href="https://resume-e8284.web.app/">Visit Website</a>
96+
<div class="skills" id="skills">
97+
<div class="cssFont_1" style="font-family:'Dancing Script', cursive">Skills</div>
98+
<div class="skills-bar">
99+
<div class="bar cbar">
100+
<div class="info">
101+
<span>C++</span>
102+
</div>
103+
<div class="progress-line c"> <span></span></div>
104+
</div>
105+
<div class="bar jbar">
106+
<div class="info">
107+
<span>Java</span>
108+
</div>
109+
<div class="progress-line java"> <span></span></div>
110+
</div>
111+
<div class="bar hbar">
112+
<div class="info">
113+
<span>HTML</span>
114+
</div>
115+
<div class="progress-line html"> <span></span></div>
116+
</div>
117+
<div class="bar cssbar">
118+
<div class="info">
119+
<span>CSS</span>
120+
</div>
121+
<div class="progress-line css"> <span></span></div>
122+
</div>
123+
<div class="bar jsbar">
124+
<div class="info">
125+
<span>JavaScript</span>
126+
</div>
127+
<div class="progress-line js"> <span></span></div>
128+
</div>
129+
<div class="bar reactbar">
130+
<div class="info">
131+
<span>React.js</span>
132+
</div>
133+
<div class="progress-line react"> <span></span></div>
134+
</div>
135+
<div class="bar nodebar">
136+
<div class="info">
137+
<span>Node.js</span>
138+
</div>
139+
<div class="progress-line node"> <span></span></div>
140+
</div>
141+
<div class="bar expressbar">
142+
<div class="info">
143+
<span>Express.js</span>
144+
</div>
145+
<div class="progress-line express"> <span></span></div>
146+
</div>
147+
<div class="bar threebar">
148+
<div class="info">
149+
<span>Three.js</span>
150+
</div>
151+
<div class="progress-line three"> <span></span></div>
152+
</div>
153+
<div class="bar kuberbar">
154+
<div class="info">
155+
<span>Kubernetes</span>
156+
</div>
157+
<div class="progress-line kuber"> <span></span></div>
158+
</div>
159+
<div class="bar gobar">
160+
<div class="info">
161+
<span>Golang</span>
162+
</div>
163+
<div class="progress-line go"> <span></span></div>
164+
</div>
165+
<div class="bar sqlbar">
166+
<div class="info">
167+
<span>MySQL</span>
168+
</div>
169+
<div class="progress-line sql"> <span></span></div>
170+
</div>
165171
</div>
166172
</div>
167-
<div class="card">
168-
<div class="content">
169-
<h2>03</h2>
170-
<h3>Trip Manager</h3>
171-
<p>This is a Web App created using React and using Firebase as Backend Service. In this web page any user can make his/her account and then manage trip with other users of the app.</p>
172-
<a href="https://github.com/rizul2108/Marvel-Tour-Manager">View on github <i class="fa-brands fa-github fa-lg" style="color: #000000;" ></i></a>
173-
<a href="https://marvel-tours-manager.netlify.app/">Visit Website</a>
173+
<div id="projects">
174+
<div class="cssFont_2" style="font-family:'Dancing Script', cursive">Projects</div>
175+
<div class="projects">
176+
<div class="card">
177+
<div class="content">
178+
<h2>01</h2>
179+
<h3>LMS Website</h3>
180+
<p>This is a full-stack website made for a Library Management System. It is a website with
181+
two sides:
182+
User and Admin sides. It is built on MVC Arachitecture. It is also deployed on
183+
Kubernetes. I have used GoLang for backend, MySQL for DB, and HTML, CSS for Frontend.
184+
</p>
185+
<a href="https://github.com/rizul2108/mvc-lms">View on github <i
186+
class="fa-brands fa-github fa-lg" style="color: #000000;"></i></a>
187+
</div>
188+
</div>
189+
<div class="card">
190+
<div class="content">
191+
<h2>02</h2>
192+
<h3>Resume Builder</h3>
193+
<p>This is a Web App created using React and using Firebase as Backend Service. In this web
194+
page any user can make his/her account and then make resume by only entering his
195+
details.</p>
196+
<a href="https://github.com/rizul2108/react_resume_builder">View on github <i
197+
class="fa-brands fa-github fa-lg" style="color: #000000;"></i></a>
198+
<a href="https://resume-e8284.web.app/">Visit Website</a>
199+
</div>
200+
</div>
201+
<div class="card">
202+
<div class="content">
203+
<h2>03</h2>
204+
<h3>Trip Manager</h3>
205+
<p>This is a Web App created using React and using Firebase as Backend Service. In this web
206+
page any user can make his/her account and then manage trip with other users of the app.
207+
</p>
208+
<a href="https://github.com/rizul2108/Marvel-Tour-Manager">View on github <i
209+
class="fa-brands fa-github fa-lg" style="color: #000000;"></i></a>
210+
<a href="https://marvel-tours-manager.netlify.app/">Visit Website</a>
211+
</div>
212+
</div>
213+
174214
</div>
215+
175216
</div>
176-
217+
177218
</div>
178-
179-
</div>
180-
181-
</div>
182219
</div>
183220
<footer>
184221
<div class="links">
185-
<a href="https://github.com/rizul2108/"><i class="fa-brands fa-github fa-2x" style="color: #fff;" ></i></a>
186-
<a href="https://www.facebook.com/rizulgupta?mibextid=ZbWKwL"><i class="fa-brands fa-facebook fa-2x" style="color: #fff;" ></i></a>
187-
<a href="https://www.linkedin.com/in/rizul-gupta-1b8880255/"><i class="fa-brands fa-linkedin fa-2x" style="color: #fff;"></i></a>
222+
<a href="https://github.com/rizul2108/"><i class="fa-brands fa-github fa-2x" style="color: #fff;"></i></a>
223+
<a href="https://www.facebook.com/rizulgupta?mibextid=ZbWKwL"><i class="fa-brands fa-facebook fa-2x"
224+
style="color: #fff;"></i></a>
225+
<a href="https://www.linkedin.com/in/rizul-gupta-1b8880255/"><i class="fa-brands fa-linkedin fa-2x"
226+
style="color: #fff;"></i></a>
188227
</div>
189228
</footer>
190-
229+
191230
</body>
192231

193-
</html>
232+
</html>

‎public/assets/rizul.png

-23.7 KB
Loading

0 commit comments

Comments
 (0)