Leaflet map external info pane

gistfile1.txt

// Bind a popup to each icon based on the same properties
            marker.bindPopup('<strong>' + marker.toGeoJSON().properties.title + '</strong>' + '</br>' + marker.toGeoJSON().properties.Description);
            //Info Pane Content
            marker.on('click', function(e) {
                // Force the popup closed.
                // e.layer.closePopup();
                infopane.className = 'fill-lighten3 offcanvas-right animate pin-right keyline-left active';
                // var feature = e.layer.feature;
                var info = '<h2 class="center">' + marker.toGeoJSON().properties.title + '</h2>' + '</br>' + '<h3>' + marker.toGeoJSON().properties.Estate + '</h3>' + '<h4>Industry: ' + marker.toGeoJSON().properties.Industry + '</h4>' + '</br>' + '<strong>Latitude: </strong>' + e.latlng.lat + '</br>' + '<strong>Longitude: </strong>' + e.latlng.lng + '</br><p>' + marker.toGeoJSON().properties.Description + '</p>';
                //feature.getLatLng()
                document.getElementById('info').innerHTML = info;
            });

Classes are from MapBox Base css framework