-
Notifications
You must be signed in to change notification settings - Fork 0
/
startseite.html
312 lines (312 loc) · 25.7 KB
/
startseite.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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
<!DOCTYPE html>
<html lang="en" wp-template wp-template-post-template wp-template-post-template-name="Startseite" wp-template-master="index.html">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Material Buffet</title>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://unpkg.com/@themesberg/[email protected]/dist/flowbite.min.css"/>
<link rel="stylesheet" href="/assets/fontawesome/css/all.css">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>
<script>/* Pinegrow Interactions, do not remove */ (function(){try{if(!document.documentElement.hasAttribute('data-pg-ia-disabled')) { window.pgia_small_mq=typeof pgia_small_mq=='string'?pgia_small_mq:'(max-width:767px)';window.pgia_large_mq=typeof pgia_large_mq=='string'?pgia_large_mq:'(min-width:768px)';var style = document.createElement('style');var pgcss='html:not(.pg-ia-no-preview) [data-pg-ia-hide=""] {opacity:0;visibility:hidden;}html:not(.pg-ia-no-preview) [data-pg-ia-show=""] {opacity:1;visibility:visible;display:block;}';if(document.documentElement.hasAttribute('data-pg-id') && document.documentElement.hasAttribute('data-pg-mobile')) {pgia_small_mq='(min-width:0)';pgia_large_mq='(min-width:99999px)'} pgcss+='@media ' + pgia_small_mq + '{ html:not(.pg-ia-no-preview) [data-pg-ia-hide="mobile"] {opacity:0;visibility:hidden;}html:not(.pg-ia-no-preview) [data-pg-ia-show="mobile"] {opacity:1;visibility:visible;display:block;}}';pgcss+='@media ' + pgia_large_mq + '{html:not(.pg-ia-no-preview) [data-pg-ia-hide="desktop"] {opacity:0;visibility:hidden;}html:not(.pg-ia-no-preview) [data-pg-ia-show="desktop"] {opacity:1;visibility:visible;display:block;}}';style.innerHTML=pgcss;document.querySelector('head').appendChild(style);}}catch(e){console&&console.log(e);}})()</script>
<meta name="description" content="dein gemeinnütziger Second-Hand-Baumarkt in Leipzig">
<link href="tailwind_theme/tailwind.css" rel="stylesheet" type="text/css">
<script src='https://api.mapbox.com/mapbox-gl-js/v2.7.0/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v2.7.0/mapbox-gl.css' rel='stylesheet'/>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body class="bg-bg-100 font-sans overflow-x-hidden text-neutral_buffet-600" data-pg-ia-hide data-pg-ia='{"l":[{"trg":"load","a":"fadeIn"}]}'>
<div id="toggler" class="menu__toggler md:hidden" onclick="toggle()">
<span></span>
</div>
<header class="bg-bg-100 bg-opacity-90 fixed mx-auto top-0 w-full z-30">
<nav class="relative md:container md:flex md:flex-wrap md:mx-auto lg:w-10/12 xl:w-8/12 2xl:w-7/12">
<img onclick="topFunction()" id="topBtn" src="assets/logo/MB_Icon_Black-01.png" class="cover-logo cursor-pointer hidden md:block md:relative z-20" data-pg-ia='{"l":[{"trg":"mouseenter","a":"swing"}]}'>
<div id="menu" class="absolute flex menu ml-auto mt-10 pl-5 space-y-2 z-50 md:h-20 md:items-center md:relative md:space-y-0 md:text-right md:w-auto" style="background-repeat: no-repeat; background-position: left top; background-size: contain; background-image: url('assets/textures/Element1.png');" data-name="nav-menu">
<div class="-rotate-12 banner z-30 md:hidden" wp-acf-get-field="banner_text">Jeden zweiten & vierten Freitag geöffnet! 12-18h</div>
<div cms-menu="primary">
<a onclick="toggle()" href="/" class="font-light hover:text-pastel_buffet-500 px-0 py-2 transition-colors uppercase md:px-4">Das Rezept</a>
<a onclick="toggle()" href="/#lageplan" class="font-light hover:text-pastel_buffet-500 px-0 py-2 transition-colors uppercase md:px-4">Lageplan</a>
<a onclick="toggle()" href="/konzept" class="font-light hover:text-pastel_buffet-500 px-0 py-2 transition-colors uppercase md:px-4">Unterstützen</a>
</div>
</div>
</nav>
</header>
<div cms-post-image class="max-w-screen-xl mx-auto title-image">
<a href="#lageplan" wp-acf-get-field="banner_link" wp-acf-get-field-set="href"><div class="banner duration-500 ease-in-out hidden hover:scale-125 rotate-12 text-bg-100 md:block" wp-acf-get-field="banner_text">Jeden zweiten & vierten Freitag geöffnet! 12-18h</div></a>
<div class="container flex h-full items-center justify-center relative md:hidden">
<img src="assets/logo/MB_icon&word_White-01.png" class="w-11/12 z-20 md:hidden">
</div>
</div>
<main id="main" class="md:container md:mx-auto overflow-hidden relative lg:w-10/12 xl:w-8/12 2xl:w-7/12">
<img src="assets/textures/Element2.png" class="absolute bottom-28 overflow-hidden right-28" data-pg-ia-hide="" data-pg-ia-scene='{"l":[{"a":"rotateIn"}]}'>
<img src="assets/textures/Element3.png" class="absolute bottom-24 overflow-hidden right-0" data-pg-ia-hide="" data-pg-ia-scene='{"l":[{"a":"rotateIn"}]}'>
<img src="assets/textures/Element3.png" class="absolute bottom-0 overflow-hidden right-24" data-pg-ia-hide="" data-pg-ia-scene='{"l":[{"a":"rotateIn"}]}'>
<img src="assets/textures/Element3.png" class="absolute bottom-0 overflow-hidden right-0 w-10" data-pg-ia-hide="" data-pg-ia-scene='{"l":[{"a":"rotateIn"}]}'>
<section class="container mx-auto relative xl:text-center" id="konzept">
<div class="mx-auto p-4 md:text-center md:w-full">
<div class="flex flex-wrap mb-16 mx-auto">
<div class="mb-5 w-full xl:mt-10" id="hero-text">
<h1 class="font-extrabold mb-4 text-3xl text-left md:text-5xl" wp-acf-get-field="titel">Mahlzeit! </h1>
<h1 class="mb-4 md:text-4xl text-3xl text-left" wp-acf-get-field="untertitel">Wir sind das Materialbuffet - dein gemeinnütziger Second-Hand-Baumarkt in Leipzig</h1>
<h1 class="font-extrabold mb-4 text-2xl md:text-4xl"></h1>
<p class="font-light leading-tight mb-6 text-left text-xl md:text-2xl" wp-acf-get-field="titeltext">Durch die Verwertung von Reststoffen vermeiden wir Müll und fördern Materialkreisläufe. Unsere Vision: ein Zentrum für gebrauchte Materialien, kreative Wiederverwendung und Ressourcenschonung in Leipzig. Yummy.</p>
</div>
<div class="mx-auto">
<a href="/rezept" class="bg-pastel_buffet-300 duration-500 ease-in-out font-medium hover:-translate-y-1 hover:scale-110 hover:shadow-xl inline-block px-20 py-2 rounded-full text-center text-white text-xl transform transition uppercase md:text-lg" wp-acf-get-field="titelbutton_text" wp-acf-get-field-2="titelbutton_link" wp-acf-get-field-2-set="href">Erfahre mehr</a>
</div>
</div>
</div>
</section>
</main>
<section class="overflow-x-hidden py-20 relative" id="speisekarte">
<div class="container mx-auto relative z-0 lg:w-10/12 xl:w-8/12 2xl:w-7/12">
<img src="assets/textures/Element6.png" class="-left-16 -top-12 absolute pointer-events-none w-1/3 lg:left-0" data-pg-ia-scene="{"s":"onEnter","l":[{"name":"gentleFadeInLeft","a":{"l":[{"t":"","l":[{"t":"set","p":0,"d":0,"l":{"autoAlpha":0,"x":"-25%"},"e":"Power1.easeOut"},{"t":"tween","p":0,"d":1,"l":{"autoAlpha":1,"x":"0%"},"e":"Power1.easeOut"}]}]}}]}">
<div class="flex flex-wrap items-center mb-4 px-4">
<div class="mx-auto w-full">
<h2 class="mb-1 uppercase">Speisekarte</h2>
<h2 class="mb-4 text-3xl md:text-5xl" wp-acf-get-field="speisekarte_h1">Rette mit uns Reststoffe und Baumaterialien vor dem Müll! </h2>
<p class="mb-4 text-xl md:text-2xl" wp-acf-get-field="speisekarte_text">Bei uns bekommst du lecker gebrauchtes Material, das wir von Kultureinrichtungen, Veranstaltungen und Unternehmen vor der Entsorgung retten.
Empfehlung des Hauses: einfach vorbeikommen! Hier wird frisch aufgetischt.</p>
</div>
</div>
<div class="flex flex-wrap mb-20 text-center">
<div class="w-6/12 md:w-4/12">
<div class="hvrbox duration-500 ease-in-out h-40 hover:scale-110 inline-block my-4 p-12 rounded-full w-40 md:h-60 md:w-60" style="background-image: url('assets/bilder/holz.jpeg'); background-size: cover; background-position: center center;">
<div class="hvrbox-layer_top rounded-full">
<div class="hvrbox-text">
<ol>
<li>Theaterlatten</li>
<li>KVH</li>
<li>OSB</li>
<li>MDF</li>
<li>HDF</li>
<li>Multiplex</li>
<li>Sperrholz</li>
<li>...</li>
</ol>
</div>
</div>
</div>
<p class="font-bold mb-2 text-xl">Holz</p>
</div>
<div class="w-6/12 md:w-4/12">
<div class="hvrbox duration-500 ease-in-out h-40 hover:scale-110 inline-block my-4 p-12 rounded-full w-40 md:h-60 md:w-60" style="background-image: url('assets/bilder/metall.jpeg'); background-size: cover; background-position: center center;">
<div class="hvrbox-layer_top rounded-full">
<div class="hvrbox-text">
<ol>
<li>Winkel</li>
<li>Scharniere</li>
<li>Beschläge</li>
<li>Gittter</li>
<li>Rundrohre</li>
<li>Vierkantrohre</li>
<li>...</li>
</ol>
</div>
</div>
</div>
<p class="font-bold mb-2 text-xl">Metall</p>
</div>
<div class="w-6/12 md:w-4/12">
<div class="hvrbox duration-500 ease-in-out h-40 hover:scale-110 inline-block my-4 p-12 rounded-full w-40 md:h-60 md:w-60" style="background-image: url('assets/bilder/farbe.jpeg'); background-size: cover; background-position: center center;">
<div class="hvrbox-layer_top rounded-full">
<div class="hvrbox-text">
<ol>
<li>Dispersionsfarbe</li>
<li>Acrylfarbe</li>
<li>Lacke</li>
<li>Sprühdosen</li>
<li>Malzubehör</li>
<li>...</li>
</ol>
</div>
</div>
</div>
<p class="font-bold mb-2 text-xl">Farbe</p>
</div>
<div class="w-6/12 md:w-4/12">
<div class="hvrbox duration-500 ease-in-out h-40 hover:scale-110 inline-block my-4 p-12 rounded-full w-40 md:h-60 md:w-60" style="background-image: url('assets/bilder/elektro.jpeg'); background-size: cover; background-position: center center;">
<div class="hvrbox-layer_top rounded-full">
<div class="hvrbox-text">
<ol>
<li>Glühbirnen</li>
<li>Leuchtstoffröhren</li>
<li>LED-Streifen</li>
<li>Lampenfassungen</li>
<li>Stromkabel</li>
<li>Trafos</li>
<li>...</li>
</ol>
</div>
</div>
</div>
<p class="font-bold mb-2 text-xl">Kabel & Lampen</p>
</div>
<div class="w-6/12 md:w-4/12">
<div class="hvrbox duration-500 ease-in-out h-40 hover:scale-110 inline-block my-4 p-12 rounded-full w-40 md:h-60 md:w-60" style="background-image: url('assets/bilder/stoffe.jpeg'); background-size: cover; background-position: center center;">
<div class="hvrbox-layer_top rounded-full">
<div class="hvrbox-text">
<ol>
<li>Molton</li>
<li>Dekostoffe</li>
<li>Netze</li>
<li>Gazen</li>
<li>Mesh</li>
<li>PVC-Banner</li>
<li>Planen</li>
<li>...</li>
</ol>
</div>
</div>
</div>
<p class="font-bold mb-2 text-xl">Stoffe</p>
</div>
<div class="w-6/12 md:w-4/12">
<div class="hvrbox duration-500 ease-in-out h-40 hover:scale-110 inline-block my-4 p-12 rounded-full w-40 md:h-60 md:w-60" style="background-image: url('assets/bilder/nudeln.jpeg'); background-size: cover; background-position: center center;">
<div class="hvrbox-layer_top rounded-full">
<div class="hvrbox-text">
<ol>
<li>Requisiten</li>
<li>Styropor</li>
<li>Büromaterial</li>
<li>Ausstattung</li>
<li>Acrylglas</li>
<li>Gummi</li>
<li>...</li>
</ol>
</div>
</div>
</div>
<p class="font-bold mb-2 text-xl">und andere Leckereien</p>
</div>
</div>
</div>
<div class="h-36 stripes-divider md:h-52 xl:mx-auto xl:w-11/12 2xl:w-9/12" data-pg-ia-scene='{"l":[{"a":"fadeIn"}]}'></div>
</section>
<section id="lageplan" class="mb-28">
<div class="mx-auto p-4 lg:w-10/12 xl:w-8/12 2xl:w-7/12">
<h2 class="mb-1 uppercase">Lageplan & Öffnungszeiten</h2>
<h2 class="mb-4 text-3xl md:text-5xl" wp-acf-get-field="lage_h1">So findest du uns</h2>
<div class="grid grid-cols-2 gap-4 text-xl md:text-2xl mb-4" wp-acf-get-field="lage_text">
<p>In unserem <b id="markt">Markt</b> ist das Buffet reichlich gedeckt. Schau vorbei und lass es dir schmecken.</p>
<p>Du bist auf der Suche nach größeren Mengen und Formaten an Baumaterialien? Dann besuche uns in unserem <b id="lager">Großlager</b>.</p>
</div>
</div>
<div id='map' class="mx-auto"></div>
</section>
<section class="mb-20 mx-auto p-4 md:container lg:w-10/12 xl:w-8/12 2xl:w-7/12" id="spenden">
<div class="container mx-auto relative text-left" style="background-image: url('assets/shapes/Form_15_blue#1.png');">
<h2 class="font-medium mb-1 uppercase">Unterstütze Uns</h2>
<h2 class="font-bold mb-4 relative text-3xl w-full md:text-5xl md:w-max" wp-acf-get-field="support_h1"><img src="assets/textures/Element9.png" class="-right-32 -top-10 absolute">Don´t waste it - taste it!</h2>
<p class="font-light mb-6 text-xl md:text-2xl" wp-acf-get-field="support_text">Unterstütze unseren gemeinnützigen Verein und fördere so ressourcenschonende Materialkreisläufe. Für ein zukunftsweisendes Leipzig.</p>
<div class="fitems-center grid grif-col-1 justify-center mb-10 text-center md:grid-cols-2 xl:mx-auto xl:w-5/6">
<div class="p-4">
<a href="/material-spenden" wp-acf-get-field="spendebutton1_link" wp-acf-get-field-set="href"><div class="bg-pastel_buffet-300 duration-500 ease-in-out h-full hover:-translate-y-1 hover:scale-110 hover:shadow-xl px-10 py-12 rounded-3xl shadow-lg transform transition">
<h3 class="font-bold mb-4 text-2xl uppercase" wp-acf-get-field="spendebutton1_h1">Material <br>Spenden</h3>
<p wp-acf-get-field="spendebutton1_text">Du bist ein Kulturbetrieb, Unternehmen oder eine Veranstaltung und hast Materialien übrig, die zu schade für die Tonne sind? Wir nehmen deine Reststoffe!</p>
</div> </a>
</div>
<div class="p-4">
<a href="/moneten-spenden" wp-acf-get-field="spendebutton2_link" wp-acf-get-field-set="href"><div class="bg-pastel_buffet-300 duration-500 ease-in-out h-full hover:-translate-y-1 hover:scale-110 hover:shadow-xl px-10 py-12 rounded-3xl shadow-lg transform transition">
<h3 class="font-bold mb-4 text-2xl uppercase" wp-acf-get-field="spendebutton2_h1">Moneten <br>Spenden</h3>
<p wp-acf-get-field="spendebutton2_text">Mit deiner Spende unterstützt du unsere Arbeit. Ob einmal oder dauerhaft - jeder Euro hilft uns dabei Material zu retten und weiter zu geben!</p>
</div></a>
</div>
</div>
</div>
</section>
<section class="py-20 relative md:text-center 2xl:mx-auto" id="partnerInnen">
<img class="absolute left-0 top-10" data-pg-ia-scene='{"l":[{"a":{"l":[{"t":"","l":[{"t":"set","p":0,"d":0,"l":{"autoAlpha":0,"transformOrigin":"left bottom","rotationZ":-30},"e":"Power1.easeOut"},{"t":"tween","p":0,"d":1,"l":{"autoAlpha":1,"transformOrigin":"left bottom","rotationZ":0},"e":"Power1.easeOut"}]}]}}]}' src="assets/textures/Element11.png">
<div class="relative">
<div class="container px-4 mx-auto">
<h2 class="font-bold leading-tight mb-4 text-3xl md:text-5xl" wp-acf-get-field="cooperations_h1">Auf den Geschmack gekommen</h2>
<p class="text-xl md:text-2xl" wp-acf-get-field="cooperations_text">Diese Unternehmen und Kulturbetriebe arbeiten bereits mit uns zusammen.</p>
</div>
<div class="h-20 logoSwiper my-10 swiper">
<div class="swiper-wrapper logos">
<div class="swiper-slide">
<img src="assets/logo_partner/mdbk.png" class="h-16 mx-auto"/>
</div>
<div class="swiper-slide">
<img src="assets/logo_partner/mediacityleipzig.png" class="h-16 mx-auto"/>
</div>
<div class="swiper-slide">
<img src="assets/logo_partner/grassi.png" class="h-16 mx-auto"/>
</div>
<div class="swiper-slide">
<img src="assets/logo_partner/posterlounge.png" class="h-16 mx-auto"/>
</div>
<div class="swiper-slide">
<img src="assets/logo_partner/dok.svg" class="h-16 mx-auto"/>
</div>
<div class="swiper-slide">
<img src="assets/logo_partner/gfzk.png" class="h-16 mx-auto"/>
</div>
<div class="swiper-slide">
<img src="assets/logo_partner/trashgalore.png" class="h-16 mx-auto"/>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-pastel_buffet-500 overflow-hidden pt-12">
<div class="container mx-auto px-4 relative">
<div class="flex flex-wrap -mx-4">
<div class="p-4 w-full sm:w-1/2 lg:w-4/12">
<h2 class="font-bold mb-8 text-lg uppercase">Spendenkonto</h2>
<p><b>IBAN:</b> DE13 4306 0967 1141 9261 00</p>
<p><b>BIC:</b> GENODEM1GLS </p>
<p><b>Bank:</b> GLS Gemeinschaftsbank eG </p>
<p><b>Kontoinhaber:</b> Materialbuffet e.V.</p>
</div>
<div class="p-4 w-full sm:w-1/2 lg:w-4/12">
<h2 class="font-bold mb-8 text-lg uppercase">Folge uns auf Insta<br></h2>
<p class="mb-4">Dort findest du unser aktuelles Angebot. Dir wird das Wasser im Mund zusammenlaufen.</p>
<div class="flex-wrap inline-flex mx-auto space-x-3">
<a title="Instagram" href="https://www.instagram.com/materialbuffet_ev/?fbclid=IwAR3qxLQ41AZWTqjhaijiiX3cZEQ2eZEtahbVsooAfsbeJ_uxGuU4Edvyyng" target="_blank"><i class="fa-2x fa-instagram fab hover:text-bold_buffet-300"></i></a>
<a title="Email" href="mailto:[email protected]"><i class="fa fa-2x fa-envelope hover:text-bold_buffet-300"></i></a>
</div>
</div>
<div class="p-4 w-full sm:w-1/2 lg:w-4/12">
<h2 class="font-bold mb-8 text-lg uppercase">Auf der Suche nach Leckerbissen?</h2>
<p class="mb-4">Newsletter gibt's noch nicht, aber bald. Meld dich am besten schonmal an, damit du keine Schmankerl verpasst!</p>
<form method="post" action="https://materialbuffet.de/?na=s">
<input type="hidden" name="nlang" value="">
<div class="tnp-field tnp-field-email bg-white border-2 border-gray-400 border-pastel_buffet-500 flex items-center mb-6 overflow-hidden p-1">
<input class="appearance-none border-none flex-1 focus:border-t-0 font-light outline-none p-2 w-full" placeholder="Deine E-Mail" type="email" name="ne" id="tnp-1" value="" required>
<button type="submit" class="tnp-submit bg-pastel_buffet-500 font-medium inline-block px-6 py-2 text-center text-white uppercase" aria-label="submit" ype="submit" value="Submit">
<svg viewBox="0 0 24 24" fill="currentColor" class="h-4 inline-block w-4">
<path d="M1.946 9.315c-.522-.174-.527-.455.01-.634l19.087-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.455.547-.679.045L12 14l6-8-8 6-8.054-2.685z"></path>
</svg>
</button>
</div>
</form>
<div class="tnp tnp-subscription">
</div>
</div>
</div>
<img src="assets/textures/Element10.png" class="w-8/12" data-pg-ia-scene='{"s":"onEnter","d":"100%","l":[{"a":"fadeInRight"}],"o":"-200px"}'/>
<img src="assets/textures/Element10.png" class="ml-40 w-8/12" data-pg-ia-scene='{"s":"onEnter","o":"-200px","l":[{"a":"fadeInRight"}],"d":"75%"}'/>
<img src="assets/textures/Element10.png" class="ml-80 w-8/12" data-pg-ia-scene='{"s":"onEnter","o":"-200px","l":[{"a":"fadeInRight"}],"d":"50%"}'/>
<div class="py-4 text-sm">
<hr class="border-gray-400 mb-4">
<div class="flex flex-wrap -mx-4 items-center">
<div class="px-4 py-2 w-full md:flex-1">
<p>© Materialbuffet e.V.</p>
</div>
<div class="px-4 py-2 w-full sm:w-auto">
<a href="/datenschutz" class="hover:text-mpink-500">Datenschutz</a> |
<a href="/impressum" class="hover:text-mpink-500">Impressum</a>
</div>
</div>
</div>
</div>
</footer>
<script src="pgia/lib/pgia.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="js/jquery.fittext.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>