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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
|
<% include header %>
<link rel="stylesheet" href="/css/devanim.css">
</head>
<body>
<% include navbar %>
<!-- Wrapper
================================================== -->
<div class="container" id="wrapper">
<div class="row">
<!-- content
================================================== -->
<div class="span12 content">
<div class="container row">
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="span12 showcase row">
<div class="span5 pitch">
<div class="span12 row">
<h1>Samarbeid om utgifter</h1>
<p>Divid er en delingstjeneste som regner ut hva folk skylder hverandre</p>
<ul class="blue">
</li><h3><i class="icon-pencil"></i> Registrer deg gratis</h3></li>
</li><h3><i class="icon-play"></i> Opprett prosjekt</h3></li>
</li><h3><i class="icon-user"></i> Inviter deltakere</h3></li>
</li><h3><i class="icon-barcode"></i> Før inn utgiftene</h3></li>
</li><h3><i class="icon-ok"></i> Ta et oppgjør</h3></li>
</ul>
</div>
<div class="span12 row">
<a href="#" class="btn btn-large register">Registrer »</a>
<button class="btn-primary btn-large btn-thumbs-up like"><i class="icon-thumbs-up icon-white"></i> Like!</button>
</div>
</div>
<div class="span7 dash">
<img src="/img/dashboard.png">
</div>
</div>
</div>
</div>
<div class="span12 content">
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="span3 infobox" id="first">
<img class="infoimg" src="/img/laptop.png">
<h4>Bruk mobil eller nettleser</h4>
<p>Divid er en webapplikasjon og kan brukes på pc, nettbrett og mobil. Uansett hva du bruker er Divid tilgjengelig.</p>
</div>
<div class="span3 infobox" id="second">
<img class="infoimg" src="/img/addpeople.png">
<h4>Inviter de du vil</h4>
<p>Inviter deltakere til prosjekt ved å legge til epost-adressen deres eller send dem en link!</p>
</div>
<div class="span3 infobox" id="third">
<img class="infoimg" src="/img/overwatch.png">
<h4>Få oversikt</h4>
<p>Ikke la delte utgifter gå i glemmeboken. Send påminnelser og få varsel når deltakere betaler.</p>
</div>
</div>
<div id="hva" class="span12 content">
<div class="container last">
<div class="span12">
<h1>Hva kan Divid brukes til</h1>
</div>
<div class="span2 scenario">
<img src="/img/student.png">
<h4>Studentkollektiv</h4>
<p>Fellesutgifter, fester, bøter, bursdager, øl, mat, strøm</p>
</div>
<div class="span2 scenario">
<img src="/img/fest.png">
<h4>Singelliv</h4>
<p>Ute på farten, stelle i stand aktiviter med andre, sydentur osv</p>
</div>
<div class="span2 scenario">
<img src="/img/flytting.png">
<h4>Parforhold</h4>
<p>I etableringsfasen som ønsker å ha ordnet økonomi fra starten av</p>
<p>Hindrer snylting</p>
</div>
<div class="span2 scenario">
<img src="/img/omsorg.png">
<h4>Distribuert familie</h4> <!--eller skilt par med--!>
<p>eller</p>
<h4>Delt omsorg</h4>
<p>Hvem betaler hva for hans, hennes og deres barn?</p>
<!--<p>klær, mat, reiser, aktiviteter, sport, skolebøker, tannlege, medisiner</p>--!>
</div>
<!--<div class="span2 scenario">
<img src="/img/overwatch.png">
<h4>Person som vil ha oversikt over tingene sine.</h4>
<p>Ta et bilde med Divid: av gressklippern han lånte bort til naboen, tennisrackettene kompisen hans lånte, eller klær hun har lånt bort til venninner</p>
</div>--!>
</div>
</div>
</div>
<div id="hvor" class="span12 content">
<div class="container last">
<div class="span6 sectionleft">
<h1>Hvordan bruke Divid</h1>
</div>
<div class="span6 sectionright">
<h1>Tilgjengelig via:</h1>
</div>
<div class="span7 sectionleft">
<div class="span5 sectionleft tutorial">
<iframe src="http://player.vimeo.com/video/41974181" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
</div>
<div class="span5 sectionright">
<a href="https://itunes.apple.com/us/genre/ios-finance/id6015?mt=8"><img src="/img/iph.png" onmouseover="this.src='/img/iphoneA.png'" onmouseout="this.src='/img/iph.png'"></a>
<a href="https://play.google.com/store"><img src="/img/android.png" onmouseover="this.src='/img/androidA.png'" onmouseout="this.src='/img/android.png'"></a>
<a href="http://www.windowsphone.com/nb-no/store"><img src="/img/win.png" onmouseover="this.src='/img/winA.png'" onmouseout="this.src='/img/win.png'"></a>
</div>
</div>
</div>
<div id="hvordan" class="span12 content">
<div class="container last">
<div class="span6 sectionleft">
<h1>Registrering</h1>
<p>"Her skal registreringsformen inn"</p>
</div>
<div class="span6 sectionright">
<h1>Divid er enkelt!</h1> <!-- Vi viser deg hvor enkelt det er å bruke Divid.--!>
<ul>
<h4><i class="icon-chevron-right icon-white"></i> Vi tar bryet og løser delingen rettferdig</h4>
</br>
<h4><i class="icon-chevron-right icon-white"></i> Divid hjelper deg med å holde oversikt over dine utgifter, utlegg og lån</h4> <!--Ikke la uvissheten om at du glemmer eller manglende tillit til folk hindre deg i dele eller låne.--!>
</br>
<h4><i class="icon-chevron-right icon-white"></i> Hold venner og bekjente oppdatert eller purr de med hva de skylder deg og vice versa</h4>
</br>
<h4><i class="icon-chevron-right icon-white"></i> Ta bilde av kvitteringene eller en utlånt gjenstand med Divid bildebank for senere gjennomsyn</h4><!--Du slipper kvitteringer - ta bilde av de og kast de i søpla. Bildene lastes opp til Divids servere så har du de senere hvis det er bruk for de.--!>
</ul>
</div>
</div>
</div>
</div>
</div><!-- /div.row -->
</div><!-- /div#wrapper -->
<!--<div id="footer">
<div class="container">
<p>!!!!!!!!!!!!!!!!!!!!</p>
</div>
</div>-->
<% include footer %>
</body>
</html>
|
