Iconen onvindbaar in broncode website

[NBK]

Intro:
Mijn vriendin wil haar hobby als schoonheidsspecialiste wat verder professionaliseren en uiteindelijk proberen om daar haar werk van te maken. Nu ben ik dus bezig om een website in elkaar te knutselen.
Nou ben ik ergens begin jaren '00 gestopt met html toen PHP en CSS een beetje in de mode begon te komen (vooral omdat er toen geen browser was die het resultaat gaf wat het volgens de standaard moest doen) Maar ik loop dus wat achter in kennis...
Ik heb een website gevonden die qua uiterlijk goed voldoet als basis en het is aardig gelukt om hem te kopiëren en aan te passen naar de huisstijl van de folder die ze heeft laten maken. Ik blijf alleen met een paar vraagtekens zitten. Letterlijk, er missen wat elementen en die worden door mijn browser ingevuld met een vraagteken. Ik gebruik nu trouwens de Dev versie van Edge maar Firefox en Chrome geven hetzelfde resultaat.

De site die ik als basis gebruik is: *snip*

Op de website staan een aantal elementen die bij mijn gekopieerde versie niet werken:
- Achter de tekst van de menu-items staat een pijlsymbool maar dat is geen ">"
- Boven het paarse "Reserveer bij *snip" staat een agenda symbool
- Boven het andere paarse "Bekijk onze menukaart"
- Onder het kopje "social media" staat boven de gekleurde icoontjes ook nog een bruin icoontje.

Waar ik ook zoek, ik kom ze niet tegen. Maar ze worden wel weergegeven op de originele site.
Het is volgens mij geen plaatje want alle PNG,JPG etc. die op de site geladen worden zijn via het developer deel van edge gewoon te vinden. Maar het lijkt ook geen CSS element te zijn want de CSS en custom CSS die ik heb gekopieerd lijken gewoon te werken. De rest van de site word namelijk wel correct weergegeven.

Maar de werking van de volgende 2 files is mij toch nog een beetje een raadsel. Kleurtjes aanpassen e.d. lukt nog wel maar de rest

/bundles/l4v3/css?v=uhSxKGPMqYTZ7G29CQzk1zUJS_07bL6eXyexi-cHZvg1
/bundles/l4v3/js?v=B2RxP1qhwE5Wuy3x5wW2SYtutbBOXK4wun8E1xxQ4_c1

De plaatjes lijken erg op die van fontawesome.com maar ze zijn toch anders.

Mijn vraag:
Wat zijn het en waar komen ze vandaan?

[ Voor 1% gewijzigd door RobIII op 10-07-2019 23:22 ]

[MikeyMan]

Ehh... Website nagebouwd??? That's frowned upon...

[ShitHappens]

Waarom bel je dan vrijdagonline niet om te kijken of je het template kunt aankopen?

Maar met Inspect Element van Chrome is wel te vinden waar bijvoorbeeld het agenda symbool vandaan komt. Deze komt wel degelijk uit FontAwesome

[NBK]

ShitHappens schreef op woensdag 10 juli 2019 @ 21:58:
[...]
Maar met Inspect Element van Chrome is wel te vinden waar bijvoorbeeld het agenda symbool vandaan komt. Deze komt wel degelijk uit FontAwesome

Maar wat is het dan? En speciaal karakter of zo?

Die icoontjes maken mij nog niet zoveel uit want dat ga ik toch niet gebruiken. Gaat mij vooral om die > symbooltjes. Als ik snap waar die zitten kan ik ze gewoon vervangen door een > ...

Voorlopig vond ik het kopieren wel even prima. Als het bedrijfje ooit bedrijfsmatig van de grond komt is het ook wel handig als ze zelf elementen en prijzen kan aanpassen dus dan ga ik daar wel eens mee verder. Voorlopig komt er vooral familie op de site kijken..

[ Voor 56% gewijzigd door NBK op 10-07-2019 22:19 ]

[Ramon]

NBK schreef op woensdag 10 juli 2019 @ 22:10:
[...]

