Neu erstellte Website wird nicht richtig dargestellt

Hallo,

ich möchte gerne meine Website online stellen, aber es funktioniert leider nicht. (siehe Anhang)
Habe meine Dateien (index, css, js und Bilder) über mein webFTP hochgeladen.
Wenn ich meine Seite über Firefox oder Chrome aufrufe, wird sie nicht richtig
angezeigt.
Über meinen Editor habe ich meine Seite getestet und sie funktioniert einwandfrei. (siehe Anhang)

Was läuft da falsch oder was habe ich nicht beachtet?

Da ist die Verlinkung zu deiner CSS Datei nicht korrekt und deswegen wird das CSS nich tgeladen.

Danke für den Hinweis! Seltsamerweise sind aber alle Links, ob beim Schriften-Import in CSS oder die Links im Head-Bereich alle plötzlich ausgegraut. (siehe Anhang)
Wie kann das sein?

Was meldet die ‚Konsole‘ (bei Firefox F12 drücken und dort Konsole auswählen).

Die Konsole meldet „uncaught type error“. Bis gestern war das alles in Ordnung und solch ein Problem mit den Links im head-Bereich hatte ich noch nie.

Dieser „uncaught type error“ ist eine JavaSpript Fehlermeldung, die darauf schließen lasst, dass da in dem Aufgerufenen Script etwas oder ein fehlerhafter Wert der zum Script gesendet wird einen Fehler verursacht.
https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/TypeError
Da kann ich dir wirklich nicht weiter helfen! Brauchst du diese Scirpte überhaupt und wenn ja, wozu?

Herzlichen Dank erstmal für die Hilfe!

Die Skripte brauche ich halt für Schriften, für Bootstrap etc.
Komisch ist aber, dass mein Editor dieses Problem auch bei vorherigen HTML-Seiten plötzlich anzeigt, wie ich gestern gesehen habe. Vielleicht liegt der Fehler auch im Editor (Atom) selbst.

Der Link zu Deiner styles.css ist falsch, die liegt bei Dir im root und nicht wie verklinkt unter /css/styles.css