html template - wo kommen Bilder her?

[kaktux]

moin,

ich habe mir gerade den Aufbau eines html templates für eine webseite angeschaut.
Bei einer Demo sind dort neben den jpg Bildern 4 weitere zu finden, bei denen ich nicht herausfinden kann, woher sie kommen.

Es sind Darstellungen eines Hauses, Ordners, Mail und des Twitter Symbols.

Im Quelltext finde ich dazu nur den Abschnitt:

    <!-- Nav -->
    <nav id="nav">
        <a href="#me" class="icon fa-home active"><span>Home</span></a>
        <a href="#work" class="icon fa-folder"><span>Work</span></a>
        <a href="#contact" class="icon fa-envelope"><span>Contact</span></a>
        <a href="#" class="icon fa-twitter"><span>Twitter</span></a>
    </nav>

Bilder wie jpg, png o.ä. sind davon nicht zu finden.
Wenn man das Template runterlädt sind sie nicht dabei. Ebenso wie gesagt im Quelltext kein Link o.ä.

Da ich html Neuling bin meine Frage hier: woher kommen die 4 beschriebenen Bilder?

 

[michi174]

Das sind Icons von FontAwsome. Einfach mal googlen. Die werden über die jeweiligen CSS Klassen eingebunden.

 

[HigH_HawK]

Wie michi es schon gesagt hat, handelt es sich dabei um eine Schriftart "FontAwesome", welche in der main.css ganz am Anfang importiert wird.

Der eigentliche Part für diese "Icons" ist dann in der

 html5-astral/assets/css/font-awesome.min.css

Für Dein Beispiel:

.fa-home:before

.fa-folder:before

.fa-envelope:before

.fa-twitter:before

Im Netz findest du unter FontAwesome eine Seite mit einer Gallery, wo du Dir dann den Unicode oder die Klasse aus dem HTML Feld kopieren kannst.