aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/app/views/index.ejs
blob: 0768773521711a89bbe75a0db107079075889c42 (plain) (blame)
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
<% include templates/header %>

</head>
<body>

    <% include templates/navbar %>
    <div class="indexwrapper" id="index1">
        <div class="container">
            <div class="row-fluid">
                <div class="span5">
                    <h1><%= title %></h1>
                    <p>Velkommen til <%= title %></p>
                    <p>Her kommer det <em>kanskje</em> mer senere.</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>
                    <p>Perfekt for venner, familie og bekjente!</p>
                    <a href="#register" class="btn btn-large btn-warning">Registrer deg!</a>
                </div>
                <div class="span7">
                    <img src="/img/dashboard.png">
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4 infobox">
                    <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="span4 infobox">
                    <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="span4 infobox">
                    <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>
    </div>

    <div class="indexwrapper" id="index2">
        <div class="container">
            <h1>Hva kan Divid brukes til</h1>
            <div class="row-fluid">
                <div class="span3 infobox">
                    <img src="/img/student.png">
                    <h4>Studentkollektiv</h4>
                    <p>Fellesutgifter, fester, bøter, bursdager, øl, mat, strøm</p>
                </div>
                <div class="span3 infobox">
                    <img src="/img/fest.png">
                    <h4>Singelliv</h4>
                    <p>Ute på farten, stelle i stand aktiviter med andre, sydentur osv</p>
                </div>
                <div class="span3 infobox">
                    <img src="/img/par.png">
                    <h4>Parforhold</h4>
                    <p>I etableringsfasen som ønsker å ha ordnet økonomi fra starten av</p>
                </div>
                <div class="span3 infobox">
                    <img src="/img/omsorg.png">
                    <h4>Delt omsorg</h4>
                    <p>Klær, mat, medisiner og aktiviteter. Hvem betaler hva for barnet?</p>
                    <!--<p>klær, mat, reiser, aktiviteter, sport, skolebøker, tannlege, medisiner</p>--!>
                </div>
            </div>
        </div>
    </div>


    <div class="indexwrapper" id="index3">
        <div class="container">
            <h1>Hvordan bruke Divid</h1>

            <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 class="indexwrapper" id="index4">
        <div class="container">
            <h1>Registrer deg i dag!</h1>
            <p>Du kan enten bruke <a href="/auth/facebook">Facebook</a> eller <a href="/auth/twitter">Twitter</a>, eller registrere deg med epost under!</p>
            <div class="control-group">
                <label class="control-label" for="name">Navn</label>
                <div class="controls">
                    <input type="text" id="reg_name" name="name" required>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="email">E-post</label>
                <div class="controls">
                    <input type="email" id="reg_email" name="email" required>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="username">Brukernavn</label>
                <div class="controls">
                    <input type="text" id="reg_username" name="username" required>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="password">Passord</label>
                <div class="controls">
                    <input type="password" id="reg_password" name="password" required>
                </div>
            </div>
            <div class="control-group">
                <div class="form-actions"><a id="register" class="hidden">a</a>
                    <input type="submit" class="btn btn-primary" value="Registrer!">
                </div>
            </div>

        </div>
    </div>




<% include templates/footer %>
</body>
</html>