Commit 7f1fe310 authored by Abhilash Bhima's avatar Abhilash Bhima

resume

parent 25825aaf
Pipeline #3413 passed with stage
in 15 seconds
<!DOCTYPE html>
<html>
<head>
<title>Abhilash Bhima - Curriculum Vitae</title>
<meta name="viewport" content="width=device-width"/>
<meta name="description" content="The Curriculum Vitae of Joe Bloggs."/>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style2.css">
<link href='http://fonts.googleapis.com/css?family=Rokkitt:400,700|Lato:400,300' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body id="top">
<div id="cv" class="instaFade">
<div class="mainDetails">
<div id="headshot" class="quickFade">
<img src="linux.png" alt="Alan Smith" />
</div>
<div id="name">
<h1 class="quickFade delayTwo">Abhilsh Bhima</h1>
<h2 class="quickFade delayThree">Software developer at Google</h2>
</div>
<div id="contactDetails" class="quickFade delayFour">
<ul>
<li>e: <a href="mailto:joe@bloggs.com" target="_blank">abhilash.bhima@outlook.com</a></li>
<li>w: <a href="https:abhilashklu.blogspot.com//">abhilashklu.blogspot.com</a></li>
<li>m: 9876543210</li>
</ul>
</div>
<div class="clear"></div>
</div>
<div id="mainArea" class="quickFade delayFive">
<section>
<article>
<div class="sectionTitle">
<h1>Personal Profile</h1>
</div>
<div class="sectionContent">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor metus, interdum at scelerisque in, porta at lacus. Maecenas dapibus luctus cursus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies massa et erat luctus hendrerit. Curabitur non consequat enim. Vestibulum bibendum mattis dignissim. Proin id sapien quis libero interdum porttitor.</p>
</div>
</article>
<div class="clear"></div>
</section>
<section>
<div class="sectionTitle">
<h1>Work Experience</h1>
</div>
<div class="sectionContent">
<article>
<h2>Sofware developer at Google</h2>
<p class="subDetails">April 2018 - Present</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies massa et erat luctus hendrerit. Curabitur non consequat enim. Vestibulum bibendum mattis dignissim. Proin id sapien quis libero interdum porttitor.</p>
</article>
<article>
<h2>program developer at Quick Heal Technologies</h2>
<p class="subDetails">Janruary 2015 - March 2018</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies massa et erat luctus hendrerit. Curabitur non consequat enim. Vestibulum bibendum mattis dignissim. Proin id sapien quis libero interdum porttitor.</p>
</article>
<article>
<h2>software engineer at Infosys</h2>
<p class="subDetails">October 2013 - December 2014</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies massa et erat luctus hendrerit. Curabitur non consequat enim. Vestibulum bibendum mattis dignissim. Proin id sapien quis libero interdum porttitor.</p>
</article>
</div>
<div class="clear"></div>
</section>
<section>
<div class="sectionTitle">
<h1>Key Skills</h1>
</div>
<div class="sectionContent">
<ul class="keySkills">
<li>Communication skills</li>
<li>Managing skills</li>
<li>personality development skills</li>
<li>Computer skills</li>
<li>Soft skills</li>
</ul>
</div>
<div class="clear"></div>
</section>
<section>
<div class="sectionTitle">
<h1>Education</h1>
</div>
<div class="sectionContent">
<article>
<h2>Sri Chaitany college</h2>
<p class="subDetails">Intermediate</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies massa et erat luctus hendrerit. Curabitur non consequat enim.</p>
</article>
<article>
<h2>K L University</h2>
<p class="subDetails">B Tech</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies massa et erat luctus hendrerit. Curabitur non consequat enim.</p>
</article>
</div>
<div class="clear"></div>
</section>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3753241-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
</html>
linux.png

