InnovationCampWebsite/index.html at master · mkmbaran/InnovationCampWebsite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE>
<html>
<head>
  <title> Innovation Camp</title>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="index.css"/>
</head>
<body>
  <div class="meny">
    <h1 style="float:left ; color: white"> Maskinleselige Dokumenter AS</h1>
    <p style="clear:both" 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">
  Vi kom opp med ideen bak vårt produkt etter å ha diskutert problemene u-land opplever.
  Fravær har vært et økende problem for alle skoler i verden til grunns for krig, sult og tørke.<br>
  Å holde statistikk over hvorfor barn ikke går på skole kan hjelpe oss med å bedre håndtere diverse problemer.
  Det er derfor formålet med vårt produkt er å loggføre fravær på en effektivt og lavteknologisk måte.<br>
  Dette gjør vi gjennom bruken av maskinleslige dokumenter som lar skoler skolen sende statistikk til en sentral selv uten tilgang til server eller internett.<br>
  Maskinen leser inn dokumentene og loggfører informasjonen i en database. På denne måten kan vi trygt oppholde sensitiv skole data om elever og fraværs logistikk.
</p>
    <p class="paragraph" style = "font-size:22px">
    <em>Med innhentet statistikk kan vi finne sammenhenger mellom tilfellene og sammen jobbe for å finne en løsning.</em>
     </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år produkt har som formål å forenkle hverdagen til både elever og lærere rundt i verden.<br>
  Dette blir gjort raskt og billig gjennom vår banebrytende dokumentlesende maskin." </strong>
</footer>
  <footer>Laget av: Jon Presthus & Mikolaj Baran<br>
    Illustrasjoner innhentet fra: Pexels.com
  </footer>
</body>
</head>

</html>