Besoin d'aide pour lier un portfolio à une base de donnée

Bonjour tout le monde, est ce que quelqu'un pourrait m'aiguiller, je suis entrain de refaire mon site à l'aide d'un template que je modifie, sur une page il y a un portfolio sur lequel j'aimerais afficher les news via ma base de données.
Merci d'avance, ci dessous une partie du code du portfolio :

 
<!--Portfolio Thumbnails-->
                    
                    <div class="portfolio-thumbnail">
                    
                    	<div class="megafolio-container noborder">
                            
                            <!--Thumbnail 1 Start-->
                          <div class="mega-entry cat-all cat-four cat-two" id="entry-1" data-src="images/upload/portfolio-thumb1.jpg" data-width="800" data-height="605">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href=".popup1">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup1">
                                	<img src="images/upload/portfolio-thumb1.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single.html'">More Details</button>
                                    </div>
                                </div>
                          </div>
                            <!--Thumbnail End-->
                            
                            <!--Thumbnail 2 Start-->
                            <div class="mega-entry cat-all cat-one cat-three cat-four" id="entry-2" data-src="images/upload/portfolio-thumb2.jpg" data-width="600" data-height="655">
                                
                                <!--Hover Effect Start-->
                                <a class="portfolio-popup" href=".popup2">
                                    <div class="mega-hover alone notitle">
                                    
                                        <!-- Link Button -->
                                        <div class="mega-hoverview"></div>
                                          
                                    </div>
                                </a>
                                <!--Hover Effect End-->
                                
                            </div>
                            
                            <!--Hidden content for Pop-up-->
                            <div class="popup-wrapper">
                                <div class="content-popup popup2">
                                	<img src="images/upload/portfolio-thumb2.jpg" alt="portfolio" />
                                    <div class="popup-text">
                                    	<h2>Lorem Ipsum Dolor</h2>
                                    	<p>Lorem ipsum dolor sit amet consetetur elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
                                        <button onClick="location.href='portfolio-single.html'">More Details</button>
                                    </div>
                                </div>
                            </div>
                            <!--Thumbnail End-->