Maar wat is het dan? En speciaal karakter of zo?

Die icoontjes maken mij nog niet zoveel uit want dat ga ik toch niet gebruiken. Gaat mij vooral om die > symbooltjes. Als ik snap waar die zitten kan ik ze gewoon vervangen door een > ...

Het gaat om dit:

[ShitHappens]

Het is Unicode karakter f073 die in de meeste fonts een vierkantje oplevert, maar in FA dus een mooi agenda icoon wordt. Overigens lijkt die site nog versie 4 te gebruiken, dus de voorbeelden op fontawesome.com komen niet helemaal overeen. Zie het groene blok op https://fontawesome.com/icons/calendar?style=regular

[NBK]

Vreemde is wel dat ik de Assets\L4\plugins\font-awesome\fonts gewoon heb staan.

fontawesome-webfont.eot
fontawesome-webfont.svg
fontawesome-webfont.ttf
fontawesome-webfont.woff2


Ergens in de source ben ik fontawesome-webfont.woff2?v=4.3.0 tegengekomen

[ Voor 250% gewijzigd door NBK op 10-07-2019 22:32 ]

[Aganim]

MikeyMan schreef op woensdag 10 juli 2019 @ 21:54:
Ehh... Website nagebouwd??? That's frowned upon...

Sterker nog, kan zelfs inbreuk maken op auteursrecht. Mijn advies? Direct stoppen en kijken of je ergens een (gratis) template vandaan kan halen. Die laatste zijn er zat, alleen even kijken of commercieel gebruik toegestaan is.

Ga nu niet denken dat je hier wel mee weg komt, of je vriendin nu veel of weinig gaat verdienen: zakelijk wordt al snel verwacht dat je je zaken op orde hebt.

Ik zou er persoonlijk ook niet blij van worden als ik een website zou laten bouwen en een andere zaak maakt klakkeloos een kopie van het werk waar ik dus (flink) voor heb moeten betalen. Ongeacht of je er nu wel of niet nog zelf aan gewerkt hebt.

[NBK]

Aganim schreef op woensdag 10 juli 2019 @ 22:25:
[...]

Sterker nog, kan zelfs inbreuk maken op auteursrecht. Mijn advies? Direct stoppen en kijken of je ergens een (gratis) template vandaan kan halen. Die laatste zijn er zat, alleen even kijken of commercieel gebruik toegestaan is.

Ga nu niet denken dat je hier wel mee weg komt, of je vriendin nu veel of weinig gaat verdienen: zakelijk wordt al snel verwacht dat je je zaken op orde hebt.

Ik zou er persoonlijk ook niet blij van worden als ik betaal voor een website en een andere zaak maakt klakkeloos een kopie van het werk waar ik voor heb moeten betalen. Ongeacht of je er nu wel of niet nog zelf aan gewerkt hebt.

De site staat niet als dusdanig online, alleen lokaal.
Voorlopig probeer ik vooral te snappen hoe het werkt en nu vooral even waarom niet...
font-awesome heeft vrij te gebruiken icoontjes dus als ik die kan gebruiken wil ik wel weten hoe het werkt...

Als ik dan snap hoe het werkt wil ik hem toch omzetten naar iets met een php basis zodat ze zelf de prijzen en teksten aan kan passen.

[ Voor 6% gewijzigd door NBK op 10-07-2019 22:33 ]

[Ramon]

NBK schreef op woensdag 10 juli 2019 @ 22:29:
[...]

De site staat niet als dusdanig online, alleen lokaal. Voorlopig probeer ik vooral te snappen hoe het werkt en nu vooral even waarom niet...
font-awesome heeft vrij te gebruiken icoontjes dus als ik die kan gebruiken wil ik wel weten hoe het werkt...

Als je wilt weten hoe font awesome werkt kan je beter gewoon de setup doornemen: https://fontawesome.com/h...ing-font-awesome-yourself

[NBK]

Ramon schreef op woensdag 10 juli 2019 @ 22:33:
[...]

