append info via json

course.json

var coursejson = [
  {
    "id":"1",
    "courseName":"Curso Alvenaria Estrutural para Construtoras",
    "courseUrl":"course-ead.html",
    "courseThumbnail": "assets/images/courses/card-thumb-1.jpg",
    "courseModality" : "Ensino à Distância",
    "courseModalityClass" : "ensino-a-distancia",
    "courseAtuationAreaClass" : "engenharia-estrutural",
    "courseTypeClass" : "curso-teorico",
    "courseSoftwareClass" : "",
    "coursePriceOld" : "500,00",
    "coursePrice" : "360,00",
    "courseReleaseClass" : "",
    "coursePromotionClass": ""
  },
  {
    "id":"2",
    "courseName":"Curso Instalações Prediais de Águas Pluviais",
    "courseUrl":"course-ead.html",
    "courseThumbnail": "assets/images/courses/card-thumb-2.jpg",
    "courseModality" : "Ensino à Distância",
    "courseModalityClass" : "ensino-a-distancia",
    "courseAtuationAreaClass" : "engenharia-hidrossanitaria",
    "courseTypeClass" : "palestra",
    "courseSoftwareClass" : "",
    "coursePriceOld" : "200,00",
    "coursePrice" : "180,00",
    "courseReleaseClass" : "",
    "coursePromotionClass": ""
  },
  {
    "id":"3",
    "courseName":"Curso Instalações Elétricas Residenciais",
    "courseUrl":"course-ead.html",
    "courseThumbnail": "assets/images/courses/card-thumb-3.jpg",
    "courseModality" : "Ensino à Distância",
    "courseModalityClass" : "ensino-a-distancia",
    "courseAtuationAreaClass" : "engenharia-eletrica",
    "courseTypeClass" : "",
    "courseSoftwareClass" : "",
    "coursePriceOld" : "500,00",
    "coursePrice" : "360,00",
    "courseReleaseClass" : "lancamento",
    "coursePromotionClass": "promocao"
  },
  {
    "id":"4",
    "courseName":"Curso Software Eberick V8",
    "courseUrl":"course-ead.html",
    "courseThumbnail": "assets/images/courses/card-thumb-4.jpg",
    "courseModality" : "Ensino à Distância",
    "courseModalityClass" : "ensino-a-distancia",
    "courseAtuationAreaClass" : "engenharia-estrutural",
    "courseTypeClass" : "",
    "courseSoftwareClass" : "",
    "coursePriceOld" : "",
    "coursePrice" : "300,00",
    "courseReleaseClass" : "lancamento",
    "coursePromotionClass": "promocao"
  },
  {
    "id":"5",
    "courseName":"Durabilidade das Estruturas de Concreto",
    "courseUrl":"course-ead.html",
    "courseThumbnail": "assets/images/courses/card-thumb-5.jpg",
    "courseModality" : "Palestra",
    "courseModalityClass" : "palestra",
    "courseAtuationAreaClass" : "engenharia-estrutural",
    "courseTypeClass" : "curso-de-software",
    "courseSoftwareClass" : "",
    "coursePriceOld" : "",
    "coursePrice" : "300,00",
    "courseReleaseClass" : "lancamento",
    "coursePromotionClass": "promocao"
  },
  {
    "id":"6",
    "courseName":"{{Nome do curso que pode ter até duas linhas}}",
    "courseUrl":"course-ead.html",
    "courseThumbnail": "assets/images/courses/card-thumb-6.jpg",
    "courseModality" : "Palestra",
    "courseModalityClass" : "ensino-a-distancia",
    "courseAtuationAreaClass" : "engenharia-hidrossanitaria",
    "courseTypeClass" : "curso-de-software",
    "courseSoftwareClass" : "software-cabeamento-estruturado",
    "coursePriceOld" : "",
    "coursePrice" : "300,00",
    "courseReleaseClass" : "",
    "coursePromotionClass": ""
  },
  {
    "id":"6",
    "courseName":"Instalações Elétricas Prediais, Telefonia e Infraestrutura para TV",
    "courseUrl":"course-presential.html",
    "courseThumbnail": "assets/images/courses/card-thumb-7.jpg",
    "courseModality" : "Ensino Presencial",
    "courseModalityClass" : "ensino-presencial",
    "courseAtuationAreaClass" : "engenharia-eletrica",
    "courseTypeClass" : "curso-de-software",
    "courseSoftwareClass" : "software-cad",
    "coursePriceOld" : "",
    "coursePrice" : "500,00",
    "courseReleaseClass" : "lancamento",
    "coursePromotionClass": ""
  },
  {
    "id":"7",
    "courseName":"Instalações Elétricas Prediais, Telefonia e Infraestrutura para TV",
    "courseUrl":"course-presential.html",
    "courseThumbnail": "assets/images/courses/card-thumb-8.jpg",
    "courseModality" : "Ensino Presencial",
    "courseModalityClass" : "ensino-presencial",
    "courseAtuationAreaClass" : "engenharia-estrutural",
    "courseTypeClass" : "curso-teorico",
    "courseSoftwareClass" : "software-gerenciador-de-arquivos",
    "coursePriceOld" : "",
    "coursePrice" : "500,00",
    "courseReleaseClass" : "",
    "coursePromotionClass": ""
  },
  {
    "id":"8",
    "courseName":"{{Nome do curso}}",
    "courseUrl":"course-presential.html",
    "courseThumbnail": "assets/images/courses/card-thumb-9.jpg",
    "courseModality" : "Ensino Presencial",
    "courseModalityClass" : "ensino-presencial",
    "courseAtuationAreaClass" : "engenharia-eletrica",
    "courseTypeClass" : "curso-de-software",
    "courseSoftwareClass" : "software-qihidrossanitario",
    "coursePriceOld" : "",
    "coursePrice" : "500,00",
    "courseReleaseClass" : "",
    "coursePromotionClass": ""
  },
  {
    "id":"9",
    "courseName":"{{Nome do curso}}",
    "courseUrl":"course-ead.html",
    "courseThumbnail": "assets/images/courses/card-thumb-10.jpg",
    "courseModality" : "Ensino a distância",
    "courseModalityClass" : "ensino-a-distancia",
    "courseAtuationAreaClass" : "engenharia-estrutural",
    "courseTypeClass" : "curso-de-software",
    "courseSoftwareClass" : "software-qiincendio",
    "coursePriceOld" : "",
    "coursePrice" : "1.350,00",
    "courseReleaseClass" : "",
    "coursePromotionClass": ""
  },
  {
    "id":"10",
    "courseName":"{{Nome do curso}}",
    "courseUrl":"course-ead.html",
    "courseThumbnail": "assets/images/courses/card-thumb-1.jpg",
    "courseModality" : "Ensino a distância",
    "courseModalityClass" : "ensino-a-distancia",
    "courseAtuationAreaClass" : "engenharia-geotecnica",
    "courseTypeClass" : "curso-de-software",
    "courseSoftwareClass" : "software-cabeamento-estruturado",
    "coursePriceOld" : "",
    "coursePrice" : "650,00",
    "courseReleaseClass" : "",
    "coursePromotionClass": ""
  },
];

