Untitled

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>About us</title>
            <link rel="shortcut icon" href="Images\Computer_Mouse.png">
            <meta charset="UTF-8">
            <meta name="description" content="This is a site about why older people do not use the technology that is available to them">
            <meta name="author" content="David Solheim, Jesper Nylend, Håvard Solum og Lars Haga">
            <link rel="stylesheet" type="text/css" href="Stylesheet.css">
            <script src="script.js"></script>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
            <link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='Stylesheet' type='text/css'>
    </head>
    <body onscroll="menuReady();">
        <!-- Yttereste ramme -->
        <!-- Her skal NP og PP kanppene ligge -->
        <div class = "contentwrapper">
        <!-- Tekst forstørrelse menybargreie ligge -->

        <!-- Her skal egentlig Next og Prev Page knapper ligger-->

        <!-- Hvor kontent skal ligge(20 % margin) -->
            <div class = "wholecontent">
                <!-- Tittel og meny kommer her(Toppen av nettsiden /m statisk menu -->
                <header>
                    <div id="header-title" class = "title">
                    <!-- Overskrift -->
                    <h1>About us</h1>
                    </div>
                        <!-- Meny -->
                        <div id = "menu">
                            <ul>
                                <li><a id="navHome" href = "Index.html">Problem</a></li>
                                <li><a id="navAwareness" href = "WhyAndWhat.html">Why and what</a></li>
                                <li><a id="navProblem" href = "PossibleSolutions.html">Possible solutions</a></li>
                                <li><a id="navOffer" href = "Summary.html">Summary</a></li>
                                <li><a id="navSolution" href = "Sources.html">Sources</a></li>
                            </ul>
                        </div>
                </header>
                <!-- Her kommer innhold -->


                <div class = "content">


                    <!-- Her er venstre del av siden -->


                    <div class = "leftside">


                        <div class = "portraitpicture">


                        <!-- Portrett bilde -->


                        <img src = "C:\Users\David\Documents\Dataingeniør\Webprosjekt\04 Bilderedigering\LarsPortrett.png" alt = "Bilde av Lars i portrett" style = "width: 150px; height: 150px;">

                        <br><br><br>

                        <img src = "C:\Users\David\Documents\Dataingeniør\Webprosjekt\04 Bilderedigering\HåvardPortrett.png" alt = "Bilde av Lars i portrett" style = "width: 150px; height: 150px;">

                        <br><br><br>

                        <img src = "C:\Users\David\Documents\Dataingeniør\Webprosjekt\04 Bilderedigering\DavidPortrett.png" alt = "Bilde av Lars i portrett" style = "width: 150px; height: 150px;">

                        <br><br><br>

                        <img src = "C:\Users\David\Documents\Dataingeniør\Webprosjekt\04 Bilderedigering\JesperPortrett.png" alt = "Bilde av Lars i portrett" style = "width: 150px; height: 150px;">

                        </div>

                        <div class = "personalinfoLars">

                        <!-- Fullt navn, Alder og studentEpost -->

                        <p>Lars Kristian Haga</p>
                        <p>19 years old</p>
                        <p><a href="mailto:s305357@stud.hioa.no"> s305357@stud.hioa.no </a></p>


                        </div>

                        <div class = "personalinfoHavard">

                        <!-- Fult navn, Alder og studentEpost -->

                        <p>Håvard Nørgård Solum</p>
                        <p>26 years old</p>
                        <p><a href="mailto:s305078@stud.hioa.no"> s305078@stud.hioa.no </a></p></p>


                        </div>

                        <div class = "personalinfoDavid">

                        <!-- Fult navn, Alder og studentEpost -->

                        <p>David Solheim</p>
                        <p>22 years old</p>
                        <p><a href="mailto:s305066@stud.hioa.no"> s305066@stud.hioa.no </a></p>


                        </div>

                        <div class = "personalinfoJesper">

                        <!-- Fult navn, Alder og studentEpost -->

                        <p>Jesper Sannes Nylend</p>
                        <p>19 years old</p>
                        <p><a href="mailto:s305070@stud.hioa.no"> s305070@stud.hioa.no </a></p>


                        </div>


                    </div>


                    <!-- Her er høyre del av siden -->
                    <div class = "rightside">
                        <div class = "groupinformation">
                        <!-- Her skal informasjon om gruppen ligge -->

                        <p> We’re a group of four students from Oslo and Akershus University College, where we are studying computer engineering on our first semester. This website is the final deliverable in the subject Web Project, emphasizing a social or technological problem.</p>
                        </div>
                    </div>
                    <!-- Her er midtre del av siden -->
                    <div class = "middleside">
                        <div id="verticalline">

                        </div>
                    </div>
                </div>
                <!-- Footer -->
                <!-- Kontakt informasjon, Kontakt hvis du finner noen error -->
                    <footer>
                        <p class = "footer-feedback">
                        If you have any feedback, do not hesitate to contact us at: <a href="mailto:s305357@stud.hioa.no">s305357@stud.hioa.no</a></p>
                        <p class = "footer-aboutus">
                            <a href="AboutUs.html">About us</a>
                        </p>
                    </footer>
            </div>
        </div>
    </body>
</html>