MY CV

Developer
Parth Viroja
Size
4,057 Kb
Views
42,504
  1. MY CV Previews
  2. MY CV HTML Codes
  3. MY CV CSS Codes
  4. MY CV JS Codes

How do I make an my cv?

Know About me.... :). What is a my cv? How do you make a my cv? This script and codes were developed by Parth Viroja on 03 September 2022, Saturday.

MY CV Previews
IQ Test

MY CV - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>MY CV</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="page"> <div class="my-photo"></div> <div class="block show-2"> <div> <h4 class="my-name"><span>P</span>arth <span>V</span>iroja</h4> <hr> <ul> <li>[email protected]</li> <li>+918866196499</li> </ul> </div> </div> <div class="block show-3"> <div> <h2 class="title">Career Objective</h2> <hr> <ul> <li>I am always seeking a career in creative environment, where I can always share my innovative ideas and thoughts, for the development of new things and new technology for organizations.</li> </ul> </div> </div> <div class="block show-3"> <div> <h2 class="title">Work Experience</h2> <hr> <ul> <li>Project Associate at <a href="http://inflibnet.ac.in">INFLIBNET</a></li> </ul> </div> </div> <div class="block"> <div> <h2 class="title">Knowledge</h2> <hr> <ul> <li>PHP framework (<span class="tag">Laravel</span>,<span class="tag">Codeigniter</span>, Joomla, Drupal, Wordpress)</li> <li><span class="tag">Apache Solr</span>, <span class="tag">Mongo DB</span>, MYSQL</li> <li>HTML5, CSS3, <span class="tag">Bootstrap 3.0</span></li> <li><span class="tag">Jquery</span>, Angular JS, Paper JS, particles JS</li> <li>VB.net, ASP.net, JSP</li> <li>C, C++, Java Programming Language.</li> <li><span class="tag">Arduino</span>, <span class="tag">Processing</span>, Autodesk MAYA</li> </ul> </div> </div> <div class="block"> <div> <h2 class="title">Ongoing Project</h2> <hr> <ul> <li><a href="http://codepen.io/parthviroja/" target="_blank">Codepen.io : Creative Block</a></li> <li><a href="http://github.com/parthviroja/" target="_blank">Github : Contributed Project</a></li> <li><a href="http://www.safaritour.in" target="_blank">Safari Tours</a></li> </ul> </div> </div> <div class="block"> <div> <h2 class="title">Interested In</h2> <hr> <ul> <li>Web Development(Front/Back End)</li> <li>Robotics and Embedded Programming</li> </ul> </div> </div> <div class="block"> <div> <h2 class="title">Scholastics</h2> <hr> <ul> <li>M.C.A completed in 2014 with <span class="tag">7.72</span></li> <li>B.C.A completed in 2011 with <span class="tag">70%</span></li> <li>HSC completed in 2008 with <span class="tag">70%</span></li> <li>SSC completed in 2006 with <span class="tag">65%</span></li> </ul> </div> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

