Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
3.7 kB
3
Indexable
Never
<head>
    <link href="Content/site.css" rel="stylesheet" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
</head>

<body>
    <header>
        <img src="Content/fox.jpg" /> 
        <nav> 
            <ul>
                <li><a href="#home">Home</a></li> 
                <li><a href="#images">Images</a></li> 
                <li><a href="#contact">Contact</a></li> 
                <li><a href="#about">About</a></li> 
            </ul>
        </nav>
    </header>
        <section>
            <article>
                <h1>Foxy Foxes</h1>
                <h2>This site is dedicated to all the lonely foxes out there</h2> 
                <p>Lorem ipsum dolor sit amet ...</p> 
                <p>Arcu vel condimentum risus facilisis ...</p> 
                <p>Mauris accumsan, non magna vitae feugiat ipsum ...</p>
                <p>Hendrerit taciti bibendum ipsum etiam amet ...</p>
            </article>
            <aside> 
                <header>
                    <h1>Author biography</h1> 
                </header> 
                <section> 
                    <p>Lorem ipsum dolor sit amet, lorem tellus egestas ...</p> 
                </section> 
                <img src="Content/gingerbreadman-96px.png" /> 
            </aside>
        </section>

        <section id="images"> 
            <h1>Foxy Images</h1> 
            <h2>Foxes in nature</h2> 
            <p>Lorem ipsum dolor sit amet ...</p> 
            <p>Arcu vel condimentum risus facilisis ...</p> 
            <p>Mauris accumsan, non magna vitae feugiat ipsum ...</p> 
            <p>Hendrerit taciti bibendum ipsum etiam amet ...</p> 
            <article> <img src="Content/red-fox-01.jpg" /> 
                <p>Sleeping Fox</p> 
            </article> 
            <article> 
                <img src="Content/red-fox-02.jpg" /> 
                <p>Resting Fox</p> 
            </article> 
            <article> 
                <img src="Content/red-fox-03.jpg" /> 
                <p>Howling Fox</p> 
            </article> 
        </section>

        <section id="contact"> 
            <article> 
                <h1>Contact</h1> 
                <form> 
                    <label for="email">Email</label> 
                    <br /> 
                    <input type="email" autofocus id="email" /> 
                    <br/> 
                    <label for="message">Message</label> 
                    <br /> 
                    <textarea id="message" ></textarea> 
                    <br /> 
                    <input type="checkbox" checked id="updates" />
                    <label for="updates">Send me email updates</label> 
                    <br /> 
                    <input type="submit" value="Send"/> 
                </form> 
            </article> 
        </section>

        <section id="about"> 
            <article> 
                <h1>About</h1> 
                <address> 
                    <p>Foxes'R'Us</p> 
                    <p>Email: someone@foxesrus.com</p> 
                    <p>Address: Somewhere street 1, Some contry</p> 
                </address> 
            </article> 
        </section>
        <section id="about"> 
            <article> 
                <h1>About</h1> 
                <address> 
                    <p>Foxes'R'Us</p> 
                    <p>Email: someone@foxesrus.com</p> 
                    <p>Address: Somewhere street 1, Some contry</p> 
                </address> 
            </article> 
        </section>
            <footer>&copy; 2015, All rights reserved</footer>
        </section>
</body>