/
SiteFooter.vue
142 lines (132 loc) · 7.59 KB
/
SiteFooter.vue
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
<template>
<div class="bg-green-800">
<div class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
<div class="xl:grid xl:grid-cols-3 xl:gap-8">
<div class="grid grid-cols-2 gap-8 xl:col-span-2">
<div class="md:grid md:grid-cols-2 md:gap-8">
<div>
<h4 class="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
Solutions
</h4>
<ul class="mt-4">
<li>
<g-link class="text-base leading-6 text-gray-300 hover:text-white" to="/">
Training
</g-link>
</li>
</ul>
</div>
<div class="mt-12 md:mt-0">
<h4 class="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
Support
</h4>
<ul class="mt-4">
<li>
<g-link class="text-base leading-6 text-gray-300 hover:text-white" to="/">
Pricing
</g-link>
</li>
</ul>
</div>
</div>
<div class="md:grid md:grid-cols-2 md:gap-8">
<div>
<h4 class="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
Company
</h4>
<ul class="mt-4">
<li>
<g-link class="text-base leading-6 text-gray-300 hover:text-white" to="/about">
About
</g-link>
</li>
<li class="mt-4">
<g-link class="text-base leading-6 text-gray-300 hover:text-white" to="/blog">
Blog
</g-link>
</li>
</ul>
</div>
<div class="mt-12 md:mt-0">
<h4 class="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
Legal
</h4>
<ul class="mt-4">
<li class="mt-4">
<g-link class="text-base leading-6 text-gray-300 hover:text-white"
to="/privacy">
Privacy
</g-link>
</li>
<li class="mt-4">
<g-link class="text-base leading-6 text-gray-300 hover:text-white" to="/">
Terms
</g-link>
</li>
</ul>
</div>
</div>
</div>
<div class="mt-8 xl:mt-0">
<h4 class="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
Subscribe to our newsletter
</h4>
<p class="mt-4 text-gray-300 text-base leading-6">
The latest news, articles, and resources, sent to your inbox weekly.
</p>
<form class="mt-4 sm:flex sm:max-w-md">
<input aria-label="Email address"
class="appearance-none w-full px-5 py-3 border border-transparent text-base leading-6 rounded-md text-gray-900 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 transition duration-150 ease-in-out"
placeholder="Enter your email" required type="email"/>
<div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0">
<button
class="w-full flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-green-500 hover:bg-green-400 focus:outline-none focus:bg-green-400 transition duration-150 ease-in-out">
Subscribe
</button>
</div>
</form>
</div>
</div>
<div class="mt-8 border-t border-gray-700 pt-8 md:flex md:items-center md:justify-between">
<div class="flex md:order-2">
</a>
<a class="ml-6 text-gray-400 hover:text-gray-300" href="#">
<span class="sr-only">Twitter
</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path
d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"/>
</svg>
</a>
<a class="ml-6 text-gray-400 hover:text-gray-300" href="#">
<span class="sr-only">GitHub
</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path clip-rule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
fill-rule="evenodd"/>
</svg>
</a>
</div>
<p class="mt-8 text-base leading-6 text-gray-400 md:mt-0 md:order-1">
© 2020 <a
class="text-orange-700 border-b border-transparent hover:border-orange-400 transition-border-color"
href="https://threenine.co.uk">threenine.co.uk</a>, Inc. All rights reserved.
</p>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'SiteFooter',
}
</script>
<static-query>
query {
metadata {
siteName
siteUrl
}
}
</static-query>