-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (168 loc) · 8.28 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Porfolio</title>
<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<!-- header-start -->
<header id="header">
<div class="container">
<div class="logo">
<a href="#">VirtualRcoder</a>
</div>
<div class="nav-toggle" id="toggle">
<i class="fas fa-bars"></i>
</div>
<nav>
<ul>
<li><a href="#intro">Home</a></li>
<li><a href="#about-me">About Me</a></li>
<li><a href="#work">My Works</a></li>
</ul>
</nav>
</div>
</header>
<!-- header-end -->
<!-- intro-start -->
<section id="intro">
<div class="container">
<div class="intro-text">
<h1 >Welcome to <em>My Portfolio</em></h1>
<div class="member-img">
<img src="images/shubham.jpg" alt="">
</div>
<p>My name is Shubham Sharma. <br>I am studying in Dr. Akhilesh Das Gupta Institute of Technology & Management. <br>I am an FOSS enthusiast and want to contribute in open source.<br> My life aim is to give something good back to the society.</p>
<div class="call-to-action">
<a href="#about-me" class="btn-bg">Get started</a>
</div>
</div>
</div>
</section>
<!-- intro-end-->
<!-- about-us-start -->
<section id="about-me">
<div class="container">
<br>
<h2 class="section-title">About <span>Me</span></h2>
<p class="section-desc">
I am a self-learner and interested in open source contribution.<br>I also like to teach anyone how want to learn about the trending technology or want to start from scratch.<br>I also learn new technology regularly by myself.<br>I am also like to thank the DGPLUG channel on IRC which taught me <br>the different things in open source and also teaching me various things this time also.
</p>
<div class="works-container">
<div class="work first">
<div class="work-icon">
<i class="far fa-lightbulb"></i>
</div>
<div class="work-title">
<p>WEB DEVELOPER</p>
</div>
<div class="work-desc">
<p>
I was not initially interested in web development. Although the basics of web development (HTML) which i learned in 10th class has created, interest of programming in me. <br>Then after sometime i started to learn about how to create a website and from that time i had learned many technologies related to web development.
</p>
</div>
</div>
<div class="work">
<div class="work-icon">
<i class="far fa-gem"></i>
</div>
<div class="work-title">
<p>FOSS LOVER</p>
</div>
<div class="work-desc">
<p>
Initially i didn't know about the FOSS. I only considered it as those free software. But then a day came during my first year of college, on which there was a workshop conducted by MOZILLA. There was a guy who changed my mindset and that was a day on which i learned that the FOSS is not limited to that point, that i think to be. He is the one who become our mentor and his name is SANYAM KHURANA, he is also known as CURIOUS LEARNER on the web.
</p>
</div>
</div>
<div class="work">
<div class="work-icon">
<i class="far fa-edit"></i>
</div>
<div class="work-title">
<p>BLOGGER</p>
</div>
<div class="work-desc">
<p>
I don't have even a single thought about blogging. But started writing them, as our mentor Sanyam tell us to do so. <br>Now i understand the importance of blogging that it is required to let me know that what i have learned and to share my knowledge wirh others so that they can correct me. These blogs also help me to revise what i have learn. These blog also building up my profile.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- about-us-end -->
<!-- experience-start-->
<!-- <section id="experiences">
<div class="container">
<div class="experience-container">
<div class="experience">
<div class="experience-icon">
<i class="fas fa-code"></i>
</div>
<div class="experience-numb">
<h5>9877 k</h5>
<h6>Lines coded</h6>
</div>
</div>
<div class="experience">
<div class="experience-icon">
<i class="far fa-clock"></i>
</div>
<div class="experience-numb">
<h5>8500 +</h5>
<h6>Working Hours</h6>
</div>
</div>
<div class="experience">
<div class="experience-icon">
<i class="fas fa-columns"></i>
</div>
<div class="experience-numb">
<h5>458</h5>
<h6>No Of Template</h6>
</div>
</div>
<div class="experience">
<div class="experience-icon">
<i class="far fa-images"></i>
</div>
<div class="experience-numb">
<h5>7500</h5>
<h6>Photos</h6>
</div>
</div>
</div>
</div>
</section>
< experience-end-->
<!-- team-start -->
<section id="work">
<div class="container">
<br><br><br><br>
<h2 class="section-title">My <span>Recent Project</span></h2>
<p class="section-desc">
<h2><u>VISION</u></h2>
I have implemented the Frontend of Django based Rest Api with the REACT Js. It is a project management software, in which we implement the concept of Stand ups and Time entries. In this the user can track their projects. I have implemented this project as my Major Project.</p>
<br><br>The github link -:<a style="color:blue;" href="https://github.com/VirtualRcoder/Pace_tracker_frontend">Vision</a>
</p>
<p class="section-desc">
<h2><u>Dots & Boxes</u></h2>
It is a 2D game based on unity. It is a two player game in which one player who complete the boxes first win.</p><p>
<br><br>The github link -:<a style="color:blue;" href="https://github.com/VirtualRcoder/Dots-Boxes">Dots & Boxes</a>
</p>
<p class="section-desc">
<h2><u>Django Contacts</u></h2>
I have created an Web Application with Django Framework. The name of this is Django_Contacts. In this Web Application you can store your contacts and retrieve, delete and edit it.</p>
<br><br>The github link -:<a style="color:blue;" href="https://github.com/VirtualRcoder/django_contacts">Django-Contacts</a>
<br><br>Link to my Blogs-:<a style="color:blue;" href="https://virtualrcoder.wordpress.com/">Blogs</a>
</p>
</div>
</section>
</body>
</html>