Professional Documents
Culture Documents
OK
OK
OK
DOCTYPE html>
<html>
<head>
h1{
color: #ce0000 ;
font-size:15vh;
font-family: Arial black;
}
h2{
color: black;
font-size:2.5vh;
font-family: Arial black;
position: absolute;
top: 5vh;
left:80vw;
}
.ing{
color: #e12301;
font-size: 5vh;
font-family: Arial black;
position: absolute;
top: 30.5vh;
left: 1vw;
}
.img1{
position: absolute;
top: 30.5vh;
left: 8vw;
}
.ing1{
color: white;
font-size:3.5vh;
font-family: Times New Roman;
position: absolute;
top: 38vh;
left:5vw;
}
.steps{
color: #e12301;
font-size:5vh;
font-family: Arial black;
position: absolute;
top: 27vh;
left: -3.5vw;
}
.steps1{
color: white;
font-size:3.5vh;
font-family: Times New Roman;
position: absolute;
top: 38vh;
left: 1vw;
}
.ps{
color: #e12301;
font-size: 5vh;
font-family: arial black;
position: absolute;
top: 30vh;
left: -5vw;
}
.ps1{
color: white;
font-size:3.5vh;
font-family: Times New Roman;
position: absolute;
top: 41vh;
left: 1vw;
}
.hb{
color: #e12301;
font-size: 5vh;
font-family: arial black ;
position: absolute;
top: 37vh;
left: -5vw;
}
.hb1{
color: white;
font-size:3.5vh;
font-family: Times New Roman;
position: absolute;
top: 55vh;
left: -1vw;
}
.ht{
color: #e12301;
font-size:5vh;
font-family: arial black;
position: absolute;
top: 8vh;
left: -5vw;
}
.ht1{
color: white;
font-size:3.5vh;
font-family: Times New Roman;
position: absolute;
top: 27vh;
left: -5vw;
}
.ing2{
position: absolute;
top: -10vh;
left: 25vw;
</style>
</head>
<body>
<h1 class="ing">Ingredients</h1>
<ul class="ing1">
<li>1/2 cup pizza sauce</li>
<li>18 to 20 slices</li>
<li>12 ounces mozzarella cheese grated </li>
<li>1/2 teaspoon ground black pepper</li>
<li>1 teaspoon fresh oregano, optional</li>
<li>Flour for rolling and shaping dough</li>
<h1 class="steps">Steps</h1>
<ul class="steps1">
<li> Preheat the oven </li>
<li> Make the sauce </li>
<li> Roll out the dough </li>
<li> Add the toppings </li>
<li> Cook the pizza </li>
<li> Slice and serve </li>
<li> Make the honey butter (optional) </li>