Als je wilt weten hoe font awesome werkt kan je beter gewoon de setup doornemen: https://fontawesome.com/h...ing-font-awesome-yourself

Ik liep bij font awesome vast doordat de icoontjes heel anders zijn. Ik dacht dat ik in de verkeerde hoek zat te zoeken. Maar inmiddels de 4.7.0 site gevonden en die komen gelukkig wel overeen.

Al snap ik nog steeds niet waarom het niet werkt. Heb in de \Assets\L4\plugins\font-awesome\fonts\ folder wel de files staan die ik volgens mij nodig heb:
fontawesome-webfont.eot
fontawesome-webfont.woff
fontawesome-webfont.woff2
fontawesome-webfont.ttf
fontawesome-webfont.svg

[ShitHappens]

Kun je iets specifieker zijn dan "het werkt niet"? Krijg je op de locatie van een icoon op z'n minst een vierkantje te zien of geheel niets? Wat meer context, screenshots of relevante code kan helpen.

[Aganim]

Heb je de bijbehorende javascriptcode ingeladen en gebruik je niet een kit code die domeingebonden is? Niet alle font awesome icoontjes zijn vrij te gebruiken.

En wordt het .js bestand in je head al ingeladen? En daarnaast gecontroleerd of alle paden kloppen?

Het is een beetje koffiedik kijken zo.

Zet anders eens een verse/kale html pagina op en deel de relevante code bijv. via Codepen. Gebruik daarin ook een vers FA pakket ipv wat je van een willekeurige website hebt geplukt, aangezien je dan gegarandeerd alle bestanden hebt en je zeker weet dat er geen aanpassingen zijn gedaan door een derde partij.

[ Voor 33% gewijzigd door Aganim op 10-07-2019 23:11 ]

[NBK]

Ik heb apache draaien op een virtuele server. Daar draaien meer sites op en dat werkt gewoon.
Ik resolve lokaal de DNS naar het ip van de server zodat apache snapt welke vhost hij moet serveren.
Tot zover is het allemaal een makkie. Maar ik loop gewoon 19 jaar achter met websites bouwen merk ik. Deze hele toepassing van fonts is voor mij nieuw.

Dit is letterlijk* de originele html file die op de originele site wel werkt maar bij mij dus niet. Alles lijkt te werken behalve de font-awesome elementjes. Het zal wel weer iets knulligs zijn maar ik zie het even niet.

*) emailadres even aangepast tegen crawlers...

code:

<!DOCTYPE html>
<!--[if IE 8]> <html lang="nl" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="nl" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="nl"> <!--<![endif]-->  
<head>
    <title>Aziatisch en sushi restaurant – écht onbeperkt eten bij *snip* | Restaurant *snip*</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="*snip* Restaurant" />
    <meta name="description" content="Onbeperkt sushi en andere gerechten uit de Aziatische keuken eten vanaf € 27,80 p.p.! Reserveer bij Aziatisch en sushi restaurant *snip* in Apeldoorn." />
    <meta name="generator" content="Build with love. Powered by Umbraco." />
    <meta name="author" content="Restaurant *snip*">
    <meta name="format-detection" content="telephone=no" />
 <meta name="robots" content="index, follow" /> 
    <link rel="shortcut icon" href="/favicon.ico">

        <link href="/bundles/l4v3/css?v=uhSxKGPMqYTZ7G29CQzk1zUJS_07bL6eXyexi-cHZvg1" rel="stylesheet"/>

        <!--[if lt IE 9]><link rel="stylesheet" href="/Assets/L4/plugins/revolution-slider/rs-plugin/css/settings-ie8.css" type="text/css" media="screen"><![endif]-->
        <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-134105173-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-134105173-1');
</script>
        <link rel="stylesheet" href="/Css/L4_V3_Custom.css">
    

 

            <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Overpass:700,300">
            <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Sanchez:700,regular">
    <style>
