$(document).ready(function(){
	$.ajax('lista_cursos.json', {
		dataType: 'json',
		contentType: 'application/json',
		cache: false
	})
	.done(function(response){
		var html;
		$.each(response, function(index, element){
			html =  '<div class="col-12 col-md-4 text-center my-1">'
			html += '<div class="card border-secondary h-100 pt-1">'
			html +=	'<img src="img/'+element.imagen+'" class="d-block mx-auto img-fluid w-25" alt="">'
			html +=	'<div class="card-body ">'
			html +=	'<p class="card-title L_Negro_EB_12">'+element.titulo+'</p>'
			html +=	'<ul class="list-group pb-2 text-left">'
			html +=	'<li class="list-group-item">Próxima fecha: '+element.fecha+'</li>'
			html +=	'<li class="list-group-item">Duración: '+element.duracion+'</li>'
			html +=	'<li class="list-group-item">Nivel: '+element.nivel+'</li>'
			html +=	'<li class="list-group-item">Inversión: '+element.costo+'</li>'
			html +=	'</ul>'
			html +=	'<a href="contacto.html" class="btn btn-secondary text-left">Saber más</a>'
			html +=	'</div>'
			html +=	'</div>'
			html += '</div>';
			$('#lcursos').append(html);
		});
	});
});