Embedded Files
Home > Code.org > Code.org Examples > Example #3 - Makeup
index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="List%20-1.html"> Where to find makeup?</a>
<a href="index.html"> Home page</a>
<a href="List%20.html"> Facts about me!</a>
<h1> Facts About Makeup</h1>
<h2> What is a Makeup?</h2>
<p>Makeup is a Cosmetic, a cosmetic is a prouduct made of different chemicals used to enhance the appearence of the face, frangrance, or the texture of the body.</p>
<img src="different-makeup-.jpg" alt="different makeup">
<!-- various cosmetic products-->
<p>"Free to Download makeup and Cosmetic Mockups" by Vectogravic Design is licensed under CC BY 4.0</p>
<h2> What is the correct kind of makeup for me?</h2>
<p> As we all have different skin types, there are different types of makeups that cater to all shades and textures of skin.</p>
<img src="baumann1.jpg" alt=different skin types>
<p> By Honey Bunny Beauty in Asian Beauty on September 5, 2017 CC BY</p>
<h2>Why cant i seem to find the right foundation color for me?</h2>
<p> Undertones are key when searching for the right foundation. When foundation is created theyre are only only 4 colors, red, black white and yelow.You want your foundation color to match your neck and not your face, because your face is not the same color as the rest of your body, your face is usually a little lighter than your body.</p>
<img src="flatlay-makeup-beauty-cosmetics.jpg" alt= different foundation><p> powder, art and craft, body care and beauty Makeup Beauty Flatlay Photo By Flatlay CC0 </p>
<h2>Enjoy your New look!</h2>
<p>Attribution-NoDerivs CC BY-ND</p>
<body>
<html>
style.css
body {
background:bisque;
font-size:20px;
text-align: center;
}
p {
color:hotpink;
}
h1 {border-style:solid;
border-color:azure;
color:indigo;
font-family:fantasy;
font-weight: bold;
}
ul
{
color:hotpink;
}
ol
{
color:hotpink;
}
List%20-1.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="List%20-1.html"> Where do I find makeup?</a>
<a href="index.html">Home page</a>
<a href="List%20.html"> Facts about me!</a>
<h1>Where can i find Makeup near me?</h1>
<ol>
<li>Ulta</li>
<li>Sephora</li>
<li>Morphe</li>
<li>Drugstore</li>
</ol>
<h1>Tips and tricks to acheive a flawless look!</h1>
<ul>
<li>prep and prime</li>
<li>Hide dark circles</li>
<li>find your correct undertones</li>
<li>apply the perfect base</li>
<li>conceal blemishes</li>
<li>apply powder as needed</li>
<li> add dimension</li>
<li>apply highlight in desired areas</li>
<li> apply eyeshawdow as desired</li>
</ul>
<p>Attribution-NoDerivs CC BY-ND</p>
</body>
</html>
List%20.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="List%20-1.html"> Where to find makeup? </a>
<a href="index.html"> Home page</a>
<a href="List%20.html"> Facts about me!</a>
<h1> About me!</h1>
<p> My name is Monique i am an aspiring cosmetologist.Cosmetology is the study and application of beauty treatment. Cosmetologist do numerous of activities that may include hairstyling, skin care, cosmetics, and manicures/pedicures. Ever since a little girl I would always find myslef playing in my moms makeup, and once i finally got permisson to prctice on myslef and others i took the opportunity and ran with it.</p>
<h1>Follow your dreams!</h1>
<p>One thing I'd like to say to my piers, would be to follow your dreams and dont let anyone break your spirit.</p>
<p>Attribution-NoDerivs CC BY-ND</p>
</body>
</html>
Report abuse