Binding Repeater data to Dynamic tab in asp.net
<p>I wanted to bind the repeater's data to Dynamic tab of year the image for which i am attaching
<a href="http://i.stack.imgur.com/VyrjB.png" rel="nofollow">enter image description here</a>
the repeater code is as below:
 
                </p>

<pre><code>                &lt;!--begin isotope --&gt;
                &lt;div class="isotope col-lg-12"&gt;


                    &lt;!--begin portfolio filter --&gt;
                    &lt;ul id="filter" class="option-set clearfix"&gt;                            
                        &lt;li data-filter="*" class="selected"&gt;&lt;a&gt;All&lt;/a&gt;&lt;/li&gt;
                        &lt;asp:Repeater ID="rpYear" runat="server" OnItemDataBound="rpYear_ItemDataBound"&gt;
                            &lt;ItemTemplate&gt;
                                &lt;li data-filter='&lt;%#Eval("Year") %&gt;'&gt;
                                    &lt;a&gt;
                                        &lt;asp:Label ID="lbl" runat="server" Text='&lt;%#Eval("Year") %&gt;'&gt;&lt;/asp:Label&gt;
                                    &lt;/a&gt;
                                &lt;/li&gt;
                            &lt;/ItemTemplate&gt;
                        &lt;/asp:Repeater&gt;
                    &lt;/ul&gt;


                    &lt;ul id="list" class="portfolio_list clearfix"&gt;
                        &lt;asp:Repeater ID="rpImagedetails" runat="server"&gt;
                            &lt;ItemTemplate&gt;
                                &lt;li class="list_item col-lg-4 col-md-4 col-sm-4 &lt;%#Eval("Year") %&gt; "&gt;
                                    &lt;div class="recent-item"&gt;
                                        &lt;figure&gt;
                                            &lt;div class="touching medium"&gt;
                                                &lt;img src='&lt;%# "FileUpload/Eventpic/"+ Eval("Image") %&gt;' alt="" /&gt;
                                                &lt;div class="hovers"&gt;
                                                    &lt;a href='&lt;%# "FileUpload/Eventpic/"+ Eval("Image") %&gt;' class="hover-zoom mfp-image" style="left: 45%;"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/a&gt;
                                                    &lt;!--&lt;a href="portfolio_single.html" class="hover-link"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;&lt;/a&gt;--&gt;
                                                &lt;/div&gt;
                                            &lt;/div&gt;
                                            &lt;figcaption class="item-description"&gt;
                                                &lt;h5&gt;&lt;%#Eval("Title") %&gt;&lt;/h5&gt;
                                                &lt;span&gt;&lt;%#Eval("Date") %&gt;
                                                    &lt;br&gt;
                                                    &lt;%#Eval("Stallno") %&gt;
                                                    &lt;br&gt;
                                                    &lt;%#Eval("Location") %&gt;&lt;/span&gt;
                                            &lt;/figcaption&gt;
                                        &lt;/figure&gt;
                                    &lt;/div&gt;
                                &lt;/li&gt;
                            &lt;/ItemTemplate&gt;
                        &lt;/asp:Repeater&gt;
                    &lt;/ul&gt;

                &lt;/div&gt;
            &lt;/div&gt;
            &lt;!--./span12--&gt;
        &lt;/div&gt;
</code></pre>

<p><strong>the code behind file is as below:</strong></p>

<p>protected void Page_Load(object sender, EventArgs e)
    {
        GetYear();
        BindEventVideo1();
    }</p>

<pre><code>public void GetYear()
{

    DataSet ds = EventVideo.GetYear();
    if (ds.Tables[0].Rows.Count &gt; 0)
    {
        rpYear.DataSource = ds;
        rpYear.DataBind();
    }
}

protected void rpYear_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
    if (e.Item.ItemType == ListItemType.AlternatingItem || e.Item.ItemType == ListItemType.Item)
    {
        Repeater rpImages = (Repeater)e.Item.FindControl("rpImagedetails");
        Label item = (Label)e.Item.FindControl("lbl");
        string Year = item.Text;
        ViewState["Year"] = Year;
    }
}
public void BindEventVideo1()
{

    DataSet ds = EventVideo.GetyearImages(ViewState["Year"].ToString());
    if (ds.Tables[0].Rows.Count &gt; 0)
    {
        rpImagedetails.DataSource = ds.Tables[0];
        rpImagedetails.DataBind();
    }
}
</code></pre>

