Tworzymy sekcję "call to action" oraz stopkę strony Joomla, Gantry 5
Aby utworzyć sekcję przejdź bedziemy poruszać się po konturze/zarysie Home-Particles(dla CTA) oraz "Base Outline" (dla stropki)
Do zbudowania sekcji CTA wykorzystamy kolejna wolną sekcję "Testimonials"
Do budowy tej sekcji użyjemy ponownie cząstke "Custom HTML", która jest domyślnie zainstalowana z naszym szablonem.
Usuwamy czastkę "Customer Testimonials" i dodajemy "Custom HTML". Do przycisku korzystamy z komponentu UIkit "Button", ikonkę z komponentu "Icon" natomiast do podziału na dwie kolumny z komponentu "Grid"
<div data-jl-grid>
<div class="jl-width-2-3@m">
<h2>Szukasz wymarzonego domu?</h2>
<p>
Jeśli jeszcze nie jesteś pewien - skontaktuj się z nami i umów na bezpłatne spotkanie!
</p>
</div>
<div class="jl-width-expand@m jl-flex jl-flex-right">
<p data-jl-margin>
<button class="jl-button jl-button-default">
<span jl-icon="icon: receiver;" class="jl-margin-small-right"></span>
ZADZWOŃ
</button>
</p>
</div>
</div>
W związku z tym, że to nasza ostatnia sekcja usuwamy również zawartość "Expanded".
Przechodzimy do konturu "Base Outline" gdzie mamy nasz "footer" i nawigację.
W zakładce "styles" w sekcji "Footer Styles" ustawiamy "Background" naszej sekcji na #272F42 (kolor według projektu) oraz "Text" na #ffffff czyli biały. Mogliśmy zrobić to oczywiście w naszym układzie wstępnym.
Usuwamy z "Layout" naszej stopki czastki "Logo/Image", "Horizontal Menu" oraz "To Top", i użyjemy cząskę "Social" lub dodajemy czastkę "Social Share" pobraną z Joomlead. W tym celu kopiujemy trzy pliki (jlsocialshare.html,jlsocialshare.yaml, sharer.min.js) z naszej paczki, którą pobraliśmy od Joomlead do odpowiednich folderów. Cząstka "Social Share" nie posiada możliwości udostepnienia Instagrama.
Widok sekcji po uzupełnieniu cząstka "Social Share":
