fix footer
This commit is contained in:
Torsten
parent
da76abbc1f
commit
2247ee712c
|
|
@ -1,76 +1,84 @@
|
||||||
%footer.bg-white{"aria-label" => "Site Footer"}
|
%footer.bg-white{"aria-label" => "Site Footer"}
|
||||||
.max-w-screen-xl.px-4.py-16.mx-auto.sm:px-6.lg:px-8
|
.px-4.py-16.mx-auto.sm:px-6.lg:px-8
|
||||||
.w-full.grid.grid-cols-2.gap-8.mt-8.lg:mt-0.lg:grid-cols-5.lg:gap-y-16
|
.w-full.grid.grid-cols-2.gap-8.mt-8.lg:mt-0.lg:grid-cols-6.lg:gap-y-16.ld:grid-cols-3.lg:gap-y-8
|
||||||
.col-span-1.md:col-span-2
|
.max-w-screen-xl.px-4.py-16.mx-auto.sm:px-6.lg:px-8
|
||||||
%p.font-medium.text-gray-900 Activities
|
.lg:flex.lg:items-start.lg:gap-8
|
||||||
%nav.mt-6
|
%a.inline-flex.items-center{"aria-label" => "Hub Feenix", :href => "/", :title => "Hub Feenix"}
|
||||||
%ul.space-y-4.text-sm
|
= image_tag("feenix_lintu.webp" , class: "h-20")
|
||||||
%li
|
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "/local_activities"}
|
|
||||||
Local Area
|
|
||||||
%li
|
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "/helsinki"}
|
|
||||||
Helsinki
|
|
||||||
%li
|
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "/turku"}
|
|
||||||
Turkku
|
|
||||||
|
|
||||||
.col-span-1.md:col-span-2
|
%nav.mt-6
|
||||||
%p.font-medium.text-gray-900 Weather Info
|
%p.mb-6.font-medium.text-xl.text-gray-900
|
||||||
%nav.mt-6
|
Activities
|
||||||
%ul.space-y-4.text-sm
|
%ul.space-y-4.text-sm
|
||||||
%li
|
%li
|
||||||
%a.text-md.transition.hover:opacity-75{:href => "/four_seasons"}
|
%a.text-gray-700.transition.hover:opacity-75{:href => "/local_activities"}
|
||||||
Four Seasons
|
Local Area
|
||||||
%li
|
%li
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "/in_summer"}
|
%a.text-gray-700.transition.hover:opacity-75{:href => "/helsinki"}
|
||||||
In Summer
|
Helsinki
|
||||||
%li
|
%li
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "/in_winter"}
|
%a.text-gray-700.transition.hover:opacity-75{:href => "/turku"}
|
||||||
In Winter
|
Turkku
|
||||||
|
|
||||||
.col-span-2.sm:col-span-1
|
%nav.mt-6
|
||||||
%p.font-medium.text-gray-900 Volunteering
|
%p.mb-6.font-medium.text-xl.text-gray-900
|
||||||
%nav.mt-6{"aria-label" => "Footer Navigation - Hub Feenix"}
|
Weather Info
|
||||||
%ul.space-y-4.text-sm
|
%ul.space-y-4.text-sm
|
||||||
|
%li
|
||||||
|
%a.text-md.transition.hover:opacity-75{:href => "/four_seasons"}
|
||||||
|
Four Seasons
|
||||||
|
%li
|
||||||
|
%a.text-gray-700.transition.hover:opacity-75{:href => "/in_summer"}
|
||||||
|
In Summer
|
||||||
|
%li
|
||||||
|
%a.text-gray-700.transition.hover:opacity-75{:href => "/in_winter"}
|
||||||
|
In Winter
|
||||||
|
|
||||||
|
%nav.mt-6{"aria-label" => "Footer Navigation - Hub Feenix"}
|
||||||
|
%p.mb-6.font-medium.text-xl.text-gray-900
|
||||||
|
Volunteering
|
||||||
|
%ul.space-y-4.text-sm
|
||||||
|
%li
|
||||||
|
%a.text-gray-700.transition.hover:opacity-75{:href => "/volunteering"}
|
||||||
|
About Volunteering
|
||||||
|
%li
|
||||||
|
%a.text-gray-700.transition.hover:opacity-75{:href => "/arriving"}
|
||||||
|
Getting here
|
||||||
|
%li
|
||||||
|
%a.text-gray-700.transition.hover:opacity-75{:href => "/living_here"}
|
||||||
|
Living @ Feenix Info
|
||||||
|
|
||||||
|
%nav.mt-6{"aria-label" => "Footer Navigation - Hub Feenix"}
|
||||||
|
%p.mb-6.font-medium.text-xl.text-gray-900
|
||||||
|
People
|
||||||
|
%ul.space-y-4.text-sm
|
||||||
|
%li
|
||||||
|
%a.text-gray-700.transition.hover:opacity-75{:href => "/members"}
|
||||||
|
Volunteers
|
||||||
%li
|
%li
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "/volunteering"}
|
%a.text-gray-700.transition.hover:opacity-75{:href => "/stories"}
|
||||||
About Volunteering
|
Stories
|
||||||
%li
|
%li
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "/arriving"}
|
%a.text-gray-700.transition.hover:opacity-75{:href => "/pictures"}
|
||||||
Getting here
|
Gallery
|
||||||
%li
|
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "/living_here"}
|
%nav.mt-6{"aria-label" => "Footer Navigation - Downloads"}
|
||||||
Living @ Feenix Info
|
%p.mb-6.font-medium.text-xl.text-gray-900
|
||||||
.col-span-2.sm:col-span-1
|
Information
|
||||||
%p.font-medium.text-gray-900 People
|
%ul.space-y-4.text-sm
|
||||||
%nav.mt-6{"aria-label" => "Footer Navigation - Hub Feenix"}
|
%li
|
||||||
%ul.space-y-4.text-sm
|
%a.text-gray-700.transition.hover:opacity-75{:href => "/about"}
|
||||||
%li
|
About Hub Feenix
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "/members"}
|
%li
|
||||||
Volunteers
|
%a.text-gray-700.transition.hover:opacity-75{:href => "https://www.hubfeenix.fi" , target: :blank }
|
||||||
%li
|
HubFeenix Website
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "/stories"}
|
%li
|
||||||
Stories
|
%a.text-gray-700.transition.hover:opacity-75{:href => "https://www.facebook.com/hubfeenix" , :target => "_blank"}
|
||||||
%li
|
Facebook
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "/pictures"}
|
%li
|
||||||
Gallery
|
%a.text-gray-700.transition.hover:opacity-75{:href => "https://www.instagram.com/hub_feenix/" , :target => "_blank"}
|
||||||
.col-span-2.sm:col-span-1
|
Instagram
|
||||||
%p.font-medium.text-gray-900 Information
|
|
||||||
%nav.mt-6{"aria-label" => "Footer Navigation - Downloads"}
|
|
||||||
%ul.space-y-4.text-sm
|
|
||||||
%li
|
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "/about"}
|
|
||||||
About Hub Feenix
|
|
||||||
%li
|
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "https://www.hubfeenix.fi" , target: :blank }
|
|
||||||
HubFeenix Website
|
|
||||||
%li
|
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "https://www.facebook.com/hubfeenix" , :target => "_blank"}
|
|
||||||
Facebook
|
|
||||||
%li
|
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "https://www.instagram.com/hub_feenix/" , :target => "_blank"}
|
|
||||||
Instagram
|
|
||||||
%ul.flex.justify-start.col-span-2.gap-6.lg:col-span-5.lg:justify-end
|
%ul.flex.justify-start.col-span-2.gap-6.lg:col-span-5.lg:justify-end
|
||||||
%li
|
%li
|
||||||
%a.text-gray-700.transition.hover:opacity-75{:href => "https://www.facebook.com/hubfeenix", :rel => "noreferrer", :target => "_blank"}
|
%a.text-gray-700.transition.hover:opacity-75{:href => "https://www.facebook.com/hubfeenix", :rel => "noreferrer", :target => "_blank"}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue