Untitled

<!DOCTYPE HTML>
<html>
    <head>
    <title>Laboration 2</title>
    <meta name="description" content="Beskrivning av laboration 2."/>
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,700italic|Open+Sans:300,400italic,600italic,700,600,800,400' rel='stylesheet' type='text/css'>
    <link href=css/main.css rel="stylesheet" type=="text/css"/>
    <meta charset="UTF-8">
    </head>
<body>
    <header>
        <h1>Laboration 2 Benjamin</h1>
    </header>

    <nav id="menubar">
        <ul>
            <li><a href="#">Hem</a></li>
            <li><a href="#">Produkter</a></li>
            <li><a href="#">Tjänster</a></li>
            <li><a href="#">Produkter</a></li>
            <li><a href="#">Kontakt</a></li>
            <li><a href="#">Om oss</a></li>
        </ul>
    </nav>
    <main>
        <aside>
            <ul>
                <li><a href="#">Iphone</a>
                    <ul>
                        <li><a href="#">Iphone 2</a></li>
                        <li><a href="#">Iphone 3</a></li>
                        <li><a href="#">Iphone 4</a></li>
                        <li><a href="#">Iphone 5</a></li>
                    </ul>
                </li>

                <li><a href="#">Ipad</a>
                    <ul>
                        <li><a href="#">Ipad 2</a></li>
                        <li><a href="#">Ipad 3</a></li>
                        <li><a href="#">Ipad 4</a></li>
                    </ul>
                </li>

                <li><a href="#">Mac</a>
                    <ul>
                        <li><a href="#">Macbook Air</a></li>
                        <li><a href="#">BigMacbook</a></li>
                    </ul>
                </li>
            </ul>
        </aside>

    <article>
        <img id="topimg" src="img/topimg.jpg"/>
        <h2>Välkommen till Laboration 2</h2>
        <img id="smallpic" src="img/rightimage.jpg"/>
        <div id="rightsidetext">
                <h3>Relaterat</h3>
                <p>Bacon ipsum dolor amet meatloaf drumstick prosciutto tongue jowl biltong doner pork loin.</p>
        </div>
            <p>Bacon ipsum dolor amet sausage shoulder ground round tri-tip drumstick leberkas. Kevin pancetta chicken leberkas sirloin, ribeye jowl venison doner pork corned beef. Ground round sausage fatback venison boudin strip steak salami hamburger pork belly cow. Cow pancetta tri-tip pork loin filet mignon doner shank.
            </p>
            <p>Tongue pork loin meatball andouille chicken. Hamburger meatloaf kielbasa t-bone, beef capicola jowl pork loin pork cow biltong ball tip andouille. Jerky prosciutto pork loin pastrami pork chop, kevin swine capicola short loin. Salami boudin tri-tip, pig kielbasa fatback turducken meatball andouille meatloaf short loin frankfurter pork.
            </p>
            <p>Jerky ham hock porchetta sirloin meatloaf frankfurter pork loin landjaeger bacon pastrami. Pork loin tongue short ribs landjaeger, tenderloin shoulder venison jowl pig chicken. Short ribs chuck short loin, tri-tip turducken frankfurter capicola.
            </p>
            <p>Drumstick kielbasa salami porchetta corned beef flank pork strip steak venison pork loin ham hock tenderloin jowl kevin. Jerky bacon shankle, chicken tail tri-tip t-bone ground round brisket prosciutto cow. Tongue shankle leberkas filet mignon meatball, pork loin jerky short ribs ball tip. Strip steak pork loin prosciutto doner. Pork turducken cow, sausage meatball filet mignon pork chop. Tenderloin venison drumstick chicken kielbasa. Capicola hamburger spare ribs t-bone ham hock ribeye chicken salami drumstick bresaola boudin ground round.
            </p>
            <p>Swine pastrami tongue shank salami, andouille prosciutto beef. Beef leberkas short loin pork belly, flank tenderloin biltong salami turducken porchetta bacon chicken. Ball tip flank brisket, spare ribs ground round pork belly pork chop shoulder short loin short ribs. Strip steak short ribs pork chop chuck, sirloin swine bacon sausage.
            </p>

            <div class="mothpicture">
                <img src="img/columnimage.jpg">
                <h3>En kolumn</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
            </div>
            <div class="mothpicture">
                <img src="img/columnimage.jpg">
                <h3>En kolumn</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
            </div>
            <div class="mothpicture">
                <img src="img/columnimage.jpg">
                <h3>En kolumn</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
            </div>
            <div class="mothpicture">
                <img src="img/columnimage.jpg">
                <h3>En kolumn</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
            </div>
            <div class="mothpicture">
                <img src="img/columnimage.jpg">
                <h3>En kolumn</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
            </div>
            <div class="mothpicture">
                <img src="img/columnimage.jpg">
                <h3>En kolumn</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
            </div>
            <div class="mothpicture">
                <img src="img/columnimage.jpg">
                <h3>En kolumn</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
            </div>
    </article>
    </main>
    <footer>Copyright Benjamin Huynh 2014, Tel 073-123 45 67, Epost: <a href="mailto:Benjamin@nudelbloggen.se">Benjamin@nudelbloggen.se</a></footer>
</body>
</html>