drop down menü einbinden

[Wassernelone]

Hallo miteinander.

Ich versuche ein dropdown menü in meine Website einzubinden, allerdings weiß ich nicht genau wie

<nav class="main-navigation">
                        <button type="button" class="menu-toggle"><i class="fa fa-bars"></i></button>
                        <ul class="menu">
                            <li class="menu-item current-menu-item"><a href="index.html">Start</a></li>
                            <li class="menu-item"><a href="jobs.html">Jobs</a></li>
                            <li class="menu-item"><a href="leistungen.html">Leistungen</a></li>
                            <li class="menu-item"><a href="preise.html">Preise</a></li>
                            <li class="menu-item"><a href="firmengeschichte.html">Firmengeschichte</a></li>
                            <li class="menu-item"><a href="galerie.html">Galerie</a></li>
                            <li class="menu-item"><a href="faq.html">FAQ</a></li>
                            <li class="menu-item"><a href="kontakt.php">Kontakt</a></li>
                        </ul>
                    </nav>

Anstelle des "Kontakt" hätte ich gerne ein dropdown Menü, wo sich dann drei weitere Felder öffnen
nämlich Kontakt, Impressum und Datenschutz

etwa so:


Könnte mir dabei jemand helfen?
Ich habe schon google genutzt, aber mein Design verrutscht jedes mal wenn ich versuche, es in mein
fertigen Code einzufügen

 

[scatello]

Guck mal: https://www.w3schools.com/css/css_dropdowns.asp

 

[Wassernelone]

Das dropdown habe ich eingebunden, meine Frage wäre da jetzt noch
wie ich es auf das aktuelle Design anpasse. Da vom Beispiel das Design extra
auf der Seite eingebunden wird.

 

[scatello]

Das dropdown habe ich eingebunden

Davon sieht man aber nichts, das hier müsste eigentlich passen: https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_navbar2
Wenn du das eingebaut hast, poste einen Link zur Seite, damit man sich das ansehen kann.

 

[Wassernelone]

 

[scatello]

Und was sollen uns diese beiden Screenshot sagen?

 

[Sempervivum]

Das rot passt ja ganz gut, das selbe wie bei "mehr". Du müsstest eigentlich nur die Farben und die Schriftart genau wie bei dem Hauptmenü machen.

 

[Wassernelone]

Und was sollen uns diese beiden Screenshot sagen?

Der graue Hintergrund, die Schriftart, die Höhe und unten die 3 "Balken" passen halt überhaupt nicht dorthin.
Der Screenshot unten, so sollte es eigentlich aussehen.

 

[scatello]

Wenn du uns keinen Link zur Seite postest, kann man dir kaum helfen, die Screenshots reichen nicht.