script.js

<script>
(function($) {
	$.each(coursejson, function(idx, obj) {
		console.log(obj.id, "|", obj.courseName, "|", obj.courseModality, "|", obj.courseThumbnail);

		var html = "<li class='isotope_content-item "+  obj.courseModalityClass + " " + obj.courseAtuationAreaClass + " " + obj.courseTypeClass + " " + obj.courseSoftwareClass + "'>";
						html += "<a href=" +  obj.courseUrl + ">";
								html += "<div class='card-course card-format-block'>";
										html += "<div class='card-course-inner'>";
												html += "<span class='card-course--litle-play'></span>";
													html += " <div class='card-course-header'><img src="+ obj.courseThumbnail + " /></div>  ";
														html += "<div class='card-course--content'> ";
																			html += " <span data-reveal-id='modal__trailer' data-tooltip aria-haspopup='true' title='Assista o trailer'  data-options='disable_for_touch:true' class='has-tip tip-top card-course__play'></span> ";
																			html += " <span class='card-course__modality'>" +  obj.courseModality + "</span> ";
																			html += " <span class='card-course__name'>" +  obj.courseName + "</span>";
																			html += " <a href='#' class='card-course__button'>R$ "+ obj.coursePrice +"</a>";
												html += " </div>";
										html += " </div>";
								html += "</div>";
						html += "</a>";
				html += "</li>";

					$("#container-isotope").append(html);

		});
})(jQuery);
</script>