Scribd
Upload
307 views2 pages

Drama Episode List Page

This document contains the code for a webpage displaying information about a drama or movie. It includes a title image and name at the top, followed by buttons linking to four episodes. Styling is applied using CSS for colors, fonts, image size, button formatting and a background image. The footer attributes the content and reserves all rights.

Uploaded by

Ali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
307 views2 pages

Drama Episode List Page

This document contains the code for a webpage displaying information about a drama or movie. It includes a title image and name at the top, followed by buttons linking to four episodes. Styling is applied using CSS for colors, fonts, image size, button formatting and a background image. The footer attributes the content and reserves all rights.

Uploaded by

Ali
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<!

DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Index</title>
</head>
<style type="text/css">
button {
background-color:black; /* Green */
border: none;
color: white;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
-webkit-transition-duration: 0s; /* Safari */
transition-duration: 0s;
cursor: pointer;
}
button:hover {background-color: yellow;
color: black;}
img{height: 150px; width: 300px; border-color: black;}
footer{text-align: center; color: white;}

</style>

<body>
<div>
<h1 style="text-align: center;"><span style="text-align: center; color:
#0000ff;"><img src=" " border="2px" /></a></span></h1>
<h1 style="text-align: center;"><span style="text-align: center; color:black;font-
family: arial;">Drama Or Movie Name</span></h1>

<hr />
<p style="text-align: center;"><a href=" "><button>Episode 1</button></a></p>

<hr />
<p style="text-align: center;"><a href=" "><button>Episode 1</button></a></p>
<hr />
<p style="text-align: center;"><a href=" "><button>Episode 1</button></a></p>
<hr />
<p style="text-align: center;"><a href=" "><button>Episode 1</button></a></p>

<body class="bg" id="rakhi" style="background:;


-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;">

</div><hr>
<footer style="font-family: arial; text-align: center;color: white;">All Right
Reserved By @Your TV Name</footer>
</body>
</html>

You might also like