<p>I am new to asp.net  so kindly help.</p>

<p>Thanks in advance.</p>

<p><strong>the Html code is</strong></p>

<pre><code>&lt;div class="isotope col-lg-12"&gt;

                        &lt;!--begin portfolio filter --&gt;
                            &lt;ul id="filter" class="option-set clearfix"&gt;
                            &lt;li data-filter="*" class="selected"&gt;&lt;a href="#"&gt;All&lt;/a&gt;&lt;/li&gt;
                            &lt;li data-filter=".2014"&gt;&lt;a href="#"&gt;2014&lt;/a&gt;&lt;/li&gt;
                            &lt;li data-filter=".2012"&gt;&lt;a href="#"&gt;2012&lt;/a&gt;&lt;/li&gt;
                           &lt;!-- &lt;li data-filter=".2011"&gt;&lt;a href="#"&gt;2011&lt;/a&gt;&lt;/li&gt;--&gt;
                            &lt;li data-filter=".2010"&gt;&lt;a href="#"&gt;2010&lt;/a&gt;&lt;/li&gt;
                        &lt;/ul&gt;
                        &lt;!--end portfolio filter --&gt;

                        &lt;!--begin portfolio_list --&gt;
                        &lt;ul id="list" class="portfolio_list clearfix"&gt;
                            &lt;!-- Begin Portfolio item --&gt;

                            &lt;li class="list_item col-lg-4 col-md-4 col-sm-4 2014"&gt;
                                &lt;div class="recent-item"&gt;
                                    &lt;figure&gt;
                                        &lt;div class="touching medium"&gt;
                                            &lt;img src="images/events/2014-1.jpg" alt="" /&gt;
                                            &lt;div class="hovers"&gt;
                                                &lt;a href="images/events/full/2014-1.jpg" class="hover-zoom mfp-image"  style="left:45%;"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/a&gt;
                                                &lt;!--&lt;a href="portfolio_single.html" class="hover-link"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;&lt;/a&gt;--&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;figcaption class="item-description"&gt;
                                            &lt;h5&gt;Elecrama 2014&lt;/h5&gt;
                                            &lt;span&gt;Date : 8th - 12th Jan '2014. &lt;br&gt;
     Stall No: H2A55
&lt;br&gt;
     BIEC,
     Bangalore, India&lt;/span&gt;
                                        &lt;/figcaption&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                            &lt;/li&gt;
                            &lt;!-- End Portfolio item --&gt;
 &lt;!-- Begin Portfolio item --&gt;

                            &lt;li class="list_item col-lg-4 col-md-4 col-sm-4 2014"&gt;
                                &lt;div class="recent-item"&gt;
                                    &lt;figure&gt;
                                        &lt;div class="touching medium"&gt;
                                            &lt;img src="images/events/2014-2.jpg" alt="" /&gt;
                                            &lt;div class="hovers"&gt;
                                                &lt;a href="images/events/full/2014-2.jpg" class="hover-zoom mfp-image"  style="left:45%;"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/a&gt;
                                                &lt;!--&lt;a href="portfolio_single.html" class="hover-link"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;&lt;/a&gt;--&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;figcaption class="item-description"&gt;
                                            &lt;h5&gt;Elecrama 2014&lt;/h5&gt;
                                            &lt;span&gt;Date : 8th - 12th Jan '2014. &lt;br&gt;
     Stall No: H2A55
&lt;br&gt;
     BIEC,
     Bangalore, India&lt;/span&gt;
                                        &lt;/figcaption&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                            &lt;/li&gt;
                            &lt;!-- End Portfolio item --&gt;

                            &lt;!-- Begin Portfolio item --&gt;
                            &lt;!--&lt;li class="list_item col-lg-4 col-md-4 col-sm-4 2012"&gt;
                                &lt;div class="recent-item"&gt;
                                    &lt;figure&gt;
                                        &lt;div class="touching medium"&gt;
                                            &lt;img src="img/portfolio/portfolio_2.png" alt="" /&gt;
                                            &lt;div class="hovers"&gt;
                                                &lt;a href="img/portfolio/full/portfolio_2.png" class="hover-zoom mfp-image" &gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/a&gt;
                                                &lt;a href="portfolio_single.html" class="hover-link"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;&lt;/a&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;figcaption class="item-description"&gt;
                                            &lt;h5&gt;Power &amp; Electricity World Africa 2012&lt;/h5&gt;
                                            &lt;span&gt;Date : 27th - 28th March '2012&lt;br&gt;