body,p,.content ul li { color:rgba(51, 51, 51, 1); font-family:Overpass,Arial, sans-serif; font-weight:300; font-style:normal }
h1,h2,h3,h4,h5,h6, .post-title a,.post-title a,.navbar-nav > li > a, .navbar-nav>.active>a, .navbar-nav .dropdown-menu > li > a { color:rgba(34, 34, 34, 1); font-family:Sanchez,Arial, sans-serif; font-weight:regular; font-style:normal }
    </style>




</head>
    
<body>
    <div class="wrapper">
        
<div class="header-v7 header-left-v7">
    <nav class="navbar navbar-default mCustomScrollbar" role="navigation" data-mcs-theme="minimal-dark">
        <div class="menu-container">
            <div class="topbar">
                <ul class="loginbar">
                </ul>
            </div>
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="logo">
                <a href="/">
                        <img src="/media/1002/logo_green_leaf.png?anchor=center&amp;mode=crop&amp;width=260&amp;rnd=131677541700000000" alt="logo_green_leaf.png (1)" title="" />

                </a>
            </div>
        </div>
        <div class="collapse navbar-collapse navbar-responsive-collapse">
            <div class="menu-container">
                

    <ul class="nav navbar-nav level-2">

                <li class="active">
                    <a href="/">Home</a>
                </li>
                <li>
                    <a href="/menu/">Menu</a>
                </li>
                <li>
                    <a href="/catering/">Catering</a>
                </li>
                <li>
                    <a href="/diner-movie-arrangement/">Dinner &amp; Movie Arrangement</a>
                </li>
                <li>
                    <a href="/groepen-zakelijk/">Groepen &amp; Zakelijk</a>
                </li>
                <li>
                    <a href="/vacatures/">Vacatures</a>
                </li>
                <li>
                    <a href="/contact/">Contact</a>
                </li>
    </ul>



            </div>
        </div>
    </nav>
</div>



        <div class="content-side-right">
                        <div class="tp-banner-container">
                <div class="tp-banner">
                    <ul>
                                    <li class="revolution-mch-1" data-transition="fade" data-slotamount="5" data-masterspeed="1000">
                                        <img src="/images/dummypixel.png" data-lazyload="/media/1005/header_home_2_green_leaf.jpg?anchor=center&amp;mode=crop&amp;width=1920&amp;height=356&amp;upscale=false&amp;format=jpg&amp;quality=100&amp;bgcolor=fff&amp;rnd=131677555000000000" alt="darkblurbg" data-bgrepeat="no-repeat">
                                        



                                    </li>
                    </ul>
                    <div class="tp-bannertimer tp-bottom"></div>
                </div>
            </div>




            
    <div class="umb-grid">
                <div class="grid-section">
    <div style="background-color: #ddeec5;" class="header-title">
        <div class="container">
            <div class="row clearfix">
                    <div class="col-md-12 column">
                        <div >
                                        
<h2 style="text-align: center; max-width: 900px;">*snip*: Aziatisch en sushi restaurant Apeldoorn</h2>


                        </div>
                    </div>            </div>
        </div>
    </div>
    <div style="background-color: #ddeec5;" style='margin-top:50px; margin-bottom:50px;'>
        <div class="container">
            <div class="row clearfix">
                    <div class="col-md-12 column">
                        <div class="blok-intro" style='margin-top:50px; margin-bottom:50px;'>
                                        <style>
