index html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by TEMPLATED
http://templated.co
Released for free under the Creative Commons Attribution License

Name       : Compromise
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20081103

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Aplikasi Toko Buku Mutia</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
    <div id="header">
        <div id="logo">
            <h1><a href="#">APLIKASI TOKO BUKU </a></h1>
            <p> design by <a href="http://templated.co" rel="nofollow">Mutia</a></p>
        </div>
    </div>
    <!-- end #header -->
    <div id="menu">
        <ul>
            <li class="first">Menu</a></li>
           
        </ul>
    </div>
    <!-- end #menu -->
<div id="wrapper">
<div class="btm">
    <div id="page">
        <div id="content">
            <div class="post">
                Selamat Datang di Aplikasi Toko Buku<br>
Anda harus memasukkan username dan password<br>
<form action="login.php" method="POST">
Username : <input type="text" name="username"><br>
Password : <input type="password" name="sandi"><br>
<input type="submit" name="submit" value="Login"><br>
</form>
               
                <p class="meta">Posted by <a href="#">Someone</a> on februari, 08 2017
                    &nbsp;&bull;&nbsp; </p>
            </div>
            <div class="post">
               
                <div class="entry">
                   
                </div>
               
                    &nbsp;&bull;&nbsp;
            </div>
            <div class="post">
               
                <div class="entry">
                   
                </div>
               
                    &nbsp;&bull;&nbsp;
            </div>
        </div>
        <!-- end #content -->
        <div id="sidebar">
            <ul>
                <li>
                   
                </li>
                <li>
                    <h2>Categories</h2>
                    <ul>
                        <li><a href="#">Uncategorized</a> (3)<span>Lorem Ipsum Dolor Sit Amit</span></li>
                        <li><a href="#">Lorem Ipsum</a> (42)<span>Lorem Ipsum Dolor Sit Amit</span></li>
                        <li><a href="#">Urna Congue Rutrum</a> (28)<span>Lorem Ipsum Dolor Sit Amit</span> </li>
                        <li><a href="#">Vivamus Fermentum</a> (13)<span>Lorem Ipsum Dolor Sit Amit</span> </li>
                    </ul>
                </li>
                <li>
                    <h2>Blogroll</h2>
                    <ul>
                        <li><a href="#">Phasellus Pellentesque</a><span>Lorem Ipsum Dolor Sit Amit</span> </li>
                        <li><a href="#">Consectetuer Adipiscing</a><span>Lorem Ipsum Dolor Sit Amit</span> </li>
                        <li><a href="#">Urna Congue Rutrum</a><span>Lorem Ipsum Dolor Sit Amit</span> </li>
                        <li><a href="#">Phasellus Pellentesque</a><span>Lorem Ipsum Dolor Sit Amit</span> </li>
                        <li><a href="#">Urna Congue Rutrum</a><span>Lorem Ipsum Dolor Sit Amit</span> </li>
                    </ul>
                </li>
                <li>
                    <h2>Archives</h2>
                    <ul>
                        <li><a href="#">December 2007</a>&nbsp;(29)<span>Lorem Ipsum Dolor Sit Amit</span></li>
                        <li><a href="#">November 2007</a>&nbsp;(30)<span>Lorem Ipsum Dolor Sit Amit</span></li>
                        <li><a href="#">October 2007</a>&nbsp;(31)<span>Lorem Ipsum Dolor Sit Amit</span></li>
                    </ul>
                </li>
            </ul>
        </div>
        <!-- end #sidebar -->
        <div style="clear: both;">&nbsp;</div>
    </div>
    <!-- end #page -->
</div>
</div>
    <div id="footer">
        <p>Mutia Dwi Sukesti</p>
    </div>
    <!-- end #footer -->
</body>
</html>