SemanticWeb_03LinkedIN

<!DOCTYPE html>
<html>
    <head>
        <title>LinkedIn</title>
        <meta charset="utf-8" />
        <script src="dist/html5shiv.js"></script>
    </head>
    <body>
        <form>
            <header>
            <h1> <a href = "#"> LinkedIn </a></h1>
            <nav>
                <ul>
                    <li> <a href = "#">Home</a></li>
                    <li> <a href = "#">What is LinkedIn?</a></li>
                    <li> <a href = "#">Join Today</a></li>
                </ul>
            </nav>
                <ul>
                    <li>
                        <fieldset>
                            <legend>Sign In</legend>
                                <ul style = "circle">
                                    <li>Email: <input type = "text"/></li>
                                    <li>Password: <input type = "password"/></li>
                                    <li><input type = "button" id = "SignIn" value = 'Sign In'/></li>
                                </ul>
                        </fieldset>
                    </li>
                </ul>
            </header>
            <hr />
            <section>
                <header>
                    <h2>Over 175 million professionals use LinkedIn to exchange information, ideas and opportunities</h2>
                </header>
                    <ul>
                        <li>Stay informed about your contacts and industry</li>
                        <li>Find the people and knowledge you need to achieve your goals</li>
                        <li>Control your professional identity online </li>
                    </ul>
            </section>
            <aside>
                <header>
                    <h3>Join LinkedIn Today</h3>
                </header>
                <fieldset>
                        <legend>Sign Up</legend>
                            <ul style = "disc">
                                <li><label for="FN">First Name:</label><input type = "text" id = "FN"/></li>
                                <li><label for="LN">Last Name:</label><input type = "text" id = "LN"/></li>
                                <li><label for="Email">Email:</label><input type = "text" id = "Email"/></li>
                                <li><label for="Password">Password:</label><input type = "password" id = "Password"/></li>
                            </ul>
                            <p> 6 or more characters</p>
                            <input type = "button" value = 'Join Now'/>*
                            <p>Already on LinkedIn?<a href = "#">Sign In</a></p>
                </fieldset>
            </aside>
            <footer>
                    <h3>Search for someone by name:</h3>
                    <ul style = "disc">
                        <li>First Name: <input type = "text" value = "First Name"/></li>
                        <li>Last Name: <input type = "text" value = "Last Name"/></li>
                    </ul>
                    <input type = "button" id = "Go" value = 'Go'/>
            </footer>
        </form>
    </body>
</html>