Stall No: ZNB-9 IND 10,

Sandton Convention Centre,
Johannesburg, South Africa&lt;/span&gt;
                                        &lt;/figcaption&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                            &lt;/li&gt;--&gt;
                            &lt;!-- End Portfolio item --&gt;

                            &lt;!-- Begin Portfolio item --&gt;
                            &lt;li class="list_item col-lg-4 col-md-4 col-sm-4 2012"&gt;
                                &lt;div class="recent-item"&gt;
                                    &lt;figure&gt;
                                        &lt;div class="touching medium"&gt;
                                            &lt;img src="images/events/2012-1.jpg" alt="" /&gt;
                                            &lt;div class="hovers"&gt;
                                                &lt;a href="images/events/full/2012-1.jpg" class="hover-zoom mfp-image"  style="left:45%;"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/a&gt;
                                                &lt;!--&lt;a href="portfolio_single.html" class="hover-link"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;&lt;/a&gt;--&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;figcaption class="item-description"&gt;
                                            &lt;h5&gt;Elecrama 2012&lt;/h5&gt;
                                            &lt;span&gt;Date : 18th - 22nd Jan'2012&lt;br&gt;
Stall No: H5 E10R70&lt;br&gt;

Bombay Exhibition Centre,
Mumbai, INDIA&lt;/span&gt;
                                        &lt;/figcaption&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                            &lt;/li&gt;
                            &lt;!-- End Portfolio item --&gt;
                             &lt;!-- Begin Portfolio item --&gt;
                            &lt;li class="list_item col-lg-4 col-md-4 col-sm-4 2012"&gt;
                                &lt;div class="recent-item"&gt;
                                    &lt;figure&gt;
                                        &lt;div class="touching medium"&gt;
                                            &lt;img src="images/events/2012-2.jpg" alt="" /&gt;
                                            &lt;div class="hovers"&gt;
                                                &lt;a href="images/events/full/2012-2.jpg" class="hover-zoom mfp-image"  style="left:45%;"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/a&gt;
                                                &lt;!--&lt;a href="portfolio_single.html" class="hover-link"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;&lt;/a&gt;--&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;figcaption class="item-description"&gt;
                                            &lt;h5&gt;Elecrama 2012&lt;/h5&gt;
                                            &lt;span&gt;Date : 18th - 22nd Jan'2012&lt;br&gt;
Stall No: H5 E10R70&lt;br&gt;

Bombay Exhibition Centre,
Mumbai, INDIA&lt;/span&gt;
                                        &lt;/figcaption&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                            &lt;/li&gt;
                            &lt;!-- End Portfolio item --&gt;
                             &lt;!-- Begin Portfolio item --&gt;
                            &lt;li class="list_item col-lg-4 col-md-4 col-sm-4 2012"&gt;
                                &lt;div class="recent-item"&gt;
                                    &lt;figure&gt;
                                        &lt;div class="touching medium"&gt;
                                            &lt;img src="images/events/2012-3.jpg" alt="" /&gt;
                                            &lt;div class="hovers"&gt;
                                                &lt;a href="images/events/full/2012-3.jpg" class="hover-zoom mfp-image"  style="left:45%;"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/a&gt;
                                                &lt;!--&lt;a href="portfolio_single.html" class="hover-link"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;&lt;/a&gt;--&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;figcaption class="item-description"&gt;
                                            &lt;h5&gt;Elecrama 2012&lt;/h5&gt;
                                            &lt;span&gt;Date : 18th - 22nd Jan'2012&lt;br&gt;
Stall No: H5 E10R70&lt;br&gt;

