A Pen by LaShawnda Elder

Developer
LaShawnda Elder
Size
2,314 Kb
Views
6,072
  1. A Pen by LaShawnda Elder Previews
  2. A Pen by LaShawnda Elder HTML Codes
  3. A Pen by LaShawnda Elder CSS Codes
  4. A Pen by LaShawnda Elder JS Codes

How do I make an a pen by lashawnda elder?

Inspired by: - https://googlecreativelab.github.io/coder-projects/projects/perfect_recipe/. What is a a pen by lashawnda elder? How do you make a a pen by lashawnda elder? This script and codes were developed by LaShawnda Elder on 11 December 2022, Sunday.

A Pen by LaShawnda Elder Previews
IQ Test

A Pen by LaShawnda Elder - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by LaShawnda Elder</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!DOCTYPE html>
<html>
<head> <link href="https://fonts.googleapis.com/css?family=Prociono" rel="stylesheet">
</head>
<body> <div class="pagecontent"> <h1>The Perfect PB&amp;J</h1> <hr /> <img src="http://lelder.road2hire.ninja/codepen/img/the_perfect_pbj.jpg" alt="PBJ" /> <hr /> <h2>Description</h2> <p>This peanut butter and jelly sandwhich is my favorite sandwich.</p> <hr /> <h2>Ingredients</h2> <ul> <li>2 slices of white bread</li> <li>1 jar of grape jelly</li> <li>1 jar of smooth peanut butter</li> <li>A butter knife</li> <li>A sharp knife</li> <li>A cutting board</li> </ul> <hr /> <h2>Directions</h2> <ol> <li>Lay both slices of bread next to each other on a cutting board.</li> <li>With the butter knife, spread a 1/8 inch layer of peanut butter on the left side</li> <li>On the right side, spread a 1/8 inch layer of jelly.</li> <li>Carefully place the two halves together so that the jelly is on top.</li> <li>With the sharp knife, carefully trim the crust from the sandwich.</li> <li>Cut the sandwich diagonally.</li> <li>Enjoy the PB&amp;J!</li> </ol>
<!-- /. ol --> </div>
<!-- /. pagecontent -->
</body>
</html> <script src="js/index.js"></script>
</body>
</html>

A Pen by LaShawnda Elder - Script Codes CSS Codes

body { background-color: #a3d5d3;
}
/* body */
.pagecontent { padding-left: 50px; padding-right: 50px;
}
/* /. pagecontent */
h1 { color: purple; font-family: 'Prociono', serif; font-size: 40px; font-weight: bold; line-height: 2em; text-align: center;
}
/* h1 */
h2 { color: white; font-family: 'Prociono', serif; font-size: 30px; font-weight: bold; line-height: 2.5em;
}
/* h2 */
p { color: purple; font-family: 'Prociono', serif; font-size: 25px; line-height: 2.5em;
}
/* /. p */
li { color: purple; font-family: 'Prociono', serif; font-size: 20px; line-height: 2.5em;
}
/* /. li */
img { width: 100%;
}
/* /. img */
hr { background-color: #ca9b07; border-color: #ca9b07; height: 5px;
}
/* hr */

A Pen by LaShawnda Elder - Script Codes JS Codes

document.getElementsByTagName("h1")[0].style.fontSize = "80px";
A Pen by LaShawnda Elder - Script Codes
A Pen by LaShawnda Elder - Script Codes
Home Page Home
Developer LaShawnda Elder
Username lelder
Uploaded December 11, 2022
Rating 3
Size 2,314 Kb
Views 6,072
Do you need developer help for A Pen by LaShawnda Elder?

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
Chapter2-Example
Chapter3-Example
Chapter7-Example
Chapter15-Example
E-commerce
Biography Page
Message Project
Chapter1-Example
Online Store Layout
Week3 Layout Test
Create amazing web 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!