diff --git a/abhilash.html b/abhilash.html new file mode 100644 index 0000000000000000000000000000000000000000..392247e4567bcb001314561884108004e1aa9500 --- /dev/null +++ b/abhilash.html @@ -0,0 +1,134 @@ + + + +Abhilash Bhima - Curriculum Vitae + + + + + + + + + + + +
+
+
+ Alan Smith +
+ +
+

Abhilsh Bhima

+

Software developer at Google

+
+ +
+ +
+
+
+ +
+
+
+
+

Personal Profile

+
+ +
+

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.

+
+
+
+
+ + +
+
+

Work Experience

+
+ +
+
+

Sofware developer at Google

+

April 2018 - Present

+

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.

+
+ +
+

program developer at Quick Heal Technologies

+

Janruary 2015 - March 2018

+

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.

+
+ +
+

software engineer at Infosys

+

October 2013 - December 2014

+

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.

+
+
+
+
+ + +
+
+

Key Skills

+
+ +
+
    +
  • Communication skills
  • +
  • Managing skills
  • +
  • personality development skills
  • +
  • Computer skills
  • +
  • Soft skills
  • + +
+
+
+
+ + +
+
+

Education

+
+ +
+
+

Sri Chaitany college

+

Intermediate

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies massa et erat luctus hendrerit. Curabitur non consequat enim.

+
+ +
+

K L University

+

B Tech

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies massa et erat luctus hendrerit. Curabitur non consequat enim.

+
+
+
+
+ +
+
+ + + + diff --git a/linux.png b/linux.png new file mode 100755 index 0000000000000000000000000000000000000000..99b7e183325c25a3cd71bc40633a0c47c3053672 Binary files /dev/null and b/linux.png differ diff --git a/style2.css b/style2.css new file mode 100644 index 0000000000000000000000000000000000000000..35951cae2f5c430dc8d46acd40d04fbde833ec38 --- /dev/null +++ b/style2.css @@ -0,0 +1,357 @@ +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; +} +.