.col4-row .row {
display: flex;
align-items: stretch;
margin-bottom: 50px;
}
.col4-row .row .column {
align-self: center;
}
.btnblock {
text-align: center;
}
.btnblock .fa {
font-size: 80px;
}
@media screen and (max-width: 1071px) {
.col4-row .row {
display: block;
}
.col4-row .row .column {
    text-align: center;
    padding: 20px 0;
}
}
</style>

                                        
<p style="text-align: center;"><strong><em>“Onbeperkt genieten van de lekkerste gerechten uit de Aziatische keuken!”</em></strong></p>
<p style="text-align: center;">*snip* is een modern en sfeervol sushirestaurant in het hartje van Apeldoorn. Bij ons geniet u voor een vaste prijs onbeperkt van de Aziatisch / internationale keuken en van sushi, zonder tijdsbeperkingen. In ons restaurant in Apeldoorn hebben we een verrassend grote menukaart met veel vlees-, vis- en groentegerechten uit de Aziatische keuken. We bereiden onze gerechten met de grootste zorg en passie. Willen jullie samen, of met de hele familie, genieten van onbeperkt sushi bij ons restaurant in Apeldoorn? Sushi restaurant *snip* zorgt voor een avond vol culinair genot! Maak nu online een reservering of bekijk onze <span><a data-udi="umb://media/69fe703f6c204642854141608194d92e" href="/media/1062/menukaart-greenleaf-2019-gecomprimeerd.pdf" title="Menukaart-Greenleaf 2019-gecomprimeerd.pdf">menukaart</a></span> en <span><a href="/media/1018/drankenkaart-web.pdf">drankenkaart</a></span>.</p>


                        </div>
                    </div>            </div>
        </div>
    </div>
    <div class="col4-row">
        <div class="container">
            <div class="row clearfix">
                    <div class="col-md-3 column">
                        <div class="btnblock">
                                        <i class="fa fa-calendar" aria-hidden="true"></i>

                                                    <div class="grid-component-knop animated fadeInRight" style="text-align: center;">
                <a href="/reserveren/" style="" class="btn-u btn-u-default" role="button">Reserveer bij *snip*</a>
            </div>




                        </div>
                    </div>                    <div class="col-md-3 column">
                        <div class="btnblock">
                                        <i class="fa fa-cutlery" aria-hidden="true"></i>

                                                    <div class="grid-component-knop animated fadeInRight" style="text-align: center;">
                <a href="/media/1062/menukaart-greenleaf-2019-gecomprimeerd.pdf" style="" class="btn-u btn-u-default" role="button">Bekijk onze menukaart</a>
            </div>




                        </div>
                    </div>                    <div class="col-md-3 column">
                        <div >
                                        
<h3>Prijzen</h3>
<p>Bij ons geniet u al van onbeperkt Aziatisch eten vanaf € 27,80* per persoon. We hebben geen tijdsbeperking; onbeperkt is dus écht onbeperkt!</p>
<p>*Voor kinderen tot 11 jaar rekenen we € 2,- per jaar</p>


                        </div>
                    </div>                    <div class="col-md-3 column">
                        <div >
                                        
<h3>Openingstijden</h3>
<p><span style="min-width: 100px; display: inline-block;">Maandag:</span> 16:00 – 23:00<br /><span style="min-width: 100px; display: inline-block;">Dinsdag:</span> Gesloten<br /><span style="min-width: 100px; display: inline-block;">Woensdag:</span> 16:00 – 23:00<br /><span style="min-width: 100px; display: inline-block;">Donderdag:</span> 16:00 – 23:00<br /><span style="min-width: 100px; display: inline-block;">Vrijdag:</span> 16:00 – 23:00<br /><span style="min-width: 100px; display: inline-block;">Zaterdag:</span> 16:00 – 23:00<br /><span style="min-width: 100px; display: inline-block;">Zondag:</span> 16:00 – 23:00</p>
<p> </p>


                        </div>
                    </div>            </div>
        </div>
    </div>
    <div style="background-color: #7a793e;" class="blok-foto">
        <div class="container">
            <div class="row clearfix">
                    <div class="col-md-6 column">
                        <div >
                                        
    <img class="img-responsive" src="/media/1042/dsc_2059_dxo.jpg" alt="Crunch Maki (Sushi)">
        <p class="caption">Crunch Maki (Sushi)</p>


                                        


                                        


                        </div>
                    </div>                    <div class="col-md-6 column">
                        <div >
                                        
    <img class="img-responsive" src="/media/1027/dsc_2014_dxo.jpg" alt="Thaise Garnalen Salade">
        <p class="caption">Thaise Garnalen Salade</p>


                        </div>
                    </div>            </div>
        </div>
    </div>
    <div style="background-color: #ddeec5;" class="header-title">
        <div class="container">
            <div class="row clearfix">
                    <div class="col-md-12 column">
                        <div >
                                        