MY CV - Script Codes CSS Codes

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* Created on : 22 Nov, 2014, 2:16:37 PM Author : PARTH
*/
* { margin: 0px; padding: 0px; font-family: 'Calibri'; font-weight: lighter; font-size: 20px; text-decoration: none; list-style-type: none; outline: none; color: #000; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {}
h1 { color: #990000; font-size: 1em;
}
h2 { color: #990000; font-size: 2em;
}
h3 { color: #990000; font-size: 3em;
}
h4 { color: #990000; font-size: 4em;
}
h5 { color: #990000; font-size: 5em;
}
h6 { color: #990000; font-size: 6em;
}
p,
ul,
li { letter-spacing: 1px; display: block; padding: 4px;
}
a { font-size: inherit; color: inherit; border-bottom: 1px dotted #990000;
}
hr { border: 0px; border-bottom: 1px dotted #000; margin: 10px;
}
html,
body,
.wrapper { height: 100%; min-height: 100%; min-height: 100vh;
}
body { background-color: ghostwhite; background-image: url('https://lh3.googleusercontent.com/1K-LCEY1oCyxByVwAG8Y4uQ3vcf-jzDJIP4rEHE_f66agbiEQ3ZG4JLirj1NEy9QblZ1sc-eIhFDM7WWHRCgyZ9sKsUmexqk_qQMOXO9de7-LRM8nkc3Xda2Rwr24PJjl1vReEFrYvTXTKgknbfWBsfMhcGVhFLlUDiz0oyDVcD4VjVGMVXtPfHG9gJXzn2m4ONJ__7jqJqykB5jDQeMuD1LfI_eDoUvrz5XxreGmGLmRmcpBZSXz3gnm5Eg28e-jG6gAav4oBmTtZXle9w_DPTJ7jfVzzD8SPlnlFqPQmM3b0kQNA57CuwB21xxGAqDmHj5qGW9gFw4U13tPofF0LBBizsUyIJDqGIwhybaUZ3E3h6h_jaF_hhJZgxhIqkD7To2R-hWCdLA76AWud1AmgLQTfPO3ol5oOay2KvAF7up8Fv2m1wwCNnOYLlkfElb8Dw90ZuAcb1XX6jRWxu2uHAahkcU6FruEhPqkpCGiKM5-wV5TVf8Dopai720E1N2OClRW-fuUkudT4ADFhJtHN3SuNlFp5Ax3T_WIEwBy7I=w1920'); background-repeat: no-repeat; background-position: center center; background-attachment: fixed;
}
.page { position: absolute; display: block; top: 60px; right: 60px; width: 70%; max-width: 70%; padding: 20px; min-height: 100vh; max-height: 100vh; z-index: 11111;
}
.page > .block { display: block; display: flex; flex-direction: row-reverse;
}
.block > div { display: inline-block; padding: 10px 20px; margin-bottom: 40px; background-color: transparent; border-radius: 10px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}
.block > div > ul { text-align: right;
}
.my-name { color: #990000;
}
.my-name span { font-size: inherit;
}
.title { text-align: right; color: #990000;
}
.tag { background-color: #990000; color: #fff; font-size: inherit; margin: 0px 4px; padding: 0px 4px;
}
.show-1 { -webkit-animation: block-show 1s ease;
}
.show-2 { -webkit-animation: block-show 2s ease;
}
.show-3 { -webkit-animation: block-show 3s ease;
}
.show-4 { -webkit-animation: block-show 4s ease;
}
.show-5 { -webkit-animation: block-show 5s ease;
}
.show-6 { -webkit-animation: block-show 6s ease;
}
@-webkit-keyframes block-show { 0% { opacity: 0; } 100% { opacity: 1; }
}
@-webkit-keyframes block-hide { 0% { opacity: 1; } 100% { opacity: 0; }
}
@media (max-width:1600px) {}
@media (max-width:1366px) {}
@media (max-width:1280px) {}
@media (max-width:1024px) {}
@media (max-width:768px) { .page { position: relative; margin: 0 auto; top: 0px; right: 0px; display: block; width: 90%; max-width: 90%; padding: 20px; } .page > .block { display: block; } .block > div { display: block; padding: 5px 10px; margin-bottom: 10px; background-color: rgba(255, 255, 255, 0.1); } h4 { text-align: right; font-size: 2em; } h2 { font-size: 1.5em; } p, ul, li { font-size: 14px; }
}
@media (max-width:480px) {}
@media (max-width:322px) {}

MY CV - Script Codes JS Codes

$(document).ready(function() { $(window).scroll(function() { $(".page > .block").each(function(a) { var c = $(this).position().top + $(this).outerHeight(); var b = ($(window).scrollTop() + $(window).height() + 400); if (b > c) { if (!$(this).hasClass("show-5")) { $(this).addClass("show-5") } } }) })
});
MY CV - Script Codes
MY CV - Script Codes
Home Page Home
Developer Parth Viroja
Username parthviroja
Uploaded September 03, 2022
Rating 3
Size 4,057 Kb
Views 42,504
Do you need developer help for MY CV?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Parth Viroja (parthviroja) Script Codes
Name
Ripple Effect
Remove Class On Click Outside
Css Dropdown Design
Page load animation
Contextmenu using Jquery
Box transition
Card border collspan
Responsive grid with filter, sort and layout
Filter, sort grid item
3D-box
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!