Scribd
Upload
10 views5 pages

CSS Code

The document contains HTML and CSS code for a baking recipes webpage, featuring recipes for almond croissants, sourdough bread, and classic carrot cake. It includes sections for ingredients, instructions, baking tips, reviews, and contact information. The styling emphasizes a warm aesthetic with a focus on readability and organization.

Uploaded by

vidur2204
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
10 views5 pages

CSS Code

The document contains HTML and CSS code for a baking recipes webpage, featuring recipes for almond croissants, sourdough bread, and classic carrot cake. It includes sections for ingredients, instructions, baking tips, reviews, and contact information. The styling emphasizes a warm aesthetic with a focus on readability and organization.

Uploaded by

vidur2204
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 5

CSS code:

body {
background-color:FDFCE8;
}
p {
color: 78C5DC;
font-family: sans-serif;
font-size: 15px;
}

h1 {
font-weight: bold;
color:C7A07A;
font-family:cursive;
text-align: center;
}

h3 {
font-weight: bold;
color:C7A07A;
font-family:cursive
}

h2 {
font-weight: bold;
color:C7A07A;;
font-family:cursive
}

li {
color: 78C5DC;
font-family: sans-serif;
font-size: 15px;
}

img {
width: 125px;
border-style: dashed;
border-radius: 20px;
float:right;
margin-left: 10px;
margin-right: 10px;
}

h6 {
color: 78C5DC;
font-family: cursive;
}

.pics {
display: flex;
justify-content: center;
align-items: center;
width: 400px;
height: auto;
border-style:double;
border-color: C7A07A;
border-width: 6px;
background-color:antiquewhite;
border-radius: 20px;
text-align: center;
float: right;
position:absolute;
left:550px;
top: auto;
}

hr {
color: C7A07A;
border-style: dotted;
}

.cards {
width: 500px;
height: auto;
border-style: double;
border-color: C7A07A;
background-color: antiquewhite;
border-radius: 20px;
border-width: 6px;
font-size: 15px;
text-align: center;
}

.step-img {
background-color: antiquewhite;
border-style: double;
border-width: 6px;
border-color: C7A07A;
border-radius: 20px;
width: auto;
height: auto;
left:600px;
top: auto;
position:absolute;
}

.extra {
border-style: double;
border-color: C7A07A;
background-color: antiquewhite;
border-radius: 20px;
border-width: 6px;
text-align: center;
justify-content: center;
height: auto;
}

HTML code:

<link rel="stylesheet" href="Style.css">


<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Baking Recipies</h1>

<!--How did denzel start baking-->


<h2>How did I start baking?</h2>
<p>I discovered my love for baking at the tender age of 10 when I baked his
first batch of chocolate chip cookies with my grandmother. The joy of creating
something delicious from scratch enthralled me. Over the years, I honed my skills
by experimenting with various recipes and even creating some of my own. My dream is
to share the joy of baking with others and inspire them to create their own baked
wonders.</p>

<!--Baking recipies-->
<h2>Almond croissant</h2>
<div class="pics">
<img src="AlmondCroissants-(1).png" alt="crossiant">
<p>A delicate pastry filled with the sweet nutty goodness of almond paste,
dusted with powdered sugar, and baked to a golden perfection</p>
</div>

<div class="cards">
<h3>Ingredients:</h3>
<li>1 sheet of puff pastry </li>
<li>1/2 cup of almond paste </li>
<li>1/4 cup of powdered sugar </li>
<li>1 egg (for egg wash). </li>
<p></p>
</div>
<p></p>
<div class="step-img">
<img src="AlmondCroissantStep4.png" alt="crossiant">
<img src="AlmondCroissantStep3.png" alt="crossiant">
</div>

<div class="cards">
<h3>Insturctions:</h3>
<li>First, preheat the oven to 375°F.</li>
<li> Next, roll out the puff pastry and cut it into triangles.</li>
<li>pread a thin layer of almond paste on each triangle. </li>
<li>Then, roll each triangle from the base to the tip and curve into a crescent
shape.</li><li>Finally, brush with egg wash and sprinkle with powdered sugar and
bake for 15-20 minutes until it’s golden brown.</li>
<p></p>
</div>

