Make a Film Collection Website Using HTML, CSS || Part-1 - CodeTextPro | Free Web Tutorial

Codetextpro Provides free Web tutorial, HTML, CSS, C, C++, Java, JavaScript, PHP, MySql, Python, Program, Programming Notes, Programming Questions and more.

Programming

Friday, January 4, 2019

Make a Film Collection Website Using HTML, CSS || Part-1

In this article, you will learn how to make a film collection website using HTML and CSS. This is a part-1 of film collection website. Visit other parts of the film website click the link below.







index.html

<html>
<head>
<title>FilmDekho-home</title>
<link href="style.css" rel="stylesheet" type="text/css">
<style>body{background-image:url("img/bg1.jpg");}</style>

</head>
<body>
<div class="header">
<a href="index.html"><div class="logo_big"></div></a>
<div class="name_big">FilmDekho</div>
</div>
<div class="container">
<div id="sub_con">
<a href="tollywood.html"><div class="btn"id="tolly"></div></a>
<a href="bollywood.html"><div class="btn"id="bolly"></div></a>
<a href="hollywood.html"><div class="btn"id="holly"></div></a>
</div>
</div>
<div class="footer">
<div class="copy_right">&copy;FilmDekho2017</div>
<a href="aboutus.html"><div class="about-us">|About us|</div></a>
<a href="contactus.html"><div class="contact-us">|Contact us|</div></a>

</div>
</body>
</html>


tollywood.html

<html>
<head>
<title>FilmDekho-Tollywood</title>
<link href="style.css" rel="stylesheet" type="text/css">
<style>body{background-image:url("img/tolly2.jpg");}</style>
</head>
<body sytle="background-image:url("img/tolly2.jpg")>
<div class="header">
<a href="index.html"><div class="logo_big"></div></a>
<div class="name_big">FilmDekho</div>
</div>
<div class="container">
<div id="sub_con">
<table class="main_table">
<tr class="tr_cl">
<td class="td_cl" id="td_cl1"></td>
<td class="td_cl" id="td_cl2"></td>
<td class="td_cl" id="td_cl3"></td>
</tr>
<form action="/action_page.php">
<tr class="tr_cl">
<td class="td_cl" id="td_cl1"></td>
<td class="td_cl" id="td_cl2">Search :: <input type="text" id="fname"name="fname"></td>
<td class="td_cl" id="td_cl3"><input type="submit" value="Search"></td>
</tr >
</form>


<tr class="tr_cl">
<td class="td_cl" id="td_cl1">1</td>
<td class="td_cl" id="td_cl2">Film name1 </td>
<td class="td_cl" id="td_cl3"><a href="downloadpage.html">Click Here to Download</a></td>
</tr>



<tr class="tr_cl">
<td class="td_cl" id="td_cl1">2</td>
        <td class="td_cl" id="td_cl2">Film name2</td>
<td class="td_cl" id="td_cl3"><a href="downloadpage.html">Click Here to Download</a></td>
</tr>
</table>
</div>
</div>
<div class="footer">
<div class="copy_right">&copy;FilmDekho2017</div>
<a href="aboutus.html"><div class="about-us">|About us|</div></a>
<a href="contactus.html"><div class="contact-us">|Contact us|</div></a>

</div>
</body>
</html>

No comments:

Post a Comment