Skocz do zawartości
  • 0

Zapytanie o dodanie flagi


Uzi

Pytanie

Dzień dobry,
potrzebuję bardzo pomocy aby dodać małą flagę (brytyjską) aby przechodzić na stronę z językiem angielskim. Dokładnie kiedy klikniemy tą flagę przeniesie nas na stronę www.angpasje.... (domena jeszcze nie kupiona). Flaga po prawej stronie menu.

Kod strony:

 

   <header class="header-area header-sticky">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <nav class="main-nav">

                        <ul class="nav">
                            <li class="scroll-to-section"><a href="#welcome" class="menu-item">START</a></li>
                            <li class="scroll-to-section"><a href="#about" class="menu-item">O NAS</a></li>
                            <li class="scroll-to-section"><a href="#promotion" class="menu-item">Social Media</a>
							<li class="scroll-to-section"><a href="#promotion2" class="menu-item">Grafika</a>
							<li class="scroll-to-section"><a href="#promotion3" class="menu-item">Komputery</a>
                            </li>
                            <li class="scroll-to-section"><a href="#contact-us" class="menu-item">KONTAKT</a></li>
                        </ul>
                        <a class='menu-trigger'>
                            <span>Menu</span>
                        </a>
                    </nav>
                </div>
            </div>
        </div>
    </header> 



    <div class="welcome-area" id="welcome">


        <div class="header-text">
            <div class="container">
                <div class="row">
                    <div class="left-text col-lg-6 col-md-12 col-sm-12 col-xs-12"
                        data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
                        <h1>Z NAMI JUĹ» JESTEĹš <em>WYGRANYM</em></h1>
                        <p>Nowo powstajÄ…ca agencja marketingowa to tak naprawdÄ™
                           Grupa znajomych działająca w różnych tematach i łącząca swoją pasję z danymi dziedzinami</p> 
                        <a href="#about" class="main-button-slider">Zobacz nasze zdolności</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="section" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"
                    data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
                    <div class="features-item">
                        <div class="features-icon">
                            <h2></h2>
                            <img src="assets/images/features-icon-1.png" alt="">
                            <h4>Prowadzenie Social mediĂłw</h4>
                            <p>Efektywne prowadzenie konta firmowego na social mediach do pozyskiwania fanów, zwiększenia zysku oraz sprzedaży.
							</p>
                            <a href="#contact-us" class="main-button">
                                Kontakt
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"
                    data-scroll-reveal="enter bottom move 30px over 0.6s after 0.4s">
                    <div class="features-item">
                        <div class="features-icon">
                            <h2></h2>
                            <img src="assets/images/features-icon-2.png" alt="">
                            <h4>Grafika Komputerowa/Tworzenie stron internetowych</h4>
                            <p>Projektowanie grafiki rastrowej i wektorowej dodatkowo stworzymy strony internetowe i je prowadzimy.</p>
                            <a href="#contact-us" class="main-button">
                                Kontakt
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"
                    data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">
                    <div class="features-item">
                        <div class="features-icon">
                            <h2></h2>
                            <img src="assets/images/features-icon-3.png" alt="">
                            <h4>Składanie komputerów</h4>
                            <p>Doradztwo, reinstalacja systemu, skompletowanie i złożenie gotowego zestawu komputerowego wraz z dowiezieniem na teren Limanowej oraz okolic.</p>
                            <a href="#contact-us" class="main-button">
                                Kontakt
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



Bardzo proszę o pomoc mogę to jakoś wynagrodzić.

Odnośnik do komentarza
https://skript.pl/temat/52757-zapytanie-o-dodanie-flagi/
Udostępnij na innych stronach

1 odpowiedź na to pytanie

Rekomendowane odpowiedzi

  • 0

Taką ikonkę możesz dodać bezpośrednio, gdy masz Material Bootstrap 5. Jeżeli jednak nie interesuje Cię taki efekt (np. używasz zwykłego Bootstrapa, a z tego co wiem nie ma on takiej możliwości), spróbuj tych flag. Mam nadzieję, że pomogłem.

W przypadku drugiej opcji, jeżeli chcesz dodać brytyjską flagę przez CSS, musisz zastosować klasę .fi-gb (standardowe ratio) lub .fi-gb.fis (dla ratio 1x1). Musisz jednak mieć ściągnięte repozytorium z GitHuba lub zainstalować jako package przez NPM albo Yarn. Zakładając, że strona jest w czystym HTMLu, ściągnięcie oraz wprowadzenie do kodu źródłowego folderów /flags oraz /css powinno zrobić robotę.

Edytowane przez SlaVistaPL_
Odnośnik do komentarza
https://skript.pl/temat/52757-zapytanie-o-dodanie-flagi/#findComment-322350
Udostępnij na innych stronach

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Nieaktywny
Odpowiedz na pytanie...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...