Skip to content

Commit 7bf3b69

Browse files
githubramimgithubramim
authored
Add files via upload
1 parent 789576a commit 7bf3b69

9 files changed

+208
-0
lines changed

‎1_elements.html

+70
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Recipe for the Best Cinnamon Rolls</title>
7+
<style>
8+
body {
9+
font-family: Arial, sans-serif;
10+
margin: 20px;
11+
}
12+
h1, h2 {
13+
font-family: 'Georgia', serif;
14+
}
15+
h1 {
16+
font-size: 2em;
17+
margin-bottom: 10px;
18+
}
19+
h2 {
20+
margin-top: 30px;
21+
margin-bottom: 10px;
22+
font-size: 1.5em;
23+
}
24+
ul {
25+
margin-left: 20px;
26+
list-style-type: disc;
27+
}
28+
ol {
29+
margin-left: 20px;
30+
}
31+
</style>
32+
</head>
33+
<body>
34+
<h1>Recipe for the Best Cinnamon Rolls</h1>
35+
36+
<h2>Ingredients</h2>
37+
38+
<h3>For the dough:</h3>
39+
<ul>
40+
<li>¾ cup warm milk</li>
41+
<li>2 ¼ teaspoons yeast</li>
42+
<li>¼ cup granulated sugar</li>
43+
<li>1 egg plus 1 egg yolk</li>
44+
<li>¼ cup butter</li>
45+
<li>3 cups bread flour</li>
46+
</ul>
47+
48+
<h3>For the filling:</h3>
49+
<ul>
50+
<li>2/3 cup dark brown sugar</li>
51+
<li>1 ½ tablespoons ground cinnamon</li>
52+
<li>¼ cup butter</li>
53+
</ul>
54+
55+
<h2>Instructions</h2>
56+
<ol>
57+
<li>Mix the milk with the yeast, sugar, eggs.</li>
58+
<li>Melt the butter and add to the mixture.</li>
59+
<li>Add in the flour and mix until combined into a dough.</li>
60+
<li>Knead the dough for 10 minutes.</li>
61+
<li>Transfer the dough into a large bowl and cover with plastic wrap. Leave it somewhere to rise for 2 hours.</li>
62+
<li>After the dough has doubled in size, roll it out into a large rectangle.</li>
63+
<li>Melt the butter for the filling and mix in the sugar and cinnamon.</li>
64+
<li>Spread the filling onto the dough then roll the dough into a Swiss roll.</li>
65+
<li>Cut the roll into 3cm sections and place flat into a baking tray.</li>
66+
<li>Preheat the oven to 350°F or 180°C, then bake the rolls for 20-25 minutes until lightly brown.</li>
67+
</ol>
68+
<footer style="text-align: center;">Tanvir Bin Faruk Ramim</footer>
69+
</body>
70+
</html>

‎2. Nesting and Indentation.html

+39
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Nested List Example</title>
7+
</head>
8+
<body>
9+
<ul>
10+
<li>A</li>
11+
<li>B
12+
<ol>
13+
<li>B1</li>
14+
<li>B2
15+
<ul>
16+
<li>B2a
17+
<ul>
18+
<li>B2aa</li>
19+
<li>B2ab</li>
20+
</ul>
21+
</li>
22+
<li>B2b</li>
23+
<li>B2c</li>
24+
</ul>
25+
</li>
26+
<li>B3
27+
<ol>
28+
<li>B31</li>
29+
<li>B32</li>
30+
</ol>
31+
</li>
32+
</ol>
33+
</li>
34+
<li>C</li>
35+
</ul>
36+
<footer style="text-align: center;">Tanvir Bin Faruk Ramim</footer>
37+
38+
</body>
39+
</html>

‎3. Anchor Elements.html

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>My Top 5 Favourite Websites</title>
5+
<style>
6+
body {
7+
font-family: Arial, sans-serif;
8+
}
9+
h1 {
10+
font-size: 50px;
11+
font-weight: bold;
12+
}
13+
ol {
14+
font-size: 24px;
15+
line-height: 2;
16+
}
17+
a {
18+
color: blue; }
19+
</style>
20+
</head>
21+
<body>
22+
<h1>My top 5 Favourite Websites</h1>
23+
<ol start="5">
24+
<li><a href="https://www.producthunt.com" target="_blank">Product Hunt</a></li>
25+
<li><a href="https://smash-the-walls.com" target="_blank">Smash the Walls</a></li>
26+
<li><a href="https://www.nytimes.com/games/wordle/index.html" target="_blank">Wordle</a></li>
27+
<li><a href="http://hackertyper.com/" target="_blank">Hacker Typer</a></li>
28+
<li><a href="https://stellarium-web.org/" target="_blank">Stellarium</a></li>
29+
</ol>
30+
<footer style="text-align: center;">Tanvir Bin Faruk Ramim</footer>
31+
32+
</body>
33+
</html>

‎4. Image Elements.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Image Elements</title>
7+
</head>
8+
<body>
9+
<h1>I am a Cat person</h1>
10+
<img style="height: 400px;" src="cat.jpg" alt="My Cat">
11+
<footer style="text-align: center;">Tanvir Bin Faruk Ramim
12+
13+
14+
</footer>
15+
16+
</body>
17+
</html>

‎4.image elements 2.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Image Elements</title>
7+
</head>
8+
<body>
9+
<h1>I am a Dog person</h1>
10+
<img style="height: 400px;" src="Dog.jpg" alt="My Cat">
11+
<footer style="text-align: center;">Tanvir Bin Faruk Ramim
12+
13+
14+
</footer>
15+
16+
</body>
17+
</html>

‎5. Birthday Invite.html

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Birthday Invite</title>
7+
</head>
8+
<body>
9+
10+
11+
<h1>It's By Birthday!</h1>
12+
13+
<h3>On the 18th August</h3>
14+
<img style="height: 150px;" src="Birthday.jpg" alt="Birthday Picture">
15+
16+
<h3>For the dough:</h3>
17+
<ul>
18+
<li>¾ cup warm milk</li>
19+
<li>2 ¼ teaspoons yeast</li>
20+
<li>¼ cup granulated sugar</li>
21+
<li>1 egg plus 1 egg yolk</li>
22+
<li>¼ cup butter</li>
23+
<li>3 cups bread flour</li>
24+
</ul>
25+
26+
<h3>Where you need to go</h3> <br>
27+
<a href="#">Google Map Link</a>
28+
<footer style="text-align: center;">Tanvir Bin Faruk Ramim</footer>
29+
30+
31+
</body>
32+
</html>

‎Birthday.jpg

847 KB
Loading

‎Dog.jpg

986 KB
Loading

‎cat.jpg

403 KB
Loading

0 commit comments

Comments
 (0)