-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (73 loc) · 4.45 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
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="app.css">
<script src="https://unpkg.com/vue@2.6.11/dist/vue.min.js"></script>
<script src="https://unpkg.com/vue-router@3.1.3/dist/vue-router.min.js"></script>
<script src="https://unpkg.com/vue-meta@2.3.1/dist/vue-meta.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,800|Pacifico&display=swap" rel="stylesheet">
<script src='https://api.mapbox.com/mapbox-gl-js/v1.3.1/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v1.3.1/mapbox-gl.css' rel='stylesheet' />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Facebook meta -->
<meta property="og:title" content="Lauren's Happy Hounds, Independent Dog Care and Walking Services">
<meta property="og:description" content="Independent dog walker and pet sitter based in Waterlooville, Fareham, Rowlands castle, Petersfield and surrounding areas. Fully insured, dog first aid trained and DBS checked. Individual dog walking, group dog walks, pet visits, pet sitting / house sitting. Meet and greet is free!">
<meta property="og:image:url" content="https://www.laurenshappyhounds.co.uk/images/unified-logo.jpg">
<meta property="og:url" content="https://www.laurenshappyhounds.co.uk">
<meta property="og:type" content="website">
<!-- Twitter meta -->
<meta property="twitter:title" content="Lauren's Happy Hounds, Independent Dog Care and Walking Services">
<meta property="twitter:description" content="Independent dog walker and pet sitter based in Waterlooville, Fareham, Rowlands castle, Petersfield and surrounding areas. Fully insured, dog first aid trained and DBS checked. Individual dog walking, group dog walks, pet visits, pet sitting / house sitting. Meet and greet is free!">
<meta property="twitter:image" content="https://www.laurenshappyhounds.co.uk/images/unified-logo.jpg">
<meta property="twitter:card" content="summary">
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
</head>
<div id="app">
<div v-show="showModal" id="burgerModal">
<div>
<router-link to="/laurenshappyhounds" @click.native="showModal = false">Home</router-link>
<router-link to="/laurenshappyhounds/pricing" @click.native="showModal = false">Pricing</router-link>
<router-link to="/laurenshappyhounds/contact" @click.native="showModal = false">Contact</router-link>
</div>
</div>
<nav>
<div id="desktop">
<div id="logoText"></div>
<div id="logoDog"></div>
<div class="navbar">
<div class="left">
<router-link to="/laurenshappyhounds" class="button">Home</router-link>
<router-link to="/laurenshappyhounds/pricing">Pricing</router-link>
<router-link to="/laurenshappyhounds/contact">Contact</router-link>
</div>
<div class="right">
<!-- use router-link component for navigation. -->
<!-- specify the link by passing the `to` prop. -->
<!-- `<router-link>` will be rendered as an `<a>` tag by default -->
<div id="moon">📞 <a href="tel:07305645399">07305645399</a></div>
</div>
</div>
</div>
<div id="mobile">
<div id="logoTextMobile"></div>
<div id="logoDogMobile"></div>
<div class="navbar">
<div class="left"></div>
<div class="right">
<div id="navPhoneNumber">📞 <a href="tel:07305645399">07305645399</a></div>
<div @click="showModal = true" id="burgerIcon"></div>
</div>
</div>
</div>
</nav>
<!-- route outlet -->
<!-- component matched by the route will render here -->
<keep-alive>
<router-view @click.native="showModal = false"></router-view>
</keep-alive>
<div id="copyright">Copyright © Lewis Burtt-Smith | <router-link to="/laurenshappyhounds/privacy">privacy</router-link></div>
</div>
<script src="app.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.5.9/lottie.min.js"></script>
<script src="animation.js"></script>
</html>