Jon-pre · Jon-pre · Oct 16, 2020 · Oct 16, 2020 · Oct 16, 2020 · Oct 16, 2020
diff --git a/Innovationcamp/img1.webp b/Innovationcamp/img1.webp
diff --git a/Innovationcamp/innovationcamp.CSS b/Innovationcamp/innovationcamp.CSS
@@ -0,0 +1,74 @@
+
+footer{
+  font-style: italic;
+  font-size: 17px;
+  padding-top: 50px;
+  background-color: #242F82;
+  color: white;
+  text-align: center;
+}
+h1{
+  padding-bottom: 15px;
+  padding-left: 20px;
+}
+h2{
+  padding-left: 20px;
+  padding-top: 10px;
+}
+.meny {
+  overflow:hidden;
+  background-color: #2F2FA2;
+
+}
+.meny a{
+  float: right;
+  color: #f2f2f2;
+  text-align: center;
+  padding: 10px, 15px;
+  margin-right: 15px;
+  font-size: 17px;
+}
+
+.meny a:hover{
+  background-color: #ddd;
+  color: grey;
+}
+
+body{
+  background-color: white;
+  font-style: Arial,Helvetica,sans-Serif;
+}
+
+.container {
+  display: grid;
+  place-items: center;
+  grid-template-columns: 33% 33% 33%;
+  grid-template-rows: 2fr 1fr;
+  grid-gap: 10px;
+  margin: 20px;
+}
+.cell{
+  font-size: 17;
+  text-align: center;
+  padding: 5px;
+}
+div.clear {
+  clear: both;
+}
+
+p.quote {
+  font-size: 20;
+  margin-left: 20px;
+  color: white;
+}
+
+p.paragraph{
+  font-size: 17;
+  margin-left: 20px;
+}
+.farge{
+background-color: #296d98;
+height:120px;
+font-style:Helvetica,Sans-Serif,italic;
+font-size: 40px;
+}
diff --git a/Innovationcamp/innovationcamp.html b/Innovationcamp/innovationcamp.html
@@ -3,10 +3,72 @@
 <head>
   <title> Innovation Camp</title>
   <meta charset="utf-8">
+  <link rel="stylesheet" href="Innovationcamp.CSS">
+
 </head>
 <body>
-  <h1> Innovation Camp ayy</h1>
-
+  <div class="meny">
+    <h1 style="float:left ; color: white"> Maskinleselige Dokumenter AS</h1>
+    <p style="clear:both" class="quote" ><i>"Bare det beste for deg"</i></p>
+    <p class="quote">Vi gjør det enklere for skoler i u-land å holde styr på fravær og dokumentasjon!</p>
+  <a href="#random">Kontakt oss</a>
+  <a href="#hvor">Finn ut mer</a>
+  <a href="#produkter">Alle produkter</a>
+</div>
+<h2> Hvordan fungerer dette?</h2>
+<p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  In facilisis imperdiet viverra. Suspendisse tempor nunc vitae arcu auctor sagittis.
+  Nulla at eros erat. Duis massa mauris, posuere non scelerisque ut, lacinia vitae felis.
+  Sed sit amet orci feugiat, finibus urna sed, tincidunt nisi. Aenean ultrices odio fringilla, viverra mi vitae, posuere turpis.
+  Aliquam erat volutpat. Suspendisse commodo vestibulum ipsum, non interdum lacus dapibus vitae. Nam ac egestas nunc.
+  Morbi pulvinar aliquam lorem eu varius. Etiam vehicula urna libero, eget luctus sapien sodales nec. In sit amet varius lectus.</p>
+  <p class="paragraph">Vivamus id vehicula tellus, id tincidunt magna. Praesent rhoncus, nibh vitae feugiat efficitur, justo est lacinia nisi, id imperdiet ligula neque pellentesque diam.
+    Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis tellus enim, sodales volutpat accumsan non, suscipit vitae neque.
+    Vestibulum sagittis sapien at sapien consectetur varius eget ac odio. Sed sapien orci, commodo sit amet orci in, vulputate accumsan felis. Curabitur consequat, enim sit amet lobortis viverra, turpis justo mattis enim, eget cursus libero quam vel massa.
+    Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus euismod, dolor vitae lacinia varius, libero nulla suscipit lacus, at porta leo velit ut tellus.
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sem magna, dignissim sit amet fermentum at, laoreet vitae ex. Suspendisse pellentesque pulvinar facilisis. In sed rhoncus massa, non fringilla eros.</p>
+  <p class="paragraph">
+    Donec dolor lorem, tincidunt in interdum quis, mattis at massa. Sed vitae interdum ex, at cursus felis.
+    Ut nec mollis massa. Sed risus dui, egestas non quam quis, malesuada imperdiet sem. Integer placerat risus sed augue molestie varius.
+    Fusce quis purus vel ligula posuere ultricies. Proin condimentum elit eget lacus finibus, ac vestibulum lorem luctus.
+    Duis dictum sit amet metus a tincidunt. Nulla non ornare nisl. Etiam diam orci, consectetur id massa sed, congue porta tellus.
+    Aliquam aliquet tempor cursus. Nullam nulla ante, gravida non vulputate et, mattis vel ex.</p>
+</div>
+<div>
+  <h2><a id="hvor"></a>Hvor arbeider vi?</h2>
+  <img src = "pexels-akela-photography-448877.jpg" alt = "Pexels.com : Akela Photography" style = "float:left ; max-width: 50%; ; margin-left: 20px">
+  <ul style="overflow: hidden ; font-size: 20px"><strong>Vi tilbyr våre tjenester for skoler i følgende regioner:</strong>
+    <li>India</li>
+    <li>Mongolia</li>
+    <li>Sør-Afrika</li>
+    <li>Kongo</li>
+    <li>Brasil</li>
+    <li>Argentina</li>
+    <li>Tyrkia</li>
+    <br>
+    <li>... og mer i fremtiden!</li>
+  </ul>
+</div>
+<div style="clear: both">
+  <h2><a id="produkter"></a> Våre produkter:</h2>
+  <p class="paragraph">Maskinleselige Dokumenter AS setter opp tjenester lokalt ved hjelp av lokale regjeringer, skoleadministrasjoner og internasjonale organisasjoner e.g. Redd Barna.</p>
+  <p class="paragraph">Vi tilbyr også våre produkter direkte for kunder i regioner der vi ikke opererer. NB: Kan kreve egen installasjon.</p>
+  <div class="container">
+      <img src = "readermachine.jpg"  alt = "Placeholder" class="cell">
+      <img src = "readermachine.jpg"  alt = "Placeholder" class="cell">
+      <img src = "readermachine.jpg"  alt = "Placeholder" class="cell">
+      <p class="cell">MD Maskin X1 - 1000kr</p>
+      <p class="cell">MD Maskin X2 - 1500kr</p>
+      <p class="cell">MD Maskin X3 Pro - 2500kr</p>
+  </div>
+  <div class="clear"></div>
+</div>
+<footer class="farge">
+  <Strong>Vårt produkt kommer til å hjelpe med skolen egenskap til å holde fraværsstatistikk som kan bli loggført og ting</strong>
+</footer>
+  <footer>Laget av: Jon Presthus & Mikolaj Baran<br>
+    Illustrasjoner innhentet fra: Pexels.com
+  </footer>
 </body>
 </head>
 

diff --git a/Innovationcamp/pexels-akela-photography-448877.jpg b/Innovationcamp/pexels-akela-photography-448877.jpg
diff --git a/Innovationcamp/readermachine.jpg b/Innovationcamp/readermachine.jpg