<h2 style="text-align: center;">Waar zijn wij te vinden</h2>


                        </div>
                    </div>            </div>
        </div>
    </div>
    <div style="background-color: #ddeec5;" style='margin-top:50px; margin-bottom:50px;'>
        <div class="container">
            <div class="row clearfix">
                    <div class="col-md-6 column">
                        <div class="text-large" style='margin-top:80px;'>
                                        
<h2>Restaurant *snip*</h2>
<p>Nieuwstraat 283C</p>
<p>7311 BN Apeldoorn</p>
<p>E: <a href="mailto:[e-mail]">[e-mail]</a></p>
<p>T: <a href="tel://0031-55-2019758">(055) 201 97 58</a></p>


                                            <div class="margin-bottom-30">
            <div class="headline">
                <h2>Social media</h2>
            </div>
        <a href="https://www.facebook.com/restaurantgreenleaf/" target="_blank" class="tooltips" data-toggle="tooltip" data-placement="top" data-original-title="Facebook">
                <i class="fa fa-facebook-square fa-3x"></i>
            </a>
<p><a rel="noopener noreferrer" href="https://www.facebook.com/restaurantgreenleaf/" target="_blank"><img style="width: 32px; height: 32px;" src="/media/1009/001-facebook.png?width=32&amp;height=32" alt="" data-id="5507"></a>  <img style="width: 32px; height: 32px;" src="/media/1011/003-twitter.png?width=32&amp;height=32" alt="" data-id="5509">  <a rel="noopener" href="https://www.instagram.com/restaurantgreenleaf/" target="_blank"><img style="width: 32px; height: 32px;" src="/media/1012/instagram.png?width=32&amp;height=32" alt="" data-id="5510"></a> <a rel="noopener noreferrer" href="https://plus.google.com/" target="_blank"><img style="width: 32px; height: 32px;" src="/media/1013/google-plus.png?width=32&amp;height=32" alt="" data-id="5511"></a></p>
    </div>




                        </div>
                    </div>                    <div class="col-md-6 column">
                        <div style='margin-top:75px; margin-bottom:100px;'>
                                            <div class="map gridmaps" id="cb12476a-ebb9-43a1-a19e-3c8c03155aaa_map" style="width:100%;"></div>
    <script type="text/javascript">
    var map;
    function initMap() {
        var settings = {
  "latitude": 52.2148738,
  "longitude": 5.9593525000000227,
  "zoom": 17,
  "mapType": "ROADMAP",
  "height": 300,
  "streetView": false
};

        var mapCenter = new google.maps.LatLng(settings.latitude, settings.longitude);

        var mapElement = document.getElementById('cb12476a-ebb9-43a1-a19e-3c8c03155aaa_map');
        mapElement.style.height = settings.height + "px";

        var mapOptions = {
            zoom: settings.zoom,
            center: mapCenter,
            mapTypeId: google.maps.MapTypeId[settings.mapType],
            scrollwheel: false
        };
        var panoramaOptions = { position: mapCenter };

        map = new google.maps.Map(mapElement, mapOptions);

        if (settings.streetView) {
            var panorama = new google.maps.StreetViewPanorama(mapElement, panoramaOptions);
            map.setStreetView(panorama);
        }

        marker = new google.maps.Marker({
            map: map,
            position: new google.maps.LatLng(settings.latitude, settings.longitude),
            draggable: true
        });
        marker.setMap(map);
    }
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBC1WHF7S3b91ynKludjh_kTdMDTssSrjA&callback=initMap"
            async defer></script>


                        </div>
                    </div>            </div>
        </div>
    </div>
                </div>
    </div>
 
            
<div id='footer-v2' class='footer-v2'>
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-3 md-margin-bottom-40">
                <a href="/">
                    
                </a>
                <h2>Openingstijden</h2>