<h2>Sourdough bread</h2>

<div class="pics">
<img src="SourdoughBread.png" alt="bread">
<p>A community favorite, boasting a crusty exterior and a soft, airy interior,
embodying the classic sourdough charm<p>
</div>
<div class="cards">
<h3>Ingredients:</h3>
<li>1 cup sourdough starter
<li>1 1/2 cups warm water
<li>4 cups bread flour
<li>1 1/2 teaspoons salt
</div>
<p></p>
<div class="step-img">
<img src="SourdoughBreadStep2.png" alt="bread">
</div>
<div class="cards">
<h3>Instructions:</h3>
<li>First, mix the starter, water, and 3 cups of flour in a large bowl.
This should create a sticky dough.
<li>Next, add salt, and remaining flour 1 tablespoon at a time until they are
fully incorporated.
<li>Then, knead the dough on a floured surface for about 15 minutes.
<li>Once the kneading is done, place the dough in a lightly greased bowl,
cover it, and let it rise for about 5 hours.
<li>Finally, shape the dough into a loaf, and let it rest for 30
minutes.
<li>When you are ready to bake, preheat your oven to 450°F and bake
for about 30 minutes until it's golden brown.
</div>
<h2>Classic carrot cake</h2>
<div class="pics">
<img src="CarrotCake.png" alt="cake">
<p>An homage to tradition and familial bonds, enriched with the natural sweetness
of carrots and a crunch of walnuts, it holds a special place in my heart as it was
my late grandfather's favorite. Every year on my grandfather's birthday, I bake
this cake to honor his memory and the bond I shared over the love of baking.</p>
</div>
<div class="cards">
<h3>Ingredients:</h3>
<li>2 cups all-purpose flour
<li>2 cups granulated sugar
<li>1 teaspoon baking soda
<li>2 teaspoons cinnamon
<li> teaspoon salt
<li>1 cup vegetable oil
<li>4 large eggs
<li> cups grated carrots
<li>1 cup crushed pineapple
<li>1/2 cup chopped walnuts.
</div>
<div class="step-img">
<img src="CarrotCakeStep4.jpg" alt="cake">
<img src="CarrotCakeStep6.png" alt="cake">
</div>
<p></p>
<div class="cards">
<h3>Instructions</h3>
<li>First, preheat the oven to 350°F.
<li>Next, mix together the flour, sugar, baking soda, cinnamon, and salt in a
large bowl.
<li>Then, stir in the oil and eggs until smooth.
<li>Fold in the carrots, pineapple, and walnuts and then pour the batter into a
greased baking pa
<li>Bake for 30-35 minutes. Make sure you allow the cake to cool before
frosting with cream cheese frosting.
</div>

<hr>
<!--Baking tips-->
<div class="extra">
<h2>Baking tips</h2>
<li>importance of measuring ingredients accurately
<li>allowing eggs and butter to reach room temperature before baking
<li>rotating the baking tray halfway through the baking time for an even bake.
<p></p>
</div>
<p></p>
<!--Reviews-->
<div class="extra">
<h2>Reviews</h2>
<li>Tina said, “Denzel’s sourdough is the best in town. It has the perfect crust
and is always so fresh!”
<li>Jordan raved, “The almond croissants are a little bite of heaven. I can’t get
enough”
<p></p>
</div>
<p></p>
<!--Contact me-->
<div class="extra">
<h2>Contact Me</h2>
<p>email at [email protected] or on LinkedIn at linkedin.com/in/denzel-
baker and his Instagram profile instagram.com/denzelstreats and Facebook page
facebook.com/DenzelsBakery</p>
</div>

<h6>All images were made by chatGPT and are under the CC0 1.0 creative commons
license</h6>
<body>
<html>

You might also like