Do things

This commit is contained in:
gurusabarish
2020-09-04 19:41:11 +05:30
parent 11c4ca12ac
commit 5856e45b4b
2 changed files with 37 additions and 12 deletions
+28 -8
View File
@@ -1,32 +1,52 @@
<section> <section>
<div class="p-3 about bg-light text-center" id="about"> <div class="p-3 do-things bg-white text-center" id="do-things">
<div class="things-i-do text-primary font-weight-bold"> <div class="things-i-do text-primary font-weight-bold">
Things I do Things I do
</div> </div>
<div class="p-4"> <div class="p-5">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-md-3 col-sm "> <div class="col-md-3 col-sm offset">
<div class="shadow rounded p-2 bg-warning"> <div class="things shadow rounded p-5 mt-5 bg-warning">
<svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"> <svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
<path <path
d="M255.03 261.65c6.25 6.25 16.38 6.25 22.63 0l11.31-11.31c6.25-6.25 6.25-16.38 0-22.63L253.25 192l35.71-35.72c6.25-6.25 6.25-16.38 0-22.63l-11.31-11.31c-6.25-6.25-16.38-6.25-22.63 0l-58.34 58.34c-6.25 6.25-6.25 16.38 0 22.63l58.35 58.34zm96.01-11.3l11.31 11.31c6.25 6.25 16.38 6.25 22.63 0l58.34-58.34c6.25-6.25 6.25-16.38 0-22.63l-58.34-58.34c-6.25-6.25-16.38-6.25-22.63 0l-11.31 11.31c-6.25 6.25-6.25 16.38 0 22.63L386.75 192l-35.71 35.72c-6.25 6.25-6.25 16.38 0 22.63zM624 416H381.54c-.74 19.81-14.71 32-32.74 32H288c-18.69 0-33.02-17.47-32.77-32H16c-8.8 0-16 7.2-16 16v16c0 35.2 28.8 64 64 64h512c35.2 0 64-28.8 64-64v-16c0-8.8-7.2-16-16-16zM576 48c0-26.4-21.6-48-48-48H112C85.6 0 64 21.6 64 48v336h512V48zm-64 272H128V64h384v256z" /> d="M255.03 261.65c6.25 6.25 16.38 6.25 22.63 0l11.31-11.31c6.25-6.25 6.25-16.38 0-22.63L253.25 192l35.71-35.72c6.25-6.25 6.25-16.38 0-22.63l-11.31-11.31c-6.25-6.25-16.38-6.25-22.63 0l-58.34 58.34c-6.25 6.25-6.25 16.38 0 22.63l58.35 58.34zm96.01-11.3l11.31 11.31c6.25 6.25 16.38 6.25 22.63 0l58.34-58.34c6.25-6.25 6.25-16.38 0-22.63l-58.34-58.34c-6.25-6.25-16.38-6.25-22.63 0l-11.31 11.31c-6.25 6.25-6.25 16.38 0 22.63L386.75 192l-35.71 35.72c-6.25 6.25-6.25 16.38 0 22.63zM624 416H381.54c-.74 19.81-14.71 32-32.74 32H288c-18.69 0-33.02-17.47-32.77-32H16c-8.8 0-16 7.2-16 16v16c0 35.2 28.8 64 64 64h512c35.2 0 64-28.8 64-64v-16c0-8.8-7.2-16-16-16zM576 48c0-26.4-21.6-48-48-48H112C85.6 0 64 21.6 64 48v336h512V48zm-64 272H128V64h384v256z" />
</svg> </svg>
<div class="p-2 font-weight-bold">
Python
</div>
<div class="p-2 text-primary">
I build something beautiful using python.
</div> </div>
</div> </div>
<div class="col-md-3 col-sm"> </div>
<div class="shadow rounded p-2 bg-warning">
<div class="col-md-3 col-sm offset">
<div class="things shadow rounded p-5 mt-5 bg-warning">
<svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"> <svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
<path <path
d="M32,224H64V416H32A31.96166,31.96166,0,0,1,0,384V256A31.96166,31.96166,0,0,1,32,224Zm512-48V448a64.06328,64.06328,0,0,1-64,64H160a64.06328,64.06328,0,0,1-64-64V176a79.974,79.974,0,0,1,80-80H288V32a32,32,0,0,1,64,0V96H464A79.974,79.974,0,0,1,544,176ZM264,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,264,256Zm-8,128H192v32h64Zm96,0H288v32h64ZM456,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,456,256Zm-8,128H384v32h64ZM640,256V384a31.96166,31.96166,0,0,1-32,32H576V224h32A31.96166,31.96166,0,0,1,640,256Z" /> d="M32,224H64V416H32A31.96166,31.96166,0,0,1,0,384V256A31.96166,31.96166,0,0,1,32,224Zm512-48V448a64.06328,64.06328,0,0,1-64,64H160a64.06328,64.06328,0,0,1-64-64V176a79.974,79.974,0,0,1,80-80H288V32a32,32,0,0,1,64,0V96H464A79.974,79.974,0,0,1,544,176ZM264,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,264,256Zm-8,128H192v32h64Zm96,0H288v32h64ZM456,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,456,256Zm-8,128H384v32h64ZM640,256V384a31.96166,31.96166,0,0,1-32,32H576V224h32A31.96166,31.96166,0,0,1,640,256Z" />
</svg> </svg>
<div class="p-2 font-weight-bold">
Machine learning
</div>
<div class="p-2 text-primary">
I train robust models for various tasks.
</div> </div>
</div> </div>
<div class="col-md-3 col-sm "> </div>
<div class="shadow rounded p-2 bg-warning">
<div class="col-md-3 col-sm">
<div class="things shadow rounded p-5 mt-5 bg-warning">
<svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"> <svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
<path <path
d="M0 32l34.9 395.8L191.5 480l157.6-52.2L384 32H0zm308.2 127.9H124.4l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7L138 320l53.5 14.5 53.7-14.5 6-62.2H84.3L71.5 112.2h241.1l-4.4 47.7z" /> d="M0 32l34.9 395.8L191.5 480l157.6-52.2L384 32H0zm308.2 127.9H124.4l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7L138 320l53.5 14.5 53.7-14.5 6-62.2H84.3L71.5 112.2h241.1l-4.4 47.7z" />
</svg> </svg>
<div class="p-2 font-weight-bold">
Build things for web
</div>
<div class="p-2 text-primary">
I love to build things for web.
</div>
</div> </div>
</div> </div>
</div> </div>
+8 -3
View File
@@ -84,10 +84,10 @@
} }
} }
/* about */ /* do things */
.about { .do-things {
height: 100vh; height: auto;
padding: 0; padding: 0;
padding-bottom: 0; padding-bottom: 0;
margin: 0; margin: 0;
@@ -97,3 +97,8 @@
.things-i-do { .things-i-do {
font-family: 'Alata', sans-serif; font-family: 'Alata', sans-serif;
} }
.things {
height: 40vh;
overflow: hidden;
}