8000 PImgImproved · devashishg/devashishg.github.io@36e3939 · GitHub
[go: up one dir, main page]
Skip to content

Commit 36e3939

Browse files
devashishgdevashishg
committed
PImgImproved
1 parent 0af6b46 commit 36e3939

File tree

2 files changed

+24
-17
lines changed

2 files changed

+24
-17
lines changed

‎css/slider/slider.css

+17-11
Original file line numberDiff line numberDiff line change
@@ -133,6 +133,11 @@ nav ul > li {
133133
}
134134

135135

136+
.extrapadd{
137+
padding-left: 10px;
138+
padding-right: 10px;
139+
}
140+
136141
#mySidenav a {
137142
position: absolute; /* Position them relative to the browser window */
138143
left: -100px; /* Position them outside of the screen */
@@ -269,27 +274,30 @@ nav ul > li {
269274
box-sizing:border-box;
270275
margin:45px;
271276
padding:10px;
272-
border: 5px solid #cff9d9;
277+
273278
}
274279

275280
/* The wrapper for each item */
276281
.rig-cell {
277282
/*margin:12px;
278283
box-shadow:0 0 6px rgba(0,0,0,0.3);*/
279284
display:block;
285+
border: 5px solid #cff9d9;
286+
width: fit-content;
280287
position: relative;
281288
overflow:hidden;
289+
align-content: center;
290+
padding: 10px;
282291
}
283292

284293
/* If have the image layer */
285294
.rig-img {
286295
display:block;
287-
width: 225px;
288-
height: 225px;
289-
border:none;
296+
width: 250px;
297+
height: 250px;
290298
transform:scale(1);
291299
transition:all 1s;
292-
padding-left: 25px;
300+
padding: 10px;
293301
}
294302

295303
#rig li:hover .rig-img {
@@ -318,23 +326,21 @@ nav ul > li {
318326
/* If have captions */
319327
.rig-text {
320328
display:block;
321-
padding:0 20px;
329+
padding:0 10px;
322330
box-sizing:border-box;
323331
position:absolute;
324-
left:0;
325332
width:100%;
326333
text-align:center;
327334
text-transform:capitalize;
328335
font-size:18px;
329-
font-weight:bold;
330336
font-family: 'Arya', sans-serif;
331337
font-weight:normal!important;
332-
top:20%;
338+
top:10%;
333339
color:#3a7648;
334340
opacity:0;
335341
filter:alpha(opacity=0);/*For older IE*/
336-
transform:translateY(-20px);
337-
transition:all .3s;
342+
transform:translateY(-60px);
343+
transition:all .7s;
338344
}
339345
#rig li:hover .rig-text {
340346
transform:translateY(0px);

‎index.html

+7-6
Original file line numberDiff line numberDiff line change
@@ -136,11 +136,11 @@ <h3 class="box">Hope you are doing Good!!</h3>
136136
</div>
137137

138138
<section class="py-5" id="aboutme">
139-
<div class="container-fluid">
139+
<div class="container-fluid extrapadd">
140140
<div class="row justify-content-md-center">
141141
<div class="col col-lg">
142142
<div class="content container">
143-
<img src="media/me.jpeg" alt="Avatar" class="imaging" style="width:100%">
143+
<img src="media/me.jpeg" alt="Avatar" class="imaging" style="width:inherit">
144144
<div class="middle">
145145
<div style="font-family: 'Arya', sans-serif; font-size:20px">Hey, I'm Devashish</div><br/>
146146
<a href="#contact" class="text" class="myButton" style="text-decoration:none;border-radius:50px;">Wanna_Contact</a>
@@ -204,28 +204,28 @@ <h1 style="align-self:center;font-size:40px;font-family:'Arya', sans-serif;text-
204204
<a class="rig-cell" href="#">
205205
<img class="rig-img" src="media/projects/SP.jpg" />
206206
<span class="rig-overlay"></span>
207-
<span class="rig-text"><b><u>Smart Peon</u></b><br/>A Bluetooth based School ring-bell Application.</span>
207+
<span class="rig-text"><b><u>Smart Peon</u></b><br/><br/>A Bluetooth based School ring-bell Application.</span>
208208
</a>
209209
</li>
210210
<li>
211211
<a class="rig-cell" href="#">
212212
<img class="rig-img" src="media/projects/smartphone.png" />
213213
<span class="rig-overlay"></span>
214-
<span class="rig-text"><b><u>VOC Android Application</u></b><br/>Application for client feedback</span>
214+
<span class="rig-text"><b><u>VOC Android Application</u></b><br/><br/>Application for client feedback</span>
215215
</a>
216216
</li>
217217
<li>
218218
<a class="rig-cell" href="#">
219219
<img class="rig-img" src="media/projects/laptop.png" />
220220
<span class="rig-overlay"> </span>
221-
<span class="rig-text"><b><u>Couex.com</u></b><br/> A website with Integerated php feedback System.</span>
221+
<span class="rig-text"><b><u>Couex.com</u></b><br/><br/> A website with Integerated php feedback System.</span>
222222
</a>
223223
</li>
224224
<li>
225225
<a class="rig-cell" href="#">
226226
<img class="rig-img" src="media/projects/router.png" />
227227
<span class="rig-overlay"></span>
228-
<span class="rig-text"><u><b>Smart Irregation & Monitoring</b></u><br/>Hardware Module keep track of land soil and automate motor pump.</span>
228+
<span class="rig-text"><u><b>Smart Irregation & Monitoring</b></u><br/>Hardware Module keep track of land-soil & automate motorpump.</span>
229229
</a>
230230
</li>
231231
<li>
@@ -305,6 +305,7 @@ <h1 style="align-self:center;font-size:40px;font-family:'Arya', sans-serif;text-
305305
<a href="https://www.linkedin.com/in/devashish-gupta-b3a473100/" target="_blank"style="text-decoration:none; color:#303030"><i class="fa fa-linkedin" aria-hidden="true"></i></a>&nbsp;
306306
<a href="https://www.twitter.com/imdevaCsh" target="_blank"style="text-decoration:none; color:#303030"><i class="fa fa-twitter" aria-hidden="true"></i></a>&nbsp;
307307
<a href="https://stackoverflow.com/users/8504438/devas" target="_blank"style="text-decoration:none; color:#303030"><i class="fa fa-stack-overflow" aria-hidden="true"></i></a>&nbsp;
308+
<a href="https://www.codechef.com/users/devash" target="_blank"style="text-decoration:none; color:#303030"><i class="fa fa-code" aria-hidden="true"></i></a>&nbsp;
308309
<a href="https://www.devacsh.wordpress.com/" target="_blank"style="text-decoration:none; color:#303030"><i class="fa fa-wordpress" aria-hidden="true"></i></a>&nbsp;
309310
<a href="https://codepen.io/devashishg/" target="_blank"style="text-decoration:none; color:#303030"><i class="fa fa-codepen" aria-hidden="true"></i></a>&nbsp;
310311
<a href="https://bitbucket.org/devashishg/" target="_blank"style="text-decoration:none; color:#303030"><i class="fa fa-bitbucket" aria-hidden="true"></i></a>&nbsp;

0 commit comments

Comments
 (0)
0