<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>CheapTech!</title>
		<link rel="shortcut icon" href="ct.ico" />
        <link rel="stylesheet" type="text/css" href="screen.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="print.css" media="print" />
        <link rel="stylesheet" type="text/css" href="mob.css" media="only screen and (max-device-width: 480px)" />
        <link rel="stylesheet" type="text/css" href="mob.css" media="handheld" />
        <script type="text/javascript" src="index.js">
        </script>
      <!--  <script>
            (function() {
                var cx = '015832933722383672871:9jupar90vxe';
                var gcse = document.createElement('script');
                gcse.type = 'text/javascript';
                gcse.async = true;
                gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
                '//cse.google.com/cse.js?cx=' + cx;
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(gcse, s);
            })();
        </script> -->
    </head>
    <body>
        <nav id="mainmenu">                           <!-- MENU HERE -->
            <ul>
                <li><p id="logo" > </p></li>
                <li><a href="index.html">HOME</a></li>
                <li><a href="topprod.html">Top Products</a></li>
                <li><a href="products.html">Products</a></li>
                <li><a href="contact.html">Contact</a></li>
                <li><a href="assign.html">Assignments</a></li>
                <li>
                <!-- GOOGLE SEARCH BAR -->
                <style type="text/css">

                    #arsite-cse-box-1 {
                        margin-top: -50px;
                        position: relative;
                        top: 20px;
                        width: 250px;
                        z-index: 99;
                    }

                    #arsite-cse-box-1 .cse .gsc-control-cse, #arsite-cse-box-1 .gsc-control-cse {
                        background-color: transparent;
                        border: 0;
                    }
                </style>
                <div id="arsite-cse-box-1">
                    <script>
                        (function() {
                            var cx = '015832933722383672871:9jupar90vxe';
                            var gcse = document.createElement('script');
                            gcse.type = 'text/javascript';
                            gcse.async = true;
                            gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
                                '//www.google.com/cse/cse.js?cx=' + cx;
                            var s = document.getElementsByTagName('script')[0];
                            s.parentNode.insertBefore(gcse, s);
                        })();
                    </script>
                    <gcse:search></gcse:search>
                </div>
                
               <!-- END GOOGLE SEARCH BAR --> 
                </li>
            </ul>
        </nav>
		<a href="rss.xml" class="rss">
            <img src="http://www.w3schools.com/webservices/rss.gif">
        </a>
        <section id="main-flex">                       <!-- CONTENT HERE -->
            <header id="mainTitle">
                Oblig 3 - Webutvikling
            </header>
            <div id="main-content">
                <p>
                    Trykk på "Contact" i menyen for å se hvem gruppa består av! <br /><br />
                    Eventuelt på github <a href="https://github.com/Vice93/webutviklingoblig">her.</a>
                </p>
                <h1>
                    Oppgave 1
                </h1>
                <p>
                    Denne nettsiden er oppgaven, bare å navigere dem om du ønsker. Har stort sett bare dummy tekst, men er ferdig ut ifra hva
                    oppgaven krever.
                </p>
                <h1>
                    Oppgave 2
                </h1>
                <p>
                    Nettsiden er validert, både html og css. Om du prøver å validere den vil den ha et par warnings, men om du googler hvorfor finner
                    du fort ut av at det er det ikke noe å gjøre med. <br /><br />
                    Den er også validert på tablets og print, samt at den har et responsivt design. Prøv å resize vinduet og se hvordan det fungerer.
                    
                    <a href="https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.it-stud.hiof.no%2F~jonasv%2FWebObliger%2Foblig2%2Findex.html">HTML Validering</a>
                    <a href="https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.it-stud.hiof.no%2F~jonasv%2FWebObliger%2Foblig2%2Findex.html&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en">CSS Validering</a>
                </p>
                <h1>
                    Oppgave 3
                </h1>
                <p>
                    En kort oppsummering av gruppebidrag:<br /><br />
                    Jonas: Skrevet html struktur, laget screen.css, mob.css og print.css, satt opp reponsivt design, laget produkt sidene &amp; 
                    produktene, funnet bilder, skrevet tulle tekst til produktene, lagt opp google search funksjon, validert css og laget denne siden.<br />
                    Rebin: Laget contacts siden, laget RSS dokumentet, ryddet litt opp i kode.<br />
                    Knut: Designet farger.<br />
                    Jon: Laget logo.<br />
                </p>
                <h1>
                    Oppgave 4
                </h1>
                <p>
                    Du kan finne induviduelle nettsider på disse linkene: <br /><br />
                    Jonas: <a href="oblig3webjonas.html">Induviduell nettside.</a><br />
                    Rebin: <a href="weboblig3rebin.html" target="_blank">Induviduell nettside.</a><br />
                    Knut: <a href="http://www.it-stud.hiof.no/~knutmf/Webutviklingsoblig3.html">Induviduell nettside.</a><br />
                    Jon: <a href="LINK HER">Induviduell nettside.</a><br /><br />
                    Gamle eksamensoppgaver kan du finne på våres induviduelle nettsider.
                </p>
            </div>
        </section>
    </body>
    <footer>                            <!-- COPYRIGHTS -->
        
    </footer>
</html>