JSFiddle - React, Tailwind, and code Playground

HTML

<!-- <div class="top-btn"><a href="#">Back top top</a></div> -->
            </div> <!-- end main -->
        </div> <!-- end container -->
        <div id="footer">
            <div class="container">
                <p>&copy; <?php echo date('Y') ?> <?php bloginfo('name'); ?> <span>Design by <a href="http://www.picoba.nl">Picoba.nl</a></span></p>
            </div> <!-- end container -->
        </div>

    <?php wp_footer(); ?>    

    <script src="http://cdn.leafletjs.com/leaflet-0.4/leaflet.js"></script>
    <script type='text/javascript'>
        var map = L.map('map').setView([51.505, -0.09], 13);
        L.tileLayer('http://{s}.tile.cloudmade.com/API-key/997/256/{z}/{x}/{y}.png', {
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>',
    maxZoom: 18
}).addTo(map);
        var marker = L.marker([51.5, -0.09]).addTo(map);
    </script>

</body>
</html>