Live resume concept

Developer
Anthony Adamski
Size
4,567 Kb
Views
38,456
  1. Live resume concept Previews
  2. Live resume concept HTML Codes
  3. Live resume concept CSS Codes

How do I make an live resume concept?

What is a live resume concept? How do you make a live resume concept? This script and codes were developed by Anthony Adamski on 25 August 2022, Thursday.

Live resume concept Previews
IQ Test

Live resume concept - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Live resume concept</title> <script src="http://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html
{	font-size:100%;
}
body
{	-webkit-font-smoothing:antialiased;	color:#333332;	font-family:Lora, serif;	font-size:18px;	font-weight:400;	line-height:1.4;	text-rendering:optimizeLegibility;
}
.skill-set li:hover
{	background:#3498db;
}
h1
{	color:rgba(0,0,0,.75);
}
.wrapper
{	height:100%;
}
.left
{	background-color:rgba(0,0,0,.025);	border-right:1px solid rgba(0,0,0,.05);	float:right;	height:100%;	margin-left:-1px;	min-width:256px;	position:fixed;	width:33.33%;
}
.right
{	float:right;	height:100%;	position:relative;	width:66.66%;
}
.name-hero
{	background:rgba(0,0,0,.001);	bottom:0;	height:290px;	left:0;	margin:auto;	position:absolute;	right:0;	top:0;	width:85%;
}
.me-img
{	background:url(http://s3-us-west-2.amazonaws.com/s.cdpn.io/36334/profile/profile-512_4.jpg) no-repeat center center ;	background-size:100%; background-position:0px;	border-radius:100%;	height:150px;	margin:0 auto;	position:relative;	width:150px;
}
.name-hero h1
{	font-family:Open Sans, sans-serif;	font-size:1.5em;	text-align:center;
}
.name-hero h1 em
{	color:rgba(0,0,0,.3);	font-style:normal;	font-weight:700;
}
.name-hero p
{	color:rgba(0,0,0,.5);	font-size:.75em;	line-height:1.5;	margin:0 8px 0 0;	text-align:center;
}
.name-hero .name-text
{	margin:0 auto;	width:85%;
}
.inner
{	margin:0 auto;	max-width:975px;	padding:3em;
}
.inner h1
{	font-size:1.75em;
}
.inner p
{	color:rgba(0,0,0,.3);
}
.inner p em
{	color:rgba(0,0,0,.75);	font-style:normal;
}
.inner section
{	margin:100px auto;
}
ul
{	list-style-type:none;	margin-top:-10px;	max-width:570px;	padding:0;
}
.skill-set li
{	background:rgba(0,0,0,.75);	border-radius:5px;	color:#FFF;	display:inline-block;	list-style:none;	margin:15px 15px 0 0;	padding:10px;	text-align:justify;
}
@media screen and (max-width: 48em) {	.right,.left	{	float:none; position:relative !important;	width:100%; min-height:500px;	} .handmade { text-align:center !important; margin-top:0px !important;
}
@media screen and (max-width: 75em) { body
{ font-size:16px;}
}
@media screen and (max-width: 60em) { body
{ font-size:14px;}
}
.clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both;
}
.handmade { text-align:right; margin-top:100px;
}
.handmade em { font-family: 'Shadows Into Light', cursive; font-size: 1.25em; margin-left:5px;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body>
<link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic|Open+Sans:300,400,500,700|Waiting+for+the+Sunrise|Shadows+Into+Light' rel='stylesheet' type='text/css'>
<div class="wrapper clearfix">
<div class="left"> <div class="name-hero"> <div class="me-img"></div> <div class="name-text"> <h1>Anthony <em>Adamski</em></h1> <p>10 Iroquois St Boston, MA 02120</p> <p>[email protected]</p> <p>(956) 500-5558</p> </div> </div> </div> <div class="right"> <div class="inner"> <section> <h1>Employment</h1> <p>Winter 2015 - Present <em>Grand Interactive, llc. | Mobile App Developer</em></p> <p>Raised $78,000 in early stage funding, created initial design concepts, and oversaw initial development. Currently oversee and maintain all front end code and server functionality.</p> <p>Spring 2012 - Winter 2015 | <em>PadMatcher Inc. | CTO, Co-Founder</em></p> <p>Raised $78,000 in early stage funding, created initial design concepts, and oversaw initial development. Oversaw and maintained all front end code and server functionality.</p> <p>Fall 2011 - Fall 2013 | <em>Penrose Realty llc. | Desinger & Assistant</em></p> <p>Responsible for all technical areas. Maintain servers, computers, and provide in office technical support. Rebranded company from ground up including a fully responsive website. </p> </section> <section> <h1>Technical Skills</h1> <ul class="skill-set"> <li>Mobile Development</li> <li>Xamarin</li> <li>CSS3</li> <li>Adobe Photoshop</li> <li>HTML5</li> <li>CSS3</li> <li>JQUERY</li> <li>UI Design</li> <li>Company Branding</li> <li>Responsive Web Design</li> </ul> </section> <section> <h1>References</h1> <p>William Grand | <em>Grand Interactive, llc. | CEO</em></p> <p>(617) 448-0910 | [email protected]</p> <p>Eric Chauvin | <em>PadMatcher Inc. | CEO</em></p> <p>(617) 448-0910 | [email protected]</p> <p>Chris Heller <em>Penrose Realty LLC. | Broker</em></p> <p>(617) 794-4554 | [email protected]</p> </section> <section> <h1>Personal Interests</h1> <ul class="skill-set"> <li>Faith</li> <li>Biblical Studies</li> <li>Playing Guitar</li> <li>Song Writing</li> <li>Health & Nutrition</li> <li>Reading</li> </ul> </section> <section> <div class="handmade"> <p>handmade by <em> Anthony Adamski</em></p> </div> </section> </div> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Live resume concept - Script Codes CSS Codes

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html
{	font-size:100%;
}
body
{	-webkit-font-smoothing:antialiased;	color:#333332;	font-family:Lora, serif;	font-size:18px;	font-weight:400;	line-height:1.4;	text-rendering:optimizeLegibility;
}
.skill-set li:hover
{	background:#3498db;
}
h1
{	color:rgba(0,0,0,.75);
}
.wrapper
{	height:100%;
}
.left
{	background-color:rgba(0,0,0,.025);	border-right:1px solid rgba(0,0,0,.05);	float:right;	height:100%;	margin-left:-1px;	min-width:256px;	position:fixed;	width:33.33%;
}
.right
{	float:right;	height:100%;	position:relative;	width:66.66%;
}
.name-hero
{	background:rgba(0,0,0,.001);	bottom:0;	height:290px;	left:0;	margin:auto;	position:absolute;	right:0;	top:0;	width:85%;
}
.me-img
{	background:url(http://s3-us-west-2.amazonaws.com/s.cdpn.io/36334/profile/profile-512_4.jpg) no-repeat center center ;	background-size:100%; background-position:0px;	border-radius:100%;	height:150px;	margin:0 auto;	position:relative;	width:150px;
}
.name-hero h1
{	font-family:Open Sans, sans-serif;	font-size:1.5em;	text-align:center;
}
.name-hero h1 em
{	color:rgba(0,0,0,.3);	font-style:normal;	font-weight:700;
}
.name-hero p
{	color:rgba(0,0,0,.5);	font-size:.75em;	line-height:1.5;	margin:0 8px 0 0;	text-align:center;
}
.name-hero .name-text
{	margin:0 auto;	width:85%;
}
.inner
{	margin:0 auto;	max-width:975px;	padding:3em;
}
.inner h1
{	font-size:1.75em;
}
.inner p
{	color:rgba(0,0,0,.3);
}
.inner p em
{	color:rgba(0,0,0,.75);	font-style:normal;
}
.inner section
{	margin:100px auto;
}
ul
{	list-style-type:none;	margin-top:-10px;	max-width:570px;	padding:0;
}
.skill-set li
{	background:rgba(0,0,0,.75);	border-radius:5px;	color:#FFF;	display:inline-block;	list-style:none;	margin:15px 15px 0 0;	padding:10px;	text-align:justify;
}
@media screen and (max-width: 48em) {	.right,.left	{	float:none; position:relative !important;	width:100%; min-height:500px;	} .handmade { text-align:center !important; margin-top:0px !important;
}
@media screen and (max-width: 75em) { body
{ font-size:16px;}
}
@media screen and (max-width: 60em) { body
{ font-size:14px;}
}
.clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both;
}
.handmade { text-align:right; margin-top:100px;
}
.handmade em { font-family: 'Shadows Into Light', cursive; font-size: 1.25em; margin-left:5px;
}
Live resume concept - Script Codes
Live resume concept - Script Codes
Home Page Home
Developer Anthony Adamski
Username anthonyadamski
Uploaded August 25, 2022
Rating 4.5
Size 4,567 Kb
Views 38,456
Do you need developer help for Live resume concept?

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!

Anthony Adamski (anthonyadamski) Script Codes
Name
Image Hover Effect
Jquery Snippets
A Pen by Anthony Adamski
Single page concept
Cool Page Split Effect
Less Utility Classes
Live CSS Blur
Full Viewport Background Scroll
Cropped Background Images
Responsive Email Template
Create amazing SEO content 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!