-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathimageunorderedlist.html
111 lines (105 loc) · 4.6 KB
/
imageunorderedlist.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
body {
font-family: 'Open Sans', sans-serif;
margin: 0;
padding: 0;
color: #4E342E; /* Deep Brown Text */
background-color: #F8BBD0; /* Pastel Pink Background */
}
header {
grid-area: header;
margin-bottom: 1em;
border-radius: 1em;
color: #4E342E; /* Deep Brown Text */
padding: 20px;
height: 150px;
text-align: center;
font-style: italic;
background: url('assets/birthday-cake.png') left center no-repeat,
url('assets/cake.png') right center no-repeat,
#F8BBD0; /* Pastel Pink Background */
background-size: contain;
background-color: #FFF8E1; /* Light Cream Background */
}
h1 {
margin: 0;
color: #4E342E; /* Deep Brown Text */
font-size: 2.5em;
}
ul {
list-style-type: none;
margin: 0px;
padding: 12px;
}
ul li {
background-image: url('assets/cake.png');
background-repeat: no-repeat;
background-position: 0 2px;
background-size: 15px 15px; /* Adjusts the size of the image */
padding-left: 35px; /* Adjust padding to add more space to the left */
font-size: 1.2em; /* Increased text size */
}
</style>
</head>
<body>
<header>
<br>
<br>
<h1>My Favorite Things to Bake</h1>
</header>
<article>
<section>
<ul>
<li>Freshly Baked Bread
<ul>
<li>Why: The process of making bread is both rewarding and relaxing, and the aroma is irresistible.</li>
<li>Best Parts: The crispy crust and soft, airy interior that’s perfect for sandwiches or just with a bit of butter.</li>
</ul>
</li>
<li>Chewy Brownies
<ul>
<li>Why: Dense and fudgy, they’re ideal for satisfying any chocolate craving.</li>
<li>Best Parts: The rich, gooey texture and intense chocolate flavor that’s both decadent and comforting.</li>
</ul>
</li>
<li>Pumpkin Spice Muffins
<ul>
<li>Why: They capture the essence of fall with their warm spices and pumpkin flavor.</li>
<li>Best Parts: The moist crumb and the comforting spices that make them perfect for chilly days.</li>
</ul>
</li>
<li>Flan
<ul>
<li>Why: A creamy and smooth custard with a rich caramel sauce, it’s a classic dessert that never fails to impress.</li>
<li>Best Parts: The luscious, silky texture and the caramel sauce that adds a perfect balance of sweetness and richness.</li>
</ul>
</li>
<li>S’more Cookies
<ul>
<li>Why: They combine the nostalgic flavors of s’mores into a convenient cookie form.</li>
<li>Best Parts: The gooey marshmallows, melty chocolate chunks, and the crunchy graham cracker bits that recreate the campfire treat.</li>
</ul>
</li>
<li>Red Bean Buns
<ul>
<li>Why: These soft, slightly sweet buns are filled with a smooth red bean paste, offering a unique and comforting flavor.</li>
<li>Best Parts: The soft, pillowy texture of the bun combined with the sweet and slightly earthy red bean filling.</li>
</ul>
</li>
<li>Cranberry Zucchini Bread
<ul>
<li>Why: This bread is a delicious way to incorporate vegetables into a sweet, moist treat with a touch of tartness from the cranberries.</li>
<li>Best Parts: The combination of tender zucchini and tart cranberries creates a flavorful and moist bread that's perfect for any time of day.</li>
</ul>
</li>
</ul>
</section>
</article>
</body>
</html>