Bombay Exhibition Centre,
Mumbai, INDIA&lt;/span&gt;
                                        &lt;/figcaption&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                            &lt;/li&gt;
                            &lt;!-- End Portfolio item --&gt;



                            &lt;!-- Begin Portfolio item --&gt;
                            &lt;!--&lt;li class="list_item col-lg-4 col-md-4 col-sm-4 2012"&gt;
                                &lt;div class="recent-item"&gt;
                                    &lt;figure&gt;
                                        &lt;div class="touching medium"&gt;
                                            &lt;img src="img/portfolio/portfolio_4.png" alt="" /&gt;
                                            &lt;div class="hovers"&gt;
                                                &lt;a href="img/portfolio/full/portfolio_4.png" class="hover-zoom mfp-image" &gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/a&gt;
                                                &lt;a href="portfolio_single.html" class="hover-link"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;&lt;/a&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;figcaption class="item-description"&gt;
                                            &lt;h5&gt;Middle East Electricity 2012&lt;/h5&gt;
                                            &lt;span&gt;Date : 7th - 9th Feb'2012&lt;br&gt;
     Stall No: ZN 18
     India Pavalion &lt;br&gt;

     International Exhibition Centre,
     Dubai, UAE&lt;/span&gt;
                                        &lt;/figcaption&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                            &lt;/li&gt;--&gt;
                            &lt;!-- End Portfolio item --&gt;

                            &lt;!-- Begin Portfolio item --&gt;
                            &lt;!--&lt;li class="list_item col-lg-4 col-md-4 col-sm-4 2011"&gt;
                                &lt;div class="recent-item"&gt;
                                    &lt;figure&gt;
                                        &lt;div class="touching medium"&gt;
                                            &lt;img src="img/portfolio/portfolio_5.png" alt="" /&gt;
                                            &lt;div class="hovers"&gt;
                                                &lt;a href="img/portfolio/full/portfolio_5.png" class="hover-zoom mfp-image" &gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/a&gt;
                                                &lt;a href="portfolio_single.html" class="hover-link"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;&lt;/a&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;figcaption class="item-description"&gt;
                                            &lt;h5&gt;Middle East Electricity 2011&lt;/h5&gt;
                                            &lt;span&gt;Date : 8th - 10th Feb'2011&lt;br&gt;
     Stall No: ZQ 58, 
     India Pavalion &lt;br&gt;

     International Exhibition Centre,
     Dubai, UAE&lt;/span&gt;
                                        &lt;/figcaption&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                            &lt;/li&gt;--&gt;
                            &lt;!-- End Portfolio item --&gt;

                            &lt;!-- Begin Portfolio item --&gt;
                            &lt;li class="list_item col-lg-4 col-md-4 col-sm-4 2010"&gt;
                                &lt;div class="recent-item"&gt;
                                    &lt;figure&gt;
                                        &lt;div class="touching medium"&gt;
                                            &lt;img src="images/events/2010-1.jpg" alt="" /&gt;
                                            &lt;div class="hovers"&gt;
                                                &lt;a href="images/events/full/2010-1.jpg" class="hover-zoom mfp-image"  style="left:45%;"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/a&gt;
                                                &lt;!--&lt;a href="portfolio_single.html" class="hover-link"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;&lt;/a&gt;--&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;figcaption class="item-description"&gt;
                                            &lt;h5&gt;Elecrama 2010&lt;/h5&gt;
                                            &lt;span&gt;Date : 20th - 24th Jan'2010&lt;br&gt;
Stall No: H1 G50&lt;br&gt;

Bombay Exhibition Centre,
Mumbai, INDIA&lt;/span&gt;
                                        &lt;/figcaption&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                            &lt;/li&gt;
                            &lt;!-- End Portfolio item --&gt;
                             &lt;!-- Begin Portfolio item --&gt;
                            &lt;li class="list_item col-lg-4 col-md-4 col-sm-4 2010"&gt;
                                &lt;div class="recent-item"&gt;
                                    &lt;figure&gt;
                                        &lt;div class="touching medium"&gt;
                                            &lt;img src="images/events/2010-2.jpg" alt="" /&gt;
                                            &lt;div class="hovers"&gt;
                                                &lt;a href="images/events/full/2010-2.jpg" class="hover-zoom mfp-image" style="left:45%;"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/a&gt;
                                               &lt;!-- &lt;a href="portfolio_single.html" class="hover-link alone"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;&lt;/a&gt;--&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;figcaption class="item-description"&gt;
                                            &lt;h5&gt;Elecrama 2010&lt;/h5&gt;
                                            &lt;span&gt;Date : 20th - 24th Jan'2010&lt;br&gt;
Stall No: H1 G50&lt;br&gt;

