In the dina-html folder you have 3 homepage variations( index.html, homepage-2.html and homepage-3.html). To change the main homepage, just rename homepage-2.html or homepage-3.html to index.html.

To add your own images to the home slider, edit js/init.js file line 17: slides: [{src:'images/slider/slider-1.jpg'},{src:'images/slider/slider-2.jpg'},{src:'images/slider/slider-3.jpg'},]

To change the slider text, edit index.html file, line 120:

<div class="home-slider">
<div class="intro-text container">

<h1>Welcome</h1>
     <p>Discover and experience fine selection of international tastes</p>
     <a href="reservation.html" class="view-more more-white">Book a Table</a>     
</div> 
</div>

The homepage is formed by different section. When you edit the index.html locate a section that is between the following comments:

<!-- SECTION 1 -->

Section code goes here  
	
<!-- END SECTION 1 -->  

Add a parallax section, by including the parallax class to the section and the image you wanted via the background-image property:

<section class="home-widget parallax"  style="background-image:url('yourImageURLHere');" >

You can choose from 5 different menu page templates: menu-1-col, menu-2-cols, menu-3-cols, menu-accordion and menu-grid-image.

For example if you want to add a new menu category with 2 new items, for the menu-2-cols template, after line 478 add the following code:

<!-- NEW CATEGORY -->
    
  <div class="categ-name"> <h2>New Category</h2>  </div>
    
    <div class="menu-holder menu-2col">
   
<div class="menu-post clearfix ">


<div class="menu-post-img"><a href="images/menu/summer-berry.jpg" class="lightbox" rel="prettyPhoto" title="Summer Berry and Coconut Tart"><img width="400" height="400" src="images/menu/summer-berry.jpg" class="" alt="" title="" /> </a> </div>

<div class="menu-post-desc">

<h4><span class="menu-title">Summer Berry and Coconut Tart</span> <span class="menu-dots"></span><span class="menu-price">$12.00</span></h4>

<div class="menu-text"> Raspberries, blackberries, blueberries, graham cracker crumbs </div>

</div>

</div>
      
<div class="menu-post clearfix  last ">

<div class="menu-post-img"><a href="images/menu/pumpkin-cookies.jpg" class="lightbox" rel="prettyPhoto" title="Pumpkin Cookies Cream Cheese"><img width="400" height="400" src="images/menu/pumpkin-cookies.jpg" class="" alt="" title="" /> </a> </div>

<div class="menu-post-desc">

<h4><span class="menu-title">Pumpkin Cookies Cream Cheese</span> <span class="menu-dots"></span><span class="menu-price">$10.00</span></h4>

<div class="menu-text"> Pumpkin, sugar, butter, eggs </div>

</div>

</div>

</div><!--menu-2-col-->

<!-- END NEW CATEGORY -->

In order to receive emails via the contact and reservation pages, you'll have to edit the include/contact-process.php and include/reservation-process.php files and change the $recipient variable value with your own email address.

You can choose from 4 different gallery page templates: gallery-3-cols, gallery-4-cols, gallery-full-screen-3-colsand gallery-full-screen-4-cols.

For example if you want to add a new gallery item for the gallery-3-cols template, before the end gallery div tag holder, line 411, add the following code:

 <div class="menu-post gallery-post">
 
 <a href="images/gallery/gallery-1.jpg" class="lightbox" rel="prettyPhoto[gallery]" title="Morning Breakfast">

<div class="item-content-bkg gallery-bkg">

<div class="gallery-img" style="background-image:url('images/gallery/gallery-1.jpg');"></div>

<div class="menu-post-desc">

<h4>Morning Breakfast</h4>
<div class="gallery-mglass"><i class="fa fa-search"></i></div>
</div>

</div>

</a>

</div>

You can choose from 3 different team page templates: team (4 cols ), team-2-cols, team-3-cols.

For example if you want to add a new team item for the team.htmltemplate, before the end team-holder div tag, line 255, add the following code:

 
 <div class="row">
 <div class="col-md-3">

 <div class="team-post">
 
 <div class="team-img">
 
 <img width="350" height="550" src="images/team/team-4.jpg" class="attachment-full size-full wp-post-image" alt="" title="" /> 
 </div>
 
<div class="team-content">
<h4>John Smith</h4>
<p class="team-position">Manager</p>

<ul class="team-details">
<li><span>Phone:</span> 000 &#8211; 111 &#8211; 2222</li>
<li><span>Email:</span> john@dina.com</li>
</ul>
<p>Short text description here. Maecenas ornare varius mauris eu commodo. Aenean nibh risus, rhoncus eget consectetur ac.</p>
</div>


</div>

</div><!--end col-md-3-->  

 </div><!--end row-->