Baume

Restaurant HTML Template

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here or create a ticket on our support forum. Thanks so much!

About

Baume is a clean and professional site template, perfect for Restaurant, Bakery, any food business and personal chef web site.

HTML Structure

This template is a responsive layout with 12 columns. The general template structure is the same throughout the template. Here is the general structure.


		

			

			

				

					

						...
					

					...

CSS files and structure

We are using 4 css sources in this template.

  1. style.css - Contains all of the specific stylings for the template.
  2. dark.css - Contains all of the specific stylings to change the template color scheme to dark.
  3. animate.css & animsition.min.css - Contains all of the specific stylings for the included animations.
  4. all.min.css - Contains all of the specific stylings for FontAwesome.
  5. bootstrap.min.css - Contains all of the specific stylings for Bootstrap elements (grid,...).
  6. responsive.css - Contains all of the specific responsive stylings.
  7. slick-theme.css and slick.css - Contains all of the specific stylings for Slick.
  8. revolution - Contains all of the specific stylings for Revolution Slider.
  9. flatpickr.min.css - Contains all of the specific stylings for flatpickr.
style.css is separated into sections using: 
			1 - UNIQUE HOMEPAGE 
			2 - RESET CSS
			3 - ABOUT US
			4 - TEAM
			5 - PROCESS SECTION
			6 - LATEST PROJECTS
			7 - TESTIONIAL SECTION
			8 - CONSULTATION HELP
			9 - BLOG POSTS SECTION
If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

Tutorial

Lets start editing the template. Open index.html file and follow the steps below.

Most of the edits are the same for all versions.

Header - Logo
  1. Replace LOGO_TEXT with any text you like.

Navmenu

This is the basic structure.
  1. Replace MENU_ITEM_TITLE with the name of the item.
  2. Replace MENU_ITEM_URL with an external link to the page.
  3. Replace MENU_SOCIAL_ICON_URL with an external link to the page.
  4. Replace MENU_SOCIAL_ICON with FontAwesome icon name.
  5. Apply the same instructions for every menu item. You can add multiple menu items.
  6. You can also add nested elements by following NESTED_MENU example.

Mobile Navmenu

This is the basic structure of Mobile Menu.
  1. Replace MENU_ITEM_TITLE with the name of the item.
  2. Replace MENU_ITEM_URL with an external link to the page.
  3. Apply the same instructions for every menu item. You can add multiple menu items.
  4. You can also add nested elements by following NESTED_MENU example.

Slider Revolution

This is the basic structure of the main slider.
  1. Replace REV_SLIDE_IMAGE with a slide background image URL.
  2. Replace REV_SLIDE_TITLE with a title.
  3. Replace REV_SLIDE_TEXT with a text.
  4. Replace REV_SLIDE_BUTTON_TITLE with a button title.
  5. Replace REV_SLIDE_BUTTON_URL with a store URL.

About


		

			

				

					

						

							
ABOUT_SECTION_TITLE

							ABOUT_SECTION_SUBTITLE
							
ABOUT_SECTION_DESC
  1. Replace ABOUT_SECTION_TITLE with the title of the About section.
  2. Replace ABOUT_SECTION_DESC with the description of the About section.
  3. Replace ABOUT_SECTION_SUBTITLE with the subtitle of the About section.
  4. Replace ABOUT_SECTION_IMAGE with the image URL.

Gallery


		

			

				

					DISCOVER menu
					
Explore Our Gallery  

				

				

					
				

				

					

						
                    	
                        	
                    	
                	

                	...
				

				

					Reservation
  1. Replace GALLERY_SECTION_CAT_NAME with a category name.
  2. Replace GALLERY_SECTION_IMAGE_URL with Image URL (thumbnail).
  3. Replace GALLERY_SECTION_IMAGE_URL_FULL with Image URL (full).

Menu


		

			

				

					DISCOVER menu
					
Our Food Delicatessens 

				

				

					

						

							

								
							

							

								
MENU_ITEM_PRICE

								
MENU_ITEM_IMAGE_URL_TITLE

								
MENU_ITEM_IMAGE_URL_SUBTITLE

							

						

					

					...
  1. Replace MENU_ITEM_IMAGE_URL with the menu Image URL.
  2. Replace MENU_ITEM_TITLE with an item title.
  3. Replace MENU_ITEM_SUBTITLE with an item subtitle.
  4. Replace MENU_ITEM_PRICE with an item price.

Mobile APP


		

			

			

				

					

						

							
MOBILE APP

							
Download App for Order Food Online

							Delivery & takeout from the best local restaurants. Breakfast, lunch, dinner and more.
							
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate .
  1. Replace MOBILEAPP_SECTION_SHOP_URL with iTunes/Google Store URLs.

Testimonials


		

			

			

				

					

						

							
Happy Customers

							We get people talking
						

					

					

						
					

				

				

					

						
TESTIMONIALS_ITEM_TITLE

						
TESTIMONIALS_ITEM_DESC

						
TESTIMONIALS_ITEM_AUTHOR

						TESTIMONIALS_ITEM_PLACE
					

					...
  1. Replace TESTIMONIALS_ITEM_TITLE with testimonials item title.
  2. Replace TESTIMONIALS_ITEM_DESC with testimonials item description.
  3. Replace TESTIMONIALS_ITEM_AUTHOR with testimonials item author.
  4. Replace TESTIMONIALS_ITEM_PLACE with testimonials item place.

Reservation


		

			

				

					BOOK A TABLE
					
Make a Reservation 

					
You can book a table online easily in  just a minute. Reservations are for lunch and dinner, check the availability of your table & book it now!
  1. Replace RESERVATION_SECTION_TIME with times to select from.
  2. Replace RESERVATION_SECTION_PERSONS with an amount of people to book.

Footer Info


		

			

			

				

					

						

							
Our Address

							
FOOTER_INFO_ADDRESS

						

					

					

						

							
Opening Hours

							FOOTER_INFO_HOURS
							FOOTER_INFO_HOURS
						

					

					

						

							
Private Dinning

							Email: FOOTER_INFO_EMAIL
							Phone: FOOTER_INFO_PHONE
  1. Replace FOOTER_INFO_ADDRESS with address.
  2. Replace FOOTER_INFO_HOURS with the working hours.
  3. Replace FOOTER_INFO_EMAIL with email.
  4. Replace FOOTER_INFO_PHONE with phone.

Subscribe


		

			

			

				

					

						

							
SUBSCRIBE_SECTION_TITLE
  1. Replace SUBSCRIBE_SECTION_TITLE with the section title.
  2. Replace SUBSCRIBE_SECTION_BUTTON with Button Text.

Footer

		

			

				

					
FOOTER_COPYRIGHT_TEXT
  1. Replace FOOTER_COPYRIGHT_TEXT with the copyright text.
  2. Replace FOOTER_SOCIAL_URL with Social item URL.

Dark

Please also note that our Template also has Dark version. To get one please go to the template folder and look for .html files with -dark in the name.

Thats it. You are done. Now your website is ready to launch.

How to rate this item

Just click http://themeforest.net/downloads and you will see our template among other purchased items.
Your review helps us to support this product and create more. Thank you!

Credits

This template imports some javascript source below.

jQuery plugins
  1. jQuery
  2. TWEENMAX
  3. WOW
  4. Popper
  5. Isotope
  6. flatpickr
  7. Slider Revolution
Icon fonts
  1. Font Awesome
Fonts
  1. Poppins

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Jellythemes