forked from troubalex/LandingPage-OPT
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
222 lines (205 loc) · 10.5 KB
/
index.html
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!DOCTYPE html>
<html ng-app="landingPage">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="//cdn.optimizely.com/js/2122921733.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Online Personlig Trener – online-pt.no</title>
</head>
<body ng-controller="CarouselDemoCtrl" ng-init="init()">
<div class="wrapper">
<div class="layer-container col-lg-12">
<div id="background">
<div class="text-center">
<div id="logo" alt="SATS ELIXIA">
<h1 id="second-logo">Online Personlig Trener</h1>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<div class="text" id="padding-text-first">
Tett på.
<br>Personlig.
<br>Faglig sterk.
</div>
</div>
</div>
</div>
</div>
<button ng-click="goToSale()" class="btn" ng-hide="showTwoSlides">
<div id="inner-text">Les mer
</div>
</bitton>
</div>
</div>
</div>
<div class="layer-container col-xs-12" id="second-layer">
<h2 class="section-header sales-section-header">Om tjenesten</h2>
<div class="row sales-section">
<div class="col-xs-6">
<h3 class="header-text second-layer-heading">
Ett opplegg for deg</h3>
<div class="text second-layer-text padding-left">Din trener vil lage ditt
<strong>personlig kosthold- og treningsprogram</strong> som er tilpasset deg og dine målsettinger.
<strong>Jevnlige oppdateringer</strong> sørger for at du til enhver tid har et program som passer ditt behov og din hverdag.
</div>
</div>
<div class="col-xs-6">
<h3 class="header-text second-layer-heading">
Tett oppfølging</h3>
<div class="text second-layer-text" id="pay-one-price">Gjennomføringen av treningen må du selv stå for, men din personlige trener vil være tilgjengelig og
<strong>følge deg opp løpende</strong> med få dagers mellomrom.
<strong>Jevnlig dialog</strong> med din personlige trener vil sikre at du har progresjon og det rette fokus til enhver tid.
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<h3 class="header-text second-layer-heading">
Vår ekspertise</h3>
<div class="text second-layer-text padding-left" id="last-second-layer-text">Din trener vil
<strong>dele av sin kunnskap</strong> og hjelpe deg med å sette gode mål som passer ditt nivå og dine ambisjoner både når det gjelder kosthold og trening.
</div>
</div>
<div class="col-xs-6">
<div id="price-color">
<div class="price">
<div class="money-box">
<div id="current-price">kr 795</div>
<h4 id="month">/måned uten bindingstid</h4>
</div>
<div class="text-center" id="padding">
<button ng-click="loginWithRandomPT(getActiveSlide())" class="btn-choose-trainer">
<div id="inner-text-choose-trainer">Bestill
</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layer-container col-xs-12">
<h2 class="section-header sales-section-header">Dette får du</h2>
<div class="benefits">
<ul class="bullets">
<li>Personlig treningsplan og kostholdsveiledning</li>
<li>Ubegrensede meldinger med din personlige trener</li>
<li>Tett oppfølging av din personlige trener</li>
</ul>
</div>
</div>
<div class="col-xs-12" id="our-coach-background">
<h2 class="section-header">Våre trenere</h2>
</div>
<div class="col-xs-12" id="carousel-background">
<carousel class="slides">
<slide ng-repeat="slide in slides" active="slide.active" id="{{slide.name}}">
<div>
<img ng-src="{{slide.image}}" ng-class="imgClass()">
<img ng-show="showTwoSlides" class="two-slides second-slide" ng-src="{{getNextActiveSlide().image}}">
</div>
</slide>
</carousel>
<div ng-class="imgClass()">
<div id="carousel-index">{{getActiveSlide().number}} av {{slides.length}}</div>
<h3 id="pt-name">{{getActiveSlide().name}}</h3>
<div class="text-center">
<Button ng-click="login(getActiveSlide())" class="btn-choose-trainer">
<div id="inner-text-train-btn">Velg {{getActiveSlide().name.split(" ")[0]}}</div>
</Button>
</div>
<div class="text second-layer-text" id="pt-text">
<div ng-include="getActiveSlide().path"></div>
<div class="center">
</div>
</div>
</div>
<div class="two-slides second-slide" ng-show="showTwoSlides">
<div id="carousel-index">{{getNextActiveSlide().number}} av {{slides.length}}</div>
<h3 id="pt-name">{{getNextActiveSlide().name}}</h3>
<div class="text-center">
<Button ng-click="login(getNextActiveSlide())" class="btn-choose-trainer">
<div id="inner-text-train-btn">Velg {{getNextActiveSlide().name.split(" ")[0]}}</div>
</Button>
</div>
<div class="text second-layer-text" id="pt-text">
<div ng-include="getNextActiveSlide().path"></div>
<div class="center">
</div>
</div>
</div>
</div>
<div class="contact col-xs-12 " id="contact-text">
<h3 id="contact-us">Kontakt oss</h3>
<i class="fa fa-envelope fa-2x contact-info"></i>
<span class="contact-margin"> <u><a href="mailto:[email protected]"> [email protected] </a></u>
</span>
<br>
<i class="fa fa-phone fa-2x contact-info"> </i>
<span class="contact-margin">995 69 938</span>
<p id="contact-footer">Online Personlig Trener krever en facebook konto i betafasen. Vi kommer aldri til å poste på din profile eller lese din data.</p>
<p id="contact-footer" class="contact-info">Løsningen Online Personlig Trener er under kontinuerlig forbedring og videreutvikling.</p>
<p id="contact-footer" class="contact-info bottom">Kontakt oss gjerne med kommentarer, informasjon om tekniske/praktiske komplikasjoner, ønsker om endringer eller nye funksjoner, eller andre spørsmål.
</p>
</div>
</div>
</body>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="app/style/style.css" media="screen" />
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
<script type="text/javascript" src="app/js/script.js"></script>
<script type="text/javascript" src="app/js/ui-bootstrap.js"></script>
<script type="text/javascript" src="app/js/angular-resource.js"></script>
<script type="text/javascript" src="app/js/angular-cookies.min.js"></script>
<script src="//use.typekit.net/whc6xho.js"></script>
<script src="//cdn.optimizely.com/js/2122921733.js"></script>
<script>
try {
Typekit.load();
} catch (e) {}
</script>
<script type="text/javascript">
(function(f, b) {
if (!b.__SV) {
var a, e, i, g;
window.mixpanel = b;
b._i = [];
b.init = function(a, e, d) {
function f(b, h) {
var a = h.split(".");
2 == a.length && (b = b[a[0]], h = a[1]);
b[h] = function() {
b.push([h].concat(Array.prototype.slice.call(arguments, 0)))
}
}
var c = b;
"undefined" !== typeof d ? c = b[d] = [] : d = "mixpanel";
c.people = c.people || [];
c.toString = function(b) {
var a = "mixpanel";
"mixpanel" !== d && (a += "." + d);
b || (a += " (stub)");
return a
};
c.people.toString = function() {
return c.toString(1) + ".people (stub)"
};
i = "disable track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.track_charge people.clear_charges people.delete_user".split(" ");
for (g = 0; g < i.length; g++) f(c, i[g]);
b._i.push([a, e, d])
};
b.__SV = 1.2;
a = f.createElement("script");
a.type = "text/javascript";
a.async = !0;
a.src = "//cdn.mxpnl.com/libs/mixpanel-2.2.min.js";
e = f.getElementsByTagName("script")[0];
e.parentNode.insertBefore(a, e)
}
})(document, window.mixpanel || []);
mixpanel.init("d325adcd90c5f742de498c77f127a9c0");
</script>
</html>