Biography Page

Developer
LaShawnda Elder
Size
3,692 Kb
Views
8,096
  1. Biography Page Previews
  2. Biography Page HTML Codes
  3. Biography Page CSS Codes
  4. Biography Page JS Codes

How do I make an biography page?

What is a biography page? How do you make a biography page? This script and codes were developed by LaShawnda Elder on 11 December 2022, Sunday.

Biography Page Previews
IQ Test

Biography Page - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Biography Page</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html>
<head>	<title>LaShawnda's Biography Page</title>
</head>
<body>	<div class="container">	<header>	<img src="http://geekyelephant.com/wp-content/uploads/2015/11/GE-site-logo.png" class="header" alt="geeky elephant's header" />	<nav class="js-nav">	<ul class="tabs">	<li class="home selected "><a class="js-link" href="#home">Home</a></li>	<li class="about-me"><a class="js-link" href="#about">About Me</a></li>	<li class="contact"><a class="js-link" href="#contact">Contact</a></li>	</ul>	</nav>	</header>	<div class="row">	<div class="article-toggle">	<div class="columns two-thirds">	<article id="home" class="article active">	<img src="http://lelder.road2hire.ninja/codepen/img/LaShawnda-resized.JPG" class="photo-of-me" alt="LaShawnda smiling" />	<h3>Who is LaShawnda?</h3>	<p>I'm a proud mommy of an awesome 2 year old baby boy. I moved to Charlotte, NC in 2012, and loved it ever since. I now work for a great company called Red Ventures as a front-end web developer.</p>	</article>	<article id="about-me" class="article article-two">	<img src="#" class="photo-of-me" />	<h3>Fun Facts </h3>	<p>I know how to play the violin & the flute, I only like cheese on pizza and macaroni and cheese.</p>	</article>	</div>	<div class="columns one-third">	<article id="contact" class="article article-three">	<img src="http://lelder.road2hire.ninja/codepen/img/IMG_2424.JPG" class="photo-of-me" alt="logo" />	</article>	</div>	</div>	<footer>	<p>&copy; 2017 LaShawnda Elder</p>	</footer>	</div>
</body>
</html> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Biography Page - Script Codes CSS Codes

* { box-sizing: border-box;
}
body { background-image: url(http://wallpaperpulse.com/img/185380.jpg); background-repeat: no-repeat; background-size: cover; font-family: Georgia, Times, serif; color: #666;
}
.container { width: 1100px; margin: 0 auto; background-color: #fff;
}
.header { width: 100%; padding: 0;
}
header { color: white;
}
header img { width: 100%;
}
header h2 { font-size: 15px; letter-spacing: 1px; margin-left: 20px; text-transform: uppercase;
}
li { display: inline-block; font-size: 20px; padding: 10px;
}
li:hover { background-color: #dec363; border-radius: 15px; color: #FF0097; cursor: pointer;
}
.selected a { color: #000;
}
nav { background-color: #b3b3b3; margin: 0; padding-top: 20px; position: relative; bottom: 20px; text-align: center;
}
article { float: left;
}
footer p { clear: both; background-color: #aeaca8; color: #fff; padding: 2px 20px;
}
.photo-of-me { border: 1px solid #eee; height: 330px; width: 295px; float: left; margin: 20px;
}
aside { clear: both; color: #FF0097;
}
aside p, p { color: #666; font-size: 20px; line-height: 30px;
}
a { display: block; color: #de6581; font-size: 20px; padding: 10px; text-decoration: none;
}
a:hover { background-color: #fbf9f6; color: #b62748;
}
h3 { color: #de6581;
}
.columns { float: left; padding-left: 20px; padding-right: 20px;
}
.two-thirds { width: 66.666666%; border-right: 1px dotted #ccc;
}
img { width: 100%; padding: 5px;
}

Biography Page - Script Codes JS Codes

$(document).ready(function(){	$('a').on('click', function(){	$('.two-thirds').slideUp(2000);	});
});
Biography Page - Script Codes
Biography Page - Script Codes
Home Page Home
Developer LaShawnda Elder
Username lelder
Uploaded December 11, 2022
Rating 3
Size 3,692 Kb
Views 8,096
Do you need developer help for Biography Page?

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!

LaShawnda Elder (lelder) Script Codes
Name
Order-Now
Chapter1-Example
Chapter7-Example
Chapter16-Example
Chapter6-Example
A Pen by LaShawnda Elder
GO Gradebook Details Page
Chapter3-Example
E-commerce
Chapter2-Example
Create amazing video scripts 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!