-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
107 lines (101 loc) · 6.14 KB
/
contact.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
<html>
<head>
<title>GhostHosting</title>
<!-- MATERIALIZE CSS -->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- PROJECT CSS -->
<link type="text/css" rel="stylesheet" href="css/ghosthosting.css" media="screen,projection"/>
</head>
<body>
<nav class="white">
<div class="nav-wrapper container">
<a href="#!" class="brand-logo"><img style="height: 55px; width: auto; margin-top: 2px;" src="img/logo.png"></a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons black-text">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="./index.html" class="black-text">Home</a></li>
<li><a href="./index.html#product" class="black-text">Producten</a></li>
<li><a href="#" class="black-text">Inloggen</a></li>
<li><a href="./contact.html" class="black-text">Contact</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="./" class="black-text">Home</a></li>
<li><a href="./#product" class="black-text">Producten</a></li>
<li><a href="#" class="black-text">Inloggen</a></li>
<li><a href="./contact" class="black-text">Contact</a></li>
</ul>
</div>
</nav>
<nav class="green navbar-fixed" style="height: 20px"></nav>
<div id="index-banner" class="parallax-container" style="height: 180px;">
<div class="section no-pad-bot">
<div class="center white-text">
<h1>Contact</h1>
</div>
</div>
<div class="parallax"><img src="img/banner.jpg" alt="" style=" display: block; transform: translate3d(-50%, 244px, 0px);"></div>
</div>
<div class="contact container">
<div class="row">
<div class="col col s12 m6 l6">
<script src='https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyDh10jqvLVEZAmME2S3fk0ov18PGuG47_o'></script><div style='overflow:hidden;height:400px;width:520px;'><div id='gmap_canvas' style='height:400px;width:520px;'></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style></div> <a href='http://maps-generator.com/nl'>GhostHosting</a> <script type='text/javascript' src='https://embedmaps.com/google-maps-authorization/script.js?id=c6ff9dbcaa4ad7c31680a1d6c851dfc245a2a156'></script><script type='text/javascript'>function init_map(){var myOptions = {zoom:12,center:new google.maps.LatLng(51.9208545,4.479528899999991),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(51.9208545,4.479528899999991)});infowindow = new google.maps.InfoWindow({content:'<strong>GhostHosting</strong><br>Coolsingel<br> Rotterdam<br>'});google.maps.event.addListener(marker, 'click', function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>
</div>
<div class="col col s12 m6 l6">
<h4>Contact</h4>
<p>Telefoon: <a href="tel:09001234">09001234</a></p>
<p>KVK Nummer: 123456789</p>
<p>Zakelijke vragen: <a href="mailto:[email protected]">[email protected]</a></p>
<p>Minecraft vragen: <a href="mailto:[email protected]">[email protected]</a></p>
<p>Sponser vragen: <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</div>
<footer class="page-footer green">
<div class="container">
<div class="row">
<div class="col s6 m6 l3">
<h5 class="white-text">GhostHosting</h5>
<p class="white-text">Handig overzicht van bijna al onze pagina's</p>
</div>
<div class="col s6 m6 l3">
<h5 class="white-text " style="margin-bottom: 25px;">Producten</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="#!">Minecraft Basic</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Minecraft Standaard</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Minecraft Advanced</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Minecraft Pro</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Meer...</a></li>
</ul>
</div>
<div class="col s6 m6 l3">
<h5 class="white-text">Klanten</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="#!">Login</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Betalingen</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Multicraft</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Registeer</a></li>
</ul>
</div>
<div class="col s6 m6 l3">
<h5 class="white-text">Contact</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="#!">KVK Nmr: 123456789</a></li>
<li><a class="grey-text text-lighten-3" href="mailto:[email protected]">Mail: [email protected]</a></li>
<li><a class="grey-text text-lighten-3" href="tel:09001234">TEL: 09001234</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2017 GhostHosting
<a class="grey-text text-lighten-4 right" href="https://www.twitter.com/ghosthostingeu">Twitter</a>
</div>
</div>
</footer>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script>$(".button-collapse").sideNav();</script>
</body>
</html>