-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
166 lines (137 loc) · 7.56 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Welkom | Lemo</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<meta name="keywords" content="Remco Land">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
<meta name="theme-color" content="#036aee">
<link rel="shortcut icon" href="http://lemoassistant.us.to/assets/images/lemo-assistant-logo-800x800.png" type="image/x-icon">
<link rel="icon" href="http://lemoassistant.us.to/assets/images/lemo-assistant-logo-800x800.png" type="image/x-icon">
</head>
<header>
<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
<a class="navbar-brand" href="index.html">
<img src="resources/logo.png" width="55" height="55" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto ">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section2">Offerte aanvragen</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
<div id="top-shadow" class="shadow"></div>
</header>
<body>
<!-- Intro -->
<div class="intro scew shadow">
<div class="container introduction unscew">
<div class="row">
<div class="col-sm-7">
<h1 class="title1">Laat Technologie helpen bij zorg</h1>
<p>Wij van het Lemo team denken dat technologie een veel grotere rol kan spelen op het gebied van zorg. Daarom zijn we wij gaan kijken waar het oplossingen kan bieden en hoe. Zo hebben wij verschillende services die het zorg leven een stuk makkelijker kan maken</p>
<center><p class="p-button hover" style="padding-top: 50px"><a class="btn btn-light btn-round" href="#section1" role="button">Meer info</a></p></center>
</div> <!-- col sm 6 -->
<div class="col-sm-5">
<center style="padding-top: 100px">
<img class="side-img" src="resources/Ipad mockup.png" alt="Ipad mockup met app open">
</center>
</div> <!-- col sm 6 -->
</div><!-- row -->
</div>
</div>
<div class="section container" id="section1">
<h2 class="title2">Wat hebben wij te bieden?</h2>
<p> Wij hebben verschillende producten en services ontwikkeld die kunnen helpen in de zorg, zoals <a href="lemoklok">Lemo Klok</a> een aangepaste alarm-app die reminders voor verschillende activiteiten kan geven die in een dashboard aan te passen zijn. <a href="http://lemoassistant.us.to/" target="_blank">Lemo Assistant</a> een Assistent die je kan helpen met vragen beantwoorden, alarmen zetten, of om gewoon even mee te praten.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer placerat eu ex a tempus. Integer non ultrices leo. Curabitur non sollicitudin dui, et pulvinar nulla. Maecenas massa nulla, gravida in rutrum condimentum, pretium sed urna. Aenean pulvinar vehicula eros, id ultricies erat malesuada vel. Praesent laoreet metus at quam tempor blandit. Phasellus ac tempus metus. Quisque nec condimentum eros. Aenean vulputate auctor sapien, vel accumsan lectus auctor eget. Nunc eu elementum mi. Cras finibus risus quis semper mollis.
Nam convallis at nulla ut condimentum. Fusce eleifend eros ut tellus porta, quis tempor ex dapibus. Donec ac tincidunt libero. Duis consequat in lacus a feugiat. Nam facilisis fermentum dolor, nec hendrerit dolor. Sed dignissim viverra nunc, sit amet semper nisi tincidunt non. Integer dictum cursus metus eget semper. Phasellus sit amet sapien sapien. Vestibulum auctor nisi non ipsum suscipit laoreet. Duis egestas lectus eget vestibulum commodo. Nam vestibulum ultrices elit rutrum ornare. Suspendisse non sem id sapien porttitor sollicitudin at vitae libero.
Curabitur et fermentum metus. Donec vitae sodales felis. Nullam et vestibulum libero, a eleifend ex. Ut dapibus nibh a arcu accumsan, nec facilisis sem viverra. Vestibulum sed dolor nec justo sollicitudin suscipit sed vel tortor. In quis lectus egestas, vestibulum eros ut, venenatis lectus. Nam mi urna, lacinia et purus a, porttitor mattis sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae justo pulvinar, euismod eros ac, molestie sem.</p>
</div>
<div class="scew2" id="section2">
<div class="container unscew2 offerte" style="padding-top: 50px">
<h2 class="title1">Vraag een offerte aan</h2>
<form name="contact" method="POST" data-netlify="true">
<div class="form-row">
<div class="col">
<label for="InputName">Voornaam</label>
<input type="name" class="form-control" id="InputName" name="name" placeholder="Voornaam">
</div>
<div class="col">
<label for="InputName">Achternaam</label>
<input type="name" class="form-control" id="InputSurName" name="surname" placeholder="Achernaam">
</div>
</div>
<div class="form-group">
<label for="InputEmail">E-mailadres</label>
<input type="email" class="form-control" id="InputEmail" aria-describedby="emailHelp" name="email" placeholder="E-mailadres">
</div>
<div class="form-group">
<label for="exampleFormControlSelect1">Kies product</label>
<select class="form-control" id="Product" name="Product">
<option>Lemo Klok</option>
<option>Voice Assistant</option>
</select>
</div>
<div class="form-group">
<label for="InputEmail">Bericht (Optioneel)</label>
<textarea type="message" class="form-control" id="InputMessage" name="message" placeholder="Bericht (optioneel)"></textarea>
</div>
<div data-netlify-recaptcha="true"></div>
<p>
<button type="submit" class="btn btn-light">Verstuur</button>
</p>
</form>
</div>
</div>
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
//]]>
</script>
<script>
//shadow script
$(document).ready(function(){
$(window).scroll(function(){
var y = $(window).scrollTop();
if( y > 0 ){
$("#top-shadow").css({'display':'block', 'opacity':y/20});
} else {
$("#top-shadow").css({'display':'block', 'opacity':y/20});
}
});
})
</script>
</body>
</html>