-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_old.html
264 lines (244 loc) · 14.4 KB
/
index_old.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
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!DOCTYPE html>
<html>
<head>
<title>Shivendra Saurav - Portfolio</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://shivendrasaurav.github.io/Fluent-Design-For-Web/fluent.js"></script>
<link href="https://shivendrasaurav.github.io/Fluent-Design-For-Web/fluent.css" type="text/css" rel="stylesheet">
<link href="https://shivendrasaurav.github.io/Fluent-Design-For-Web/Icons/css/icons.css" type="text/css" rel="stylesheet">
<link href="customstyles.css" type="text/css" rel="stylesheet">
<script>
function openmod1(){
document.getElementById("mod1").style.display="Block";
document.getElementById("body").style.filter="saturate(125%) blur(10px)";
}
function closemod1(){
document.getElementById("mod1").style.display="None";
document.getElementById("body").style.filter="blur(0px)";
}
function showsidenav(){
if(screen.width < 640){
document.getElementById("sidenav").style.display="Block";
document.getElementById("content").style.filter="saturate(125%) blur(10px)";
}
}
function hidesiednav(){
document.getElementById("sidenav").style.display="None";
document.getElementById("content").style.filter="blur(0px)";
}
function opendialog1(){
document.getElementById("dialog1").style.display="Block";
}
function closedialog1(){
document.getElementById("dialog1").style.display="None";
}
</script>
</head>
<body>
<div class="column large12 medium12 pivot_container primary_inverted" style="position: fixed; margin-top: -10px; width: 99%;">
<a class="pivot_button left" onclick="showsidenav();" style="padding: 0px; font-size: 38px;">SS</a>
<a href="#contact" style="font-size: 20px;" class="pivot_button right small0">Contact</a>
<a href="#portfolio" style="font-size: 20px;" class="pivot_button right small0">Portfolio</a>
<a href="#skills" style="font-size: 20px;" class="pivot_button right small0">What I Do</a>
<a href="#about" style="font-size: 20px;" class="pivot_button right small0">About Me</a>
<a href="#home" style="font-size: 20px;" class="pivot_button right small0">I am</a>
</div>
<div class="sidepanel_container primary_inverted" id="sidenav">
<div class="sidepanel_content zi3 right">
<br><br>
<button class="primary_red right ta_center" onclick="hidesiednav();" style="padding: 10px; padding-left: 20px; padding-right: 20px;">X</button><br><br><br><br>
<div class="page_container">
<a href="#home" style="font-size: 28px;" onclick="hidesiednav();"><div class="panel_item">I am</div></a>
<a href="#about" style="font-size: 28px;" onclick="hidesiednav();"><div class="panel_item">About Me</div></a>
<a href="#skills" style="font-size: 28px;" onclick="hidesiednav();"><div class="panel_item">What I Do</div></a>
<a href="#portfolio" style="font-size: 28px;" onclick="hidesiednav();"><div class="panel_item">Portfolio</div></a>
<a href="#contact" style="font-size: 28px;" onclick="hidesiednav();"><div class="panel_item">Contact</div></a>
</div>
</div>
</div>
<div id="content">
<div class="page_container fsbg parrallax" id="home">
<div class="iam">
<h1 class="anim1">I am,</h1>
<h3 class="anim2">Shivendra Saurav</h3>
<h5 class="anim3">UI/UX Designer</h5>
</div>
</div>
<div id="about" class="page_container" style="padding: 16px;" >
<br><br><br><br>
<h2>About Me</h2>
<p style="font-size: 24px;">
I am currently pusruing B.Tech in CSE from REVA University.
I have the ability to solve any programming or design problem
based on the criteria provided. Maybe you want a music app,
maybe you want a web page for your brand, or maybe you want
to make Conway's Game Of Life, I can do all that and much more
</p>
<br><br><br><br><br><br>
</div>
<div id="skills" class="page_container primary_white zi2">
<br><br>
<div style="padding: 16px;" class="column large6 medium6 small12">
<h2>What I Do</h2>
<p style="font-size: 24px;">
I can perform a wide array of tasks ranging from designing
and developing beutiful webpages just like this one or based on
given requirements. I also know different programming languages
which help me to participate in most of the projects I am part of.
I also possess fundamental knowledge of algorithms and mathematics
which helps me to solve almost any problem I face.
</p>
</div>
<div style="padding: 16px;" class="column large6 medium6 small12">
<h2>My Inventory Includes Of</h2>
<p style="text-align: left;">
<button class="primary_blue " >
UI/UX Development</span>
</button>
<button class="primary_blue " >
Front End Web Development</span>
</button>
<button class="primary_blue " >
Algorithms Development</span>
</button>
<button class="primary_blue " >
Using Data Structures</span>
</button>
<button class="primary_blue " >
Handling Arrays and Pointers</span>
</button>
<button class="primary_blue " >
Writing Webpages In HTML/CSS</span>
</button>
<button class="primary_blue " >
Developing JavaScript Components</span>
</button>
<button class="primary_blue " >
Writing C/C++ Applications</span>
</button>
<button class="primary_blue " >
Developing Dynamic PHP Pages</span>
</button>
<button class="primary_blue " >
Writing Python Scripts</span>
</button>
</p>
<br>
</div>
<br><br>
</div>
<br><br><br><br>
<div class="page_container" id="portfolio">
<h2>My Portfolio</h2>
<p style="font-size: 24px;">
My fortfolio includes of all the projects I have worked on so far on my journey till date.
And these are the most prominent ones that I've worked on since starting my graduation.
</p>
<div class="page_container">
<div class="column large4 medium6 small12">
<div class="overlay_container zi3 primary_yellow center">
<img class="overlay_content" src="./potfolio_img/tcd.png">
<p class="overlay" style="text-align: center;">
<br><br><br><br><br><br>
<a style="color: #FFF; font-size: 36px;" href="https://www.youtube.com/channel/UCnEIkvnbpbQyetPk_K9QNQg?confirm_subscribe=1" target="blank">
The Code Drop
</a>
</p>
</div>
</div>
<div class="column large4 medium6 small12">
<div class="overlay_container zi3 primary_inverted center">
<img class="overlay_content" src="./potfolio_img/fdfw.png">
<p class="overlay" style="text-align: center">
<br><br><br><br><br><br>
<a style="color: #FFF; font-size: 32px;" href="https://fluentdesignforweb.github.io/index.html" target="blank">
Fluent Design For Web
</a>
</p>
</div>
</div>
<div class="column large4 medium6 small12">
<div class="overlay_container zi3 primary_red center">
<img class="overlay_content" src="./potfolio_img/tedx.png">
<p class="overlay" style="text-align: center;">
<br><br><br><br><br><br>
<a style="color: #FFF; font-size: 32px;" href="http://tedxrevauniversity.com/" target="blank">
TEDxREVAUniversity
</a>
</p>
</div>
</div>
<br><br>
<div class="column large4 medium6 small12">
<div class="overlay_container zi3 primary_blue center">
<img class="overlay_content" src="./potfolio_img/dscreva.png">
<p class="overlay" style="text-align: center;">
<br><br><br><br><br><br>
<a style="color: #FFF; font-size: 36px;" href="https://dscreva.github.io/" target="blank">
DSCREVA
</a>
</p>
</div>
</div>
<div class="column large4 medium6 small12">
<div class="overlay_container zi3 primary_white center">
<img class="overlay_content" src="./potfolio_img/calc.png">
<p class="overlay" style="text-align: center;">
<br><br><br><br><br><br>
<a style="color: #FFF; font-size: 36px;" href="https://shivendrasaurav.github.io/jsapp.calculator/" target="blank">
Calculator
</a>
</p>
</div>
</div>
<div class="column large4 medium6 small12">
<div class="overlay_container zi3 primary_green center">
<img class="overlay_content" src="./potfolio_img/ttt.png">
<p class="overlay" style="text-align: center;">
<br><br><br><br><br><br>
<a style="color: #FFF; font-size: 36px;" href="https://shivendrasaurav.github.io/Tic-Tac-Toe/" target="blank">
Tic Tac Toe
</a>
</p>
</div>
</div>
<div class="column large4 medium6 small12">
<div class="overlay_container zi3 primary_yellow center">
<img class="overlay_content" src="./potfolio_img/tcdb.png">
<p class="overlay" style="text-align: center;">
<br><br><br><br><br><br>
<a style="color: #FFF; font-size: 36px;" href="https://shivendrasaurav.github.io/Tic-Tac-Toe/" target="blank">
The Code Drop Box
</a>
</p>
</div>
</div>
</div>
</div>
<br><br><br><br>
<div class="primary_inverted" style="width: 100%;" id="contact">
<br><br>
<h2>You Can Get In Touch With Me By</h2>
<div class="column large6 medium6 small12">
<div style="color: #FFF;" class="tooltip_container">
<h4>Mailing Me</h4>
<span class="tooltip_info">[email protected]</span>
</div>
<div style="color: #FFF;" class="tooltip_container">
<h4>Contacting Me</h4>
<span class="tooltip_info">+917348830375 / +917717726255</span>
</div>
</div>
<div class="column large6 medium6 small12">
<h4>Following me on these platorms</h4>
<a href="https://www.youtube.com/channel/UCnEIkvnbpbQyetPk_K9QNQg?confirm_subscribe=1"><img src="./portfolio_follow/youtube.png" class="icon"></a>
<a href="https://github.com/shivendrasaurav"><img src="./portfolio_follow/github.png" class="icon"></a>
<a href="https://www.instagram.com/shivendrasaurav/"><img src="./portfolio_follow/instagram.png" class="icon"></a>
<a href="https://www.linkedin.com/in/shivendra-saurav-80a8ba191/"><img src="./portfolio_follow/linkedin.png" class="icon"></a>
<a href="https://www.facebook.com/shivendra.saurav"><img src="./portfolio_follow/facebook.png" class="icon"></a>
</div>
<br><br><br><br>
</div>
</div>
</body>
</html>