BoerenMobile/index.html at master · reshadf/BoerenMobile · GitHub

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
<!doctype html>
<!-- Conditional comment for mobile ie7 blogs.msdn.com/b/iemobile/ -->
<!--[if IEMobile 7 ]>    <html class="no-js iem7" lang="en"> <![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!--> <html class="no-js" lang="nl"> <!--<![endif]-->

<head>
  <meta charset="utf-8">

  <title></title>
  <meta name="description" content="">

  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="320">
  <meta name="viewport" content="width=device-width">
  <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/h/apple-touch-icon.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/m/apple-touch-icon.png">
  <link rel="apple-touch-icon-precomposed" href="img/l/apple-touch-icon-precomposed.png">
  <link rel="shortcut icon" href="img/l/apple-touch-icon.png">

  <!-- <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black"> -->
  <!-- <script>(function(){var a;if(navigator.platform==="iPad"){a=window.orientation!==90||window.orientation===-90?"img/startup-tablet-landscape.png":"img/startup-tablet-portrait.png"}else{a=window.devicePixelRatio===2?"img/startup-retina.png":"img/startup.png"}document.write('<link rel="apple-touch-startup-image" href="'+a+'"/>')})()</script> -->

  <!-- <script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")</script> -->

  <meta http-equiv="cleartype" content="on">

  <link rel="stylesheet" href="css/style.css">

  <link media="only screen and (max-device-width: 768px)" href="css/design.css" type="text/css" rel="stylesheet" />

  <script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>

<body>

  <div id="container">
    <header>
      <nav class="navigationport navigationland">
        <ul>
          <li><a href="">Het Betere BoerenBed</a></li>
          <li><a href="">'t Verblijf</a></li>
          <li><a href="">Op de boerderij</a></li>
          <li><a href="">Ander leuks</a></li>
          <li><a href="">Onze boerderijen</a></li>
          <li><a href="">Reserveren</a></li>
          <li><img src="img/boerenbed-logo.png"></li>
        </ul>
      </nav>
    </header>
    <div id="main" role="main">
      <div class="swipe" id="slider3">
        <ul>
            <li>
              <div class="block">
                <img class="right" src="img/teil-kinderen-epe.jpg">
                <h1>De meest bijzondere familievakantie</h1>
                <p>
                Lekker buiten leven op de mooiste locaties van Nederland met niets anders dan het ritme van de dag.
                Niets hoeft en alles mag. Dat is Het Betere BoerenBed.</p>
                <p>Een Betere BoerenBed Boerderij is altijd gevestigd op of in de onmiddellijke omgeving van een natuurgebied of landgoed van de Vereniging Natuurmonumenten of één van de andere organisaties voor natuurbeheer.
                </p><p>Tijdens je verblijf kun je – naast genieten – een kijkje nemen in de wereld van de boer. Het Betere BoerenBed is namelijk alleen gevestigd bij werkende agrarische bedrijven; waar de boer en boerin een gedreven en betrokken rol spelen.</p>
                <p>De Betere BoerenBed Tent is ongekend ruim en comfortabel met een bijzondere inrichting die herinnert aan het eerlijke boerenlandleven van vroeger dagen. Geniet van de sfeer van kaarsen en olielampen, en van de lange avonden rond de warme houtkachel. Vergeet de tijd...
                </p><p>Het Betere BoerenBed is bestemd voor iedereen die zoekt naar kwaliteit en kleinschaligheid. Beleving en ervaring; ver weg van "massa en plastic pret".</p>
              </div>
            </li>
            <li>
              <div class="block">
                <img class="right" src="img/vrouw-kruiwagen.jpg">
                <h2>Niets moet, alles mag ...</h2>
                <p>
                Bij aankomst in Het Betere BoerenBed ervaren we allemaal hetzelfde. De neiging om je horloge af te doen en de mobiele telefoon uit te zetten.</p><p>

                Uit alle hectiek, haast en de wereld waarin de dingen moeten, zijn we op een plek terechtgekomen waar niets moet en alles mag.
                </p><p>

                Opzij, opzij, opzij, maak plaats, maak plaats, maak plaats, wij hebben ongelooflijke haast… verandert in
                pompidompidom, tralaloe, tralaloe.....

                De Boerenlandlucht, maar vooral de rust.
                </p>
              </div>
            </li>
            <li>
              <div class="block">
                <img class="content" src="img/weiland_koeien_reuzeneik.jpg">
              </div>
            </li>
            <li>
              <div class="block">
                <img class="right" src="img/tent-achter-boom.jpg">
                <h2>Rust en ruimte</h2>
                <p>Bij aankomst in het Betere BoerenBed ervaren de meeste mensen hetzelfde.</p><p>
                De neiging om je horloge af te doen en de mobiele telefoon uit te zetten is als vanzelf aanwezig.</p><p>
                Om de tent heen is er heel veel ruimte om vrij te bewegen. Hutjemutje is er bij Het Betere BoerenBed niet bij.</p><p>
                Want zo uit alle hectiek, haast en de wereld waarin de dingen moeten, ben je op een plek terechtgekomen waar niets moet en alles mag. De dag stuurt zichzelf bij Het Betere BoerenBed.</p>
              </div>
            </li>
          </ul>
      </div>
    </div>

    <footer>
      <nav class="navigationport navigationland">
        <ul>
          <li><a href="">Het Betere BoerenBed</a></li>
          <li><a href="">'t Verblijf</a></li>
          <li><a href="">Op de boerderij</a></li>
          <li><a href="">Ander leuks</a></li>
          <li><a href="">Onze boerderijen</a></li>
          <li><a href="">Reserveren</a></li>
          <li><img src="img/boerenbed-logo.png"></li>
        </ul>
      </nav>
    </footer>
  </div> <!--! end of #container -->


  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>

  <script type="text/javascript" src="js/swipe.js"></script>
  <script type="text/javascript" src="js/min.swipe.js"></script>
  <script src='js/swipe.js'></script>
  <script>
  new Swipe(document.getElementById('slider'));
  new Swipe(document.getElementById('slider2'));
  var slider3 = new Swipe(document.getElementById('slider3'));
  var slider4 = new Swipe(document.getElementById('slider4'));
  </script>

  <!-- scripts concatenated and minified via ant build script -->
  <script src="js/helper.js"></script>
  <!-- end concatenated and minified scripts-->

  <!-- <script src="https://getfirebug.com/firebug-lite.js"></script> -->

  <script> // Change UA-XXXXX-X to be your site's ID
    var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]];
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
    g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
    s.parentNode.insertBefore(g,s)}(document,"script"));
  </script>

</body>
</html>