Sokoljr,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
var data = [{
"id": "5",
"name": "First project",
"description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fringilla tempor sapien nonummy class vel? Dapibus sodales per ligula potenti.",
"added_at": "2027-04-02",
"image": "/img/projects/1492888840project1.jpg"
}, {
"id": "6",
"name": "Second project",
"description": "Curabitur taciti potenti... Etiam platea nullam consequat torquent quisque? Facilisi ante metus dictum neque tristique parturient.",
"added_at": "2004-07-06",
"image": "/img/projects/1492888928316564746.png"
}];
function addInfo(data) {
var block = $(".main__projects__project-wrap"),
obj = {
"name": ".project-wrap__descr__title",
"description": ".project-wrap__descr__descr",
"added_at": ".project-wrap__descr__date"
};
data.forEach(function(el, i) {
var parent = block[i];
Object.keys(obj).forEach(function(key) {
$(obj[key], parent).html(el[key])
});
$(".project-wrap__img img", parent).attr({
src: el["image"]
})
})
}
addInfo(data)
/*var urlProj = '/engine/scroll';
var getProjects = $.ajax({
url: urlProj,
type: 'GET',
dataType: 'json',
success: addInfo
});*/
});
</script>
</head>
<body>
<div class="main__projects__project-wrap animated fadeInUp">
<div class="project-wrap__img">
<img src="/img/nophoto.png" alt="project">
</div>
<div class="project-wrap__descr">
<div class="project-wrap__descr__date"></div>
<div class="project-wrap__descr__title"></div>
<div class="project-wrap__descr__descr"></div>
<div class="project-wrap__descr__more">
<a href="#">read more</a>
</div>
</div>
</div>
<div class="main__projects__project-wrap left">
<div class="project-wrap__descr">
<div class="project-wrap__descr__date"></div>
<div class="project-wrap__descr__title"></div>
<div class="project-wrap__descr__descr"></div>
<div class="project-wrap__descr__more">
<a href="#">read more</a>
</div>
</div>
<div class="project-wrap__img">
<img src="/img/nophoto.png" alt="project">
</div>
</div>
</body>
</html>