34.9 KB

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
border:50;
font:inherit;
font-size:100%;
margin:0;
padding:100;
vertical-align:baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}
html, body {background-image: url("/home/ubuntu/Desktop/back.jpg"); background-attachment: fixed; font-family: 'Lato', helvetica, arial, sans-serif; font-size: 20px; color: #008000;}
.clear {clear: both;}
p {
font-size: 1em;
line-height: 1.4em;
margin-bottom: 20px;
color: #000000;
}
#cv {
width: 200%;
max-width: 800px;
background: #98FB98;
margin: 30px auto;
}
.mainDetails {
padding: 25px 35px;
border-bottom: 2px solid #000000;
background: #FFF8DC;
}
#name h1 {
font-size: 2.5em;
font-weight: 700;
font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
margin-bottom: -6px;
}
#name h2 {
font-size: 1em;
margin-left: 5px;
font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
}
#mainArea {
padding: 0 20px;
}
#headshot {
width: 12.5%;
float: left;
margin-right: 20px;
}
#headshot img {
width: 100%;
height: auto;
-webkit-border-radius: 50px;
border-radius: 50px;
}
#name {
float: left;
}
#contactDetails {
float: right;
}
#contactDetails ul {
list-style-type: none;
font-size: 0.9em;
margin-top: 2px;
}
#contactDetails ul li {
margin-bottom: 3px;
color: #FF1493;
}
#contactDetails ul li a, a[href^=tel] {
color: #FF1493;
text-decoration: none;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
transition: all .3s ease-in;
}
#contactDetails ul li a:hover {
color: #008000;
}
section {
border-top: 1px solid red;
padding: 20px 0 0;
}
section:first-child {
border-top: 0;
}
section:last-child {
padding: 20px 0 10px;
}
.sectionTitle {
float: left;
width: 25%;
}
.sectionContent {
float: right;
width: 72.5%;
}
.sectionTitle h1 {
font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
font-style: italic;
font-size: 1.5em;
color: blue;
}
.sectionContent h2 {
font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
font-size: 1.5em;
margin-bottom: -2px;
}
.subDetails {
font-size: 0.8em;
font-style: italic;
margin-bottom: 3px;
}
.keySkills {
list-style-type: none;
-moz-column-count:1;
-webkit-column-count:1;
column-count:1;
margin-bottom: 20px;
font-size: 1em;
color: #000000;
}
.keySkills ul li {
margin-bottom: 3px;
}
@media all and (min-width: 602px) and (max-width: 800px) {
#headshot {
display: none;
}
.keySkills {
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
}
}
@media all and (max-width: 601px) {
#cv {
width: 95%;
margin: 10px auto;
min-width: 280px;
}
#headshot {
display: none;
}
#name, #contactDetails {
float: none;
width: 100%;
text-align: center;
}
.sectionTitle, .sectionContent {
float: none;
width: 100%;
}
.sectionTitle {
margin-left: -2px;
font-size: 1.25em;
}
.keySkills {
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
}
}
@media all and (max-width: 480px) {
.mainDetails {
padding: 15px 15px;
}
section {
padding: 15px 0 0;
}
#mainArea {
padding: 0 25px;
}
.keySkills {
-moz-column-count:1;
-webkit-column-count:1;
column-count:1;
}
#name h1 {
line-height: .8em;
margin-bottom: 4px;
}
}
@media print {
#cv {
width: 100%;
}
}
@-webkit-keyframes reset {
0% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
40% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes reset {
0% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fade-in {
0% {
opacity: 0;
}
40% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes reset {
0% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
40% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.instaFade {
-webkit-animation-name: reset, fade-in;
-webkit-animation-duration: 1.5s;
-webkit-animation-timing-function: ease-in;
-moz-animation-name: reset, fade-in;
-moz-animation-duration: 1.5s;
-moz-animation-timing-function: ease-in;
animation-name: reset, fade-in;
animation-duration: 1.5s;
animation-timing-function: ease-in;
}
.quickFade {
-webkit-animation-name: reset, fade-in;
-webkit-animation-duration: 2.5s;
-webkit-animation-timing-function: ease-in;
-moz-animation-name: reset, fade-in;
-moz-animation-duration: 2.5s;
-moz-animation-timing-function: ease-in;
animation-name: reset, fade-in;
animation-duration: 2.5s;
animation-timing-function: ease-in;
}
.delayOne {
-webkit-animation-delay: 0, .5s;
-moz-animation-delay: 0, .5s;
animation-delay: 0, .5s;
}
.delayTwo {
-webkit-animation-delay: 0, 1s;
-moz-animation-delay: 0, 1s;
animation-delay: 0, 1s;
}
.delayThree {
-webkit-animation-delay: 0, 1.5s;
-moz-animation-delay: 0, 1.5s;
animation-delay: 0, 1.5s;
}
.delayFour {
-webkit-animation-delay: 0, 2s;
-moz-animation-delay: 0, 2s;
animation-delay: 0, 2s;
}
.delayFive {
-webkit-animation-delay: 0, 2.5s;
-moz-animation-delay: 0, 2.5s;
animation-delay: 0, 2.5s;
}
.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment