-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path19_HTML_5_Section_Article_Element.html
54 lines (48 loc) · 2.99 KB
/
19_HTML_5_Section_Article_Element.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML Article Element</title>
<style>
body{
font-family: "Comic Sans MS", sans-serif;
}
section{
background-color: lightseagreen;
padding: 20px;
margin: 20px;
border-radius: 20px;
box-shadow: 0 0 15px black;
}
article{
background-color: lightblue;
padding: 20px;
margin: 20px;
border-radius: 20px;
box-shadow: 0 0 15px black;
}
</style>
</head>
<body>
<!-- Movies Section -->
<section>
<h1>Movies</h1>
<article>
<h2>Tollywood Movies</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque deleniti dignissimos dolorem doloribus, eius facilis non placeat reiciendis rem ullam. Ab alias aperiam atque debitis eius enim, eum hic impedit, inventore iure magnam molestiae natus necessitatibus nesciunt obcaecati porro quaerat quam quod reprehenderit sint suscipit tempore unde ut veniam voluptas?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur consequatur deleniti eveniet hic molestiae numquam placeat ratione sit vel vitae. Ab, eaque, mollitia. Accusamus ad assumenda doloribus harum illo libero nulla porro rerum suscipit vitae! Architecto delectus modi natus nesciunt!</p>
</article>
<article>
<h2>Bollywood Movies</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque deleniti dignissimos dolorem doloribus, eius facilis non placeat reiciendis rem ullam. Ab alias aperiam atque debitis eius enim, eum hic impedit, inventore iure magnam molestiae natus necessitatibus nesciunt obcaecati porro quaerat quam quod reprehenderit sint suscipit tempore unde ut veniam voluptas?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur consequatur deleniti eveniet hic molestiae numquam placeat ratione sit vel vitae. Ab, eaque, mollitia. Accusamus ad assumenda doloribus harum illo libero nulla porro rerum suscipit vitae! Architecto delectus modi natus nesciunt!</p>
</article>
<article>
<h2>Hollywood Movies</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque deleniti dignissimos dolorem doloribus, eius facilis non placeat reiciendis rem ullam. Ab alias aperiam atque debitis eius enim, eum hic impedit, inventore iure magnam molestiae natus necessitatibus nesciunt obcaecati porro quaerat quam quod reprehenderit sint suscipit tempore unde ut veniam voluptas?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur consequatur deleniti eveniet hic molestiae numquam placeat ratione sit vel vitae. Ab, eaque, mollitia. Accusamus ad assumenda doloribus harum illo libero nulla porro rerum suscipit vitae! Architecto delectus modi natus nesciunt!</p>
</article>
</section>
<!-- News Section -->
</body>
</html>