Bombay Exhibition Centre,
Mumbai, INDIA&lt;/span&gt;
                                        &lt;/figcaption&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                            &lt;/li&gt;
                            &lt;!-- End Portfolio item --&gt;
                             &lt;!-- Begin Portfolio item --&gt;
                            &lt;li class="list_item col-lg-4 col-md-4 col-sm-4 2010"&gt;
                                &lt;div class="recent-item"&gt;
                                    &lt;figure&gt;
                                        &lt;div class="touching medium"&gt;
                                            &lt;img src="images/events/2010-3.jpg" alt="" /&gt;
                                            &lt;div class="hovers"&gt;
                                                &lt;a href="images/events/full/2010-3.jpg" class="hover-zoom mfp-image"  style="left:45%;"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/a&gt;
                                               &lt;!-- &lt;a href="portfolio_single.html" class="hover-link"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;&lt;/a&gt;--&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;figcaption class="item-description"&gt;
                                            &lt;h5&gt;Elecrama 2010&lt;/h5&gt;
                                            &lt;span&gt;Date : 20th - 24th Jan'2010&lt;br&gt;
Stall No: H1 G50&lt;br&gt;

Bombay Exhibition Centre,
Mumbai, INDIA&lt;/span&gt;
                                        &lt;/figcaption&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                            &lt;/li&gt;
                            &lt;!-- End Portfolio item --&gt;



                            &lt;!-- Begin Portfolio item --&gt;
                            &lt;!--&lt;li class="list_item col-lg-4 col-md-4 col-sm-4 responsive"&gt;
                                &lt;div class="recent-item"&gt;
                                    &lt;figure&gt;
                                        &lt;div class="touching medium"&gt;
                                            &lt;img src="img/portfolio/portfolio_7.png" alt="" /&gt;
                                            &lt;div class="hovers"&gt;
                                                &lt;a href="img/portfolio/full/portfolio_7.png" class="hover-zoom mfp-image" &gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/a&gt;
                                                &lt;a href="portfolio_single.html" class="hover-link"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;&lt;/a&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;figcaption class="item-description"&gt;
                                            &lt;h5&gt;consectetur adipisicing&lt;/h5&gt;
                                            &lt;span&gt;Technology&lt;/span&gt;
                                        &lt;/figcaption&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                            &lt;/li&gt;--&gt;

                            &lt;!-- End Portfolio item --&gt;

                            &lt;!-- Begin Portfolio item --&gt;
                            &lt;!--&lt;li class="list_item col-lg-4 col-md-4 col-sm-4 branding"&gt;
                                &lt;div class="recent-item"&gt;
                                    &lt;figure&gt;
                                        &lt;div class="touching medium"&gt;
                                            &lt;img src="img/portfolio/portfolio_8.png" alt="" /&gt;
                                            &lt;div class="hovers"&gt;
                                                &lt;a href="img/portfolio/full/portfolio_8.png" class="hover-zoom mfp-image" &gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/a&gt;
                                                &lt;a href="portfolio_single.html" class="hover-link"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;&lt;/a&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;figcaption class="item-description"&gt;
                                            &lt;h5&gt;ipsum dolor&lt;/h5&gt;
                                            &lt;span&gt;Technology&lt;/span&gt;
                                        &lt;/figcaption&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                            &lt;/li&gt;--&gt;
                            &lt;!-- End Portfolio item --&gt;

                            &lt;!-- Begin Portfolio item --&gt;
                            &lt;!--&lt;li class="list_item col-lg-4 col-md-4 col-sm-4 branding"&gt;
                                &lt;div class="recent-item"&gt;
                                    &lt;figure&gt;
                                        &lt;div class="touching medium"&gt;
                                            &lt;img src="img/portfolio/portfolio_9.png" alt="" /&gt;
                                            &lt;div class="hovers"&gt;
                                                &lt;a href="img/portfolio/full/portfolio_2.png" class="hover-zoom mfp-image" &gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/a&gt;
                                                &lt;a href="portfolio_single.html" class="hover-link"&gt;&lt;i class="fa fa-link"&gt;&lt;/i&gt;&lt;/a&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;figcaption class="item-description"&gt;
                                            &lt;h5&gt;lorem ipsum&lt;/h5&gt;
                                            &lt;span&gt;Technology&lt;/span&gt;
                                        &lt;/figcaption&gt;
                                    &lt;/figure&gt;
                                &lt;/div&gt;
                            &lt;/li&gt;--&gt;

                            &lt;!-- End Portfolio item --&gt;
                        &lt;/ul&gt; &lt;!--end portfolio_list --&gt;
                    &lt;/div&gt;
</code></pre>

<p><strong>Adding the Image from view code</strong>
<a href="http://i.stack.imgur.com/oGvwV.png" rel="nofollow">enter image description here</a></p>