Skip to content

Commit 5b7905d

Browse files
shubhmrjshubhmrj
committed
tri
1 parent 9dedbd4 commit 5b7905d

File tree

8 files changed

+232
-0
lines changed

8 files changed

+232
-0
lines changed

‎Web_Development_Project_Through_Flask/Birthday_Invite_Project/index.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
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>Document Title</title>
7+
</head>
8+
<body>
9+
<h1>It's My Birthday!</h1>
10+
<h2>on the 10th feb</h2>
11+
<img src="https://raw.githubusercontent.com/appbrewery/webdev/main/birthday-cake3.4.jpeg" alt="purple birthday cake with candles" />
12+
<h3>What to bring:</h3>
13+
<ul>
14+
<li>Baloons (I love baloons)</li>
15+
<li>Cake (I'm really good at eating)</li>
16+
<li>An appetite (There will be lots of food)</li>
17+
</ul>
18+
<h3>This is where you need to go:</h3>
19+
<a href="https://www.google.com/maps/@35.7040744,139.5577317,3a,75y,289.6h,87.01t,0.72r/data=!3m6!1e1!3m4!1sgT28ssf0BB2LxZ63JNcL1w!2e0!7i13312!8i6656">Google map link</a>
20+
</body>
21+
</html>
22+

‎Web_Development_Project_Through_Flask/Birthday_Invite_Project/solution.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!-- This is one possible solution -->
2+
<h1>It's My Birthday!</h1>
3+
<h2>On the 12th May</h2>
4+
5+
<img src="https://raw.githubusercontent.com/appbrewery/webdev/main/birthday-cake3.4.jpeg"
6+
alt="purple birthday cake with candles" />
7+
8+
<h3>What to bring:</h3>
9+
<ul>
10+
<li>Baloons (I love baloons)</li>
11+
<li>Cake (I'm really good at eating)</li>
12+
<li>An appetite (There will be lots of food)</li>
13+
</ul>
14+
15+
<h3>This is where you need to go:</h3>
16+
<a
17+
href="https://www.google.com/maps/@35.7040744,139.5577317,3a,75y,289.6h,87.01t,0.72r/data=!3m6!1e1!3m4!1sgT28ssf0BB2LxZ63JNcL1w!2e0!7i13312!8i6656">Google
18+
map link</a>

‎Web_Development_Project_Through_Flask/Movie_Ranking_Project/Heading_Element/index.html‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
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>Document Title</title>
7+
</head>
8+
<body>
9+
<h1>Book</h1>
10+
<h2>Chapter 1</h2>
11+
<h3>Section 1</h3>
12+
<h3>Section 2</h3>
13+
<h2>Chapter 2</h2>
14+
<h3>Section 1</h3>
15+
<h4>Diagram 1</h4>
16+
<h2>Chapter 3</h2>
17+
<h3>Section 1</h3>
18+
<h3>Section 2</h3>
19+
</body>
20+
</html>

‎Web_Development_Project_Through_Flask/Movie_Ranking_Project/Heading_Element/solution.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!-- Scroll 👇 to check the solution -->
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+
<h1>Book</h1>
29+
<h2>Chapter 1</h2>
30+
<h3>Section 1</h3>
31+
<h3>Section 2</h3>
32+
<h2>Chapter 2</h2>
33+
<h3>Section 1</h3>
34+
<h4>Diagram 1</h4>
35+
<h2>Chapter 3</h2>
36+
<h3>Section 1</h3>
37+
<h3>Section 2</h3>

‎Web_Development_Project_Through_Flask/Movie_Ranking_Project/Paragraph_Element/index.html‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<p style="font-size: medium; color: rgb(12, 108, 105);">First paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
2+
aliqua. Arcu cursus vitae congue mauris. In nisl nisi scelerisque eu ultrices vitae auctor eu augue. Nisi est sit amet
3+
facilisis magna. Diam sit amet nisl suscipit adipiscing bibendum est ultricies integer. Quis ipsum suspendisse ultrices
4+
gravida dictum fusce ut. Euismod elementum nisi quis eleifend. Habitant morbi tristique senectus et. Amet nisl suscipit
5+
adipiscing bibendum est ultricies integer. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Nisi quis
6+
eleifend quam adipiscing. Neque convallis a cras semper auctor neque vitae. Magna fermentum iaculis eu non. Vivamus arcu
7+
felis bibendum ut tristique et. Justo nec ultrices dui sapien eget mi. In vitae turpis massa sed elementum tempus. Eu
8+
facilisis sed odio morbi quis commodo. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae.</p>
9+
<hr/>
10+
<p>Second paragraph. Suscipit adipiscing bibendum est ultricies. Tortor aliquam nulla facilisi cras fermentum. Eget aliquet nibh praesent
11+
tristique magna. In hac habitasse platea dictumst vestibulum. Ornare quam viverra orci sagittis eu. Sit amet est
12+
placerat in. Proin fermentum leo vel orci porta non pulvinar neque laoreet. Turpis in eu mi bibendum neque egestas
13+
congue. Enim eu turpis egestas pretium aenean pharetra magna ac placerat. Ultrices sagittis orci a scelerisque purus
14+
semper eget duis at. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Condimentum
15+
lacinia quis vel eros donec ac odio.</p>
16+
<br>
17+
<p>Third paragraph. Nisl purus in mollis nunc sed id semper risus. Ipsum a arcu cursus vitae congue mauris rhoncus aenean. Ridiculus mus
18+
mauris vitae ultricies leo integer malesuada nunc. In tellus integer feugiat scelerisque. Lectus mauris ultrices eros in
19+
cursus turpis massa. Sollicitudin ac orci phasellus egestas. Massa massa ultricies mi quis hendrerit dolor. Quam
20+
elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. Iaculis nunc sed augue lacus viverra. Id ornare
21+
arcu odio ut sem nulla pharetra. Amet luctus venenatis lectus magna fringilla urna porttitor. Eu nisl nunc mi ipsum
22+
faucibus vitae aliquet nec ullamcorper. Nunc mattis enim ut tellus elementum sagittis. Mauris augue neque gravida in
23+
fermentum et sollicitudin. Pellentesque habitant morbi tristique senectus. Tristique senectus et netus et. Turpis
24+
egestas sed tempus urna et pharetra pharetra. Feugiat vivamus at augue eget arcu dictum varius duis at. Lacus sed
25+
viverra tellus in hac habitasse platea dictumst vestibulum. Nisl condimentum id venenatis a condimentum vitae sapien.</p>

‎Web_Development_Project_Through_Flask/Movie_Ranking_Project/Paragraph_Element/solution.html‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
<!-- Scroll down for the solution -->
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+
<p>First paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
29+
aliqua. Arcu cursus vitae congue mauris. In nisl nisi scelerisque eu ultrices vitae auctor eu augue. Nisi est sit amet
30+
facilisis magna. Diam sit amet nisl suscipit adipiscing bibendum est ultricies integer. Quis ipsum suspendisse ultrices
31+
gravida dictum fusce ut. Euismod elementum nisi quis eleifend. Habitant morbi tristique senectus et. Amet nisl suscipit
32+
adipiscing bibendum est ultricies integer. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Nisi quis
33+
eleifend quam adipiscing. Neque convallis a cras semper auctor neque vitae. Magna fermentum iaculis eu non. Vivamus arcu
34+
felis bibendum ut tristique et. Justo nec ultrices dui sapien eget mi. In vitae turpis massa sed elementum tempus. Eu
35+
facilisis sed odio morbi quis commodo. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae.</p>
36+
37+
<p>Second paragraph. Suscipit adipiscing bibendum est ultricies. Tortor aliquam nulla facilisi cras fermentum. Eget aliquet nibh praesent
38+
tristique magna. In hac habitasse platea dictumst vestibulum. Ornare quam viverra orci sagittis eu. Sit amet est
39+
placerat in. Proin fermentum leo vel orci porta non pulvinar neque laoreet. Turpis in eu mi bibendum neque egestas
40+
congue. Enim eu turpis egestas pretium aenean pharetra magna ac placerat. Ultrices sagittis orci a scelerisque purus
41+
semper eget duis at. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Condimentum
42+
lacinia quis vel eros donec ac odio.</p>
43+
44+
<p>Third paragraph. Nisl purus in mollis nunc sed id semper risus. Ipsum a arcu cursus vitae congue mauris rhoncus aenean. Ridiculus mus
45+
mauris vitae ultricies leo integer malesuada nunc. In tellus integer feugiat scelerisque. Lectus mauris ultrices eros in
46+
cursus turpis massa. Sollicitudin ac orci phasellus egestas. Massa massa ultricies mi quis hendrerit dolor. Quam
47+
elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. Iaculis nunc sed augue lacus viverra. Id ornare
48+
arcu odio ut sem nulla pharetra. Amet luctus venenatis lectus magna fringilla urna porttitor. Eu nisl nunc mi ipsum
49+
faucibus vitae aliquet nec ullamcorper. Nunc mattis enim ut tellus elementum sagittis. Mauris augue neque gravida in
50+
fermentum et sollicitudin. Pellentesque habitant morbi tristique senectus. Tristique senectus et netus et. Turpis
51+
egestas sed tempus urna et pharetra pharetra. Feugiat vivamus at augue eget arcu dictum varius duis at. Lacus sed
52+
viverra tellus in hac habitasse platea dictumst vestibulum. Nisl condimentum id venenatis a condimentum vitae sapien.</p>

‎Web_Development_Project_Through_Flask/Movie_Ranking_Project/index.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
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>Document Title</title>
7+
</head>
8+
<body>
9+
<h1>The Best Movies According to Angela</h1>
10+
<h2>My top 3 movies of all-time.</h2>
11+
<hr/>
12+
<h3>Spirited Away</h3>
13+
<p>This is my favourite anime. I love the beautiful images.</p>
14+
<h3>Ex Machina</h3>
15+
<p>Really cool sci-fi movie.</p>
16+
<h3>Drive</h3>
17+
<p>Super beautiful film. Really artistic.</p>
18+
<hr/>
19+
</body>
20+
</html>
21+

‎Web_Development_Project_Through_Flask/Movie_Ranking_Project/solution.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!-- Scroll down for a sample solution -->
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+
<h1>The Best Movies According to Angela</h1>
30+
<h2>My top 3 movies of all-time.</h2>
31+
<hr />
32+
<h3>Spirited Away</h3>
33+
<p>This is my favourite anime. I love the beautiful images.</p>
34+
<h3>Ex Machina</h3>
35+
<p>Really cool sci-fi movie.</p>
36+
<h3>Drive</h3>
37+
<p>Super beautiful film. Really artistic.</p>

0 commit comments

Comments
 (0)