HTML Template Yardım

Merhaba arkadaslar hazır bir template satın alarak oluşturduğum bir sitede bir noktada takıldım kaldım portfolio kısmında yapılan projelerin üzerine tıklanınınca proje detayları gorulecek ama yapamadım site adresi test.uludasdemir.com kodlamalar aşşagıdaki gibidir şimididen teşekkürler

" </section>
<section class="page-section Portfolio-page page-section-22">
<div class="row menu-row">
<div class="large-12 large-centered text-center columns">
<h2 class="section-title">REFERANSLAR</h2>
<div class="space"></div>
</div>
</div>
<div class="portfolio-page row">
<div id="project-info" class="hide">

</div>

<ul class="layout-2 wd_portfolio_isotop_content large-block-grid-4">

<li class="item article portfolio-item all ifographie " data-id="1919" data-category="">

<a href="" role="button" class="use-ajax portfolio-item-link">
<figure>
<img width="600" height="410" src="assets/images/portfolio/1.jpg" class="" alt="" />
<figcaption class="text-center">
<h3>deneme</h3>
</figcaption>
</figure>
<span class="plus-icon flipOutX"><i class="fa-plus fa"></i>
</span>
</a>
</li>

<li class="item article portfolio-item all ifographie " data-id="1918" data-category="">

<a href="#" role="button" class="use-ajax portfolio-item-link">
<figure>
<img width="600" height="410" src="assets/images/portfolio/2.jpg" class="" alt="" />
<figcaption class="text-center">
<h3>deneme</h3>
</figcaption>
</figure>
<span class="plus-icon flipOutX"><i class="fa-plus fa"></i>
</span>
</a>
</li> "

"<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta http-*****="X-UA-Compatible" **********IE=edge">
<title></title>
<link rel="stylesheet" href="">
</head>

<body>
<div id="content">
<i class="fa fa-times back"></i>
<div class="row">

<div class="large-11 columns">
<h2 class="project-title">deneme</h2>
</div>
<div class="large-6 columns">
<div class="project-images">

<img src="assets/images/portfolio/1.jpg" />
</div>
</div>
<div class="large-6 columns project-content">

</div>

</div>
</div>
</body>

</html>"