Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
        <style type="text/css">
                #container
                {
                        margin: 0 auto;
                        width: 900px;
                        background: #fff;
                }

                #header
                {
                        background: #ffde00;
                        padding: 20px;
                }

                #header img
                {
                        margin: 0px auto;
                }

                #navigation
                {
                        float: left;
                        width: 900px;
                        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
                        background: #990033;
                        -moz-border-radius: 5px;
                        border-radius: 5px;
                }

                #navigation ul
                {
                        margin: 0;
                        padding: 0;
                }

                #navigation ul li
                {
                        list-style-type: none;
                        display: inline;
                }

                #navigation li a
                {
                        display: block;
                        float: left;
                        padding: 5px 10px;
                        color: #fff;
                        text-decoration: none;
                        border-right: 1px solid #fff;
                }

                #navigation li a:hover { background: #ff9900; }

                #content-container
                {
                        float: left;
                        width: 900px;
                        background: #fff;
                }

                #content
                {
                        clear: left;
                        float: left;
                        width: 560px;
                        padding: 20px 0;
                        margin: 0 0 0 30px;
                        display: inline;
                        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
                        color: #003366;
                }

                #content table
                {
                        padding: 10px 10px 10px 10px;
                }

                #content fieldset
                {
                        padding: 20px 20px 20px 20px;
                        -moz-border-radius: 10px;
                        border-radius: 10px;
                }

                #aside
                {
                        float: right;
                        width: 240px;
                        padding: 20px 0;
                        margin: 0 20px 0 0;
                        display: inline;
                }

                #footer
                {
                        clear: both;
                        background: #990033;
                        text-align: right;
                        padding: 8px;
                        margin: 0 0 15px 0;
                        height: 1%;
                        -moz-border-radius: 5px;
                        border-radius: 5px;
                }

                #footer h5
                {
                        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
                        color: #fff;
                }

        </style>
        <script type="text/javascript">
                                var user;
                                user = window.prompt("Please enter your name: ");
        </script>
        <title>Currency Converter</title>
</head>
<body>
<div id="container">
        <div id="header">
                <a href="home.html"><img src="banner.png" /></a>
        </div>
        <div id="navigation">
                <ul>
                        <li><a href="home.html">Home</a></li>
                        <li><a href="converter.html">Currency Converter</a></li>
                        <li><a href="rates.html">Exchange Rates</a></li>
                        <li><a href="about.html">About Us</a></li>
                </ul>
        </div>
        <div id="content-container">
                <div id="content">
                        <script type="text/javascript">
                                document.writeln(" Hello, " +user +". Let's convert some currencies, shall we? :)");
                        </script>
                        <form method="post" action="result.php">
                                <fieldset>
                                        <legend>Converter</legend>
                                        <table border="0">
                                                <tr>
                                                        <td>
                                                                <label for="Amount">Amount:</label>
                                                        </td>
                                                        <td>
                                                                <input type="float" name="Amount" size="10" />
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td>
                                                                <label for="From">From:</label>
                                                        </td>
                                                        <td>
                                                                <select name="unitF" >
                                                                        <option value="MYR">Ringgit Malaysia</option>
                                                                        <option value="USD">United States Dollar</option>
                                                                        <option value="EUR">Euro</option>
                                                                        <option value="GBP">British Pound</option>
                                                                        <option value="JPY">Japanese Yen</option>
                                                                        <option value="AUD">Australian Dollar</option>
                                                                </select>
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td>
                                                                <label for="To">To:</label>
                                                        </td>
                                                        <td>
                                                                <select name="unitT" >
                                                                        <option value="MYR">Ringgit Malaysia</option>
                                                                        <option value="USD">United States Dollar</option>
                                                                        <option value="EUR">Euro</option>
                                                                        <option value="GBP">British Pound</option>
                                                                        <option value="JPY">Japanese Yen</option>
                                                                        <option value="AUD">Australian Dollar</option>
                                                                </select>
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td>
                                                        </td>
                                                        <td>
                                                                <span style="float: right"><input type="submit"  value="Convert" id="submit" /></span>
                                                        </td>
                                                </tr>
                                        </table>
                                </fieldset>
                        </form>
                </div>
                <div id="aside">
                        <p>
                                <img src="currency.png" />
                        </p>
                </div>
                <div id="footer">
                        <h5>
                                Copyright © HaNaMin, 2012
                        </h5>
                </div>
        </div>
</div>
</body>
</html>