hactoberfest/weddev.html at main · Karthikeya1500/hactoberfest · GitHub

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
<!-- In order to guide the students about the 'Web Dev Journey', Ravi Sir has been tasked to create a simple blog. However, Ravi Sir does not find himself very comfortable with styling and designing web pages.

Do the designing work for him, to get extra marks in the mid-sem exams.

Requirements:
Create a div container for the content.
Inside the container:
Add a <h1> tag for the main title: "Web Dev Journey".
Add a <h2> tag for the subtitle: "A Short Guide".
Add a <p> tag for a short paragraph: "Web development is exciting and evolving fast"
Use the following CSS styling:
Set the background colour of the div to gray.
Style the title (h1) with blue font colour and bold font weight.
Set the subtitle (h2) font colour to white.
Style the paragraph (p) with black font colour and add 5px padding and a border of 1px solid yellow.

solution as follows -->
<!DOCTYPE html>
<html lang="en">
<head>
        <title>Web Dev Journey</title>
</head>
<body>
  <div style="background-color:grey">
      <h1 style="color:blue ">Web Dev Journey</h1>
      <h2 style="color:white">A Short Guide</h2>
      <p style="padding: 5px; border: 1px solid yellow">Web development is exciting and evolving fast</p>


</body>
</html>