Untitled

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0"><!--320-->
        <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
        <link href="css/bootstrapcss/bootstrap.css" rel="stylesheet" type="text/css"/>
        <link href="css/bootstrapcss/bootstrap-theme.css" rel="stylesheet" type="text/css"/>
        <link href="css/gallery.css" rel="stylesheet" type="text/css"/>
        <script src="js/bootstrapjs/bootstrap.js" type="text/javascript"></script>
        <link href="css/meyerReset.css" rel="stylesheet" type="text/css"/>
        <link href="css/responsive.css" rel="stylesheet" type="text/css"/>
        <script src="js/gallery.js" type="text/javascript"></script>


    </head>
    <body>

        <nav class="navbar navbar-default navbar-fixed-top col-md-12 col-sm-12 col-xs-12 col-lg-12" role="navigation" >
            <div class="container">
                <div class="row">
                    <div id="navmenu" class="pull-left">
                        <ul>
                            <li style="border-left: solid 1px;"><a href="index.html">Start</a></li>
                            <li style="border-right: solid 1px; border-left: solid 1px;"><a href="gallery.html">Galleri</a></li>
                            <li style="border-right: solid 1px;"><a href="#">Biografi</a></li>
                            <li style="border-right: solid 1px;"><a href="projekt/0827_tableDesign/public_html/index.html" target="_blank">Table</a></li>
                            <li style="border-right: solid 1px;"><a href="projekt/0828_divDesign/index.html" target="_blank">Div</a></li>
                        </ul>
                    </div>

                    <div class="col-xs-4" id="responsiveMenu" >

                        <div class="btn-group">
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" >
                                Menu <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="index.html">Start</a></li>
                                <li><a href="gallery.html">Galleri</a></li>
                                <li><a href="#">Biografi</a></li>
                                <li><a href="projekt/0827_tableDesign/public_html/index.html" target="_blank">Table</a></li>
                                <li class="divider"></li>
                                <li><a href="projekt/0828_divDesign/index.html" target="_blank">Div</a></li>
                            </ul>
                        </div>

                    </div>

                    <div class="pull-right" id="socialMedia">
                        <ul>
                            <li><a href="#"><img src="images/icons/instagram.png" alt=""/></a></li>
                            <li><a href="#"><img src="images/icons/facebook.png" style="border-radius: 5px;" alt=""/></a></li>
                            <li><a href="#"><img src="images/icons/twitter.png" alt=""/></a></li>
                        </ul>
                    </div>


                </div>
            </div>
        </nav>

        <div class="container" id="innerContent">


            <div id="title" class="well">
                <div class="row">
                    <div class="col-md-12" >
                        <h1>Pelles Fotografi AB</h1>

                    </div>

                </div>
            </div>

            <div id="gallery" class="col-lg-12 container">

                <div id="images" class="">
                    <ul id="imageGallery">

                        <li><a href="images/gallery/spring/spring1.jpg" ><img src="images/gallery/spring/spring1_preview.jpg" alt="Click to exit" class="img-responsive"/></a></li>
                        <li><a href="images/gallery/winter/winter1.jpg"><img src="images/gallery/winter/winter1_preview.jpg" alt="Click to exit" class="img-responsive "/></a></li>
                        <li><a href="images/gallery/summer/summer1.jpg"><img src="images/gallery/summer/summer1_preview.jpg" alt="Click to exit" class="img-responsive"/></a></li>
                        <li><a href="images/gallery/autumn/autumn1.jpg"><img src="images/gallery/autumn/autumn1_preview.jpg" alt="Click to exit" class="img-responsive"/></a></li>


                    </ul>
                </div>

                <div id="overlay">

                </div>

                <div id="imgNav" class="col-lg-12">
                    <ul>
                        <!-- Standard button -->
                        <li><button type="button" class="btn btn-default">Reset</button></li>

                        <!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
                        <li><button type="button" id="winter" class="btn btn-primary ">Winter</button></li>

                        <!-- Indicates a successful or positive action -->
                        <li><button type="button" class="btn btn-success ">Vår</button></li>

                        <!-- Indicates caution should be taken with this action -->
                        <li><button type="button" id="autumn" class="btn btn-warning ">Höst</button></li>

                        <!-- Indicates a dangerous or potentially negative action -->
                        <li><button type="button" class="btn btn-danger">Sommar</button></li>
                    </ul>
                </div>
            </div>
            <div id="intro" class="">
                <div class="">

                </div>

                <nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
                    <div class="">
                        <p>Adress: Någotgatan 23a. Tel: 0838282</p><h3>All rights reserved</h3>
                    </div>
                </nav>
            </div>
        </div>
    </body>
</html>