<p><strong>Wo t/m ma:  </strong>  16:00 – 23:00</p>
<p><strong>Feestdagen: </strong>   16:00 – 23:00</p>
<p><strong>Di: </strong>                   Gesloten</p>
<p>Wil je zeker zijn van een tafel in ons restaurant, reserveer dan tijdig.</p>
            </div>
                    <div class="col-md-3 md-margin-bottom-40"></div>
    <div class="col-md-3 md-margin-bottom-40 footerlinks">
        <div class="headline"><h2>Links</h2></div>
        <ul class="list-unstyled link-list">
                <li><a href="/menu/">Menu</a><i class="fa fa-angle-right"></i></li>
                <li><a href="/diner-movie-arrangement/">Diner &amp; Movie Arrangement</a><i class="fa fa-angle-right"></i></li>
                <li><a href="/groepen-zakelijk/">Groepen &amp; Zakelijk</a><i class="fa fa-angle-right"></i></li>
                <li><a href="/vacatures/">Vacatures</a><i class="fa fa-angle-right"></i></li>
        </ul>
    </div>



            <!-- Address -->
                        <div class="col-md-3 map-img md-margin-bottom-40">
                <div class="headline"><h2>Contact informatie</h2></div>
                <address class="md-margin-bottom-40">
                <p><strong>Restaurant *snip*</strong></p>
<p>Nieuwstraat 283C</p>
<p>7311 BN Apeldoorn</p>
<p>[e-mail]</p>
<p>(055) 201 97 58</p>
                </address>
            </div><!--/col-md-3-->

            <!-- End Address -->
        </div>
    </div>
</div><!--/footer-->
<div class="copyright">
    <div class="container">
        <div class="row">
            <div class='col-md-9'></div><div class='col-md-3'><p class='text-right' style='font-size:9px;'>Website door: <a href='https://vrijdagonline.nl' target='_blank'><img src='/images/vrijdagonline.svg' style='max-width: 70px;' alt='VrijdagOnline website'></a></p></div>


        </div>
    </div>
</div>
</div>



        </div>
        </div>
    

    
        <script src="/bundles/l4v3/js?v=B2RxP1qhwE5Wuy3x5wW2SYtutbBOXK4wun8E1xxQ4_c1"></script>


        <script type="text/javascript">
            jQuery(document).ready(function () {
                App.init();
                AppCustom.initSlideshowL4V3();
                AppCustom.startGridCarousel();
                App.initScrollBar();
                App.initSidebarMenuDropdown();
                FancyBox.initFancybox();
                AppCustom.initWoW();
            });
        </script>
        <!--[if lt IE 9]>
            <script src="/Assets/L4/plugins/respond.js"></script>
            <script src="/Assets/L4/plugins/html5shiv.js"></script>
            <script src="/Assets/L4/plugins/placeholder-IE-fixes.js"></script>
        <![endif]-->
        <script>
(function (d, s, id) { var js, ftjs = d .getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement (s); js.id = id; js.src = "https://cdn.formitable.com/sdk/v1/ft.sdk.min.js"; ftjs.parentNode.insertBefore(js, ftjs); } (document, "script", "formitable-sdk"));
</script>
<div class="ft-widget-side" data-restaurant="ed62ecc6" data-open-mobile="true" data-open="1500" data-color="#333333" data-language="nl" data-tag="Website"></div>
    

</body>
</html>

De css geeft code terug als ik de url ingeef in mijn browser.
De js geeft js code in mijn browser.
De bovenstaande font-awesome assets kan ik stuk voor stuk opvragen bij de server.

[ Voor 1% gewijzigd door RobIII op 10-07-2019 23:22 ]

[RobIII]

Mja, het is wel welletjes. We gaan je hier niet helpen met 't kopiëren (of 'natekenen', 'overtrekken') van andere sites en al helemaal niet met 't debuggen van 440 regels code. Als je iets wil demonstreren kun je daar een MCVE van maken en die posten in code tags of, desnoods, in een jsfiddle.
Het is inmiddels duidelijk dat de crux dus FontAwesome is; daarmee moet je er wel uit komen (hint: check je content-type). En daarmee vind ik 't wel welletjes.