1. Start
  2. Files & Directories
  3. Structure
  4. HTML Structure
  5. CSS Structure
  6. Skins
  7. Contact Us
  8. Shortcode
  9. Credits

Sexy Food - Food & Restaurant Template


Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to use my contact here. Thanks so much!

Files & Directories


Includes bootstrap and fontello files and font-awesome files and you will find 41 files
  1. index.html (The 1 homepage example)
  2. index-2.html (The 2 homepage example)
  3. index-3.html (The 3 homepage example)
  4. index-4.html (The 4 homepage example)
  5. index-5.html (The 5 homepage example)
  6. index-6.html (The 6 homepage example)
  7. index-boxed.html (The homepage boxed example)
  8. index-dark.html (The homepage dark example)
  9. index-blue.html (The homepage blue example)
  10. index-green.html (The homepage green example)
  11. index-orange.html (The homepage orange example)
  12. index-purple.html (The homepage purple example)
  13. index-red.html (The homepage red example)
  14. index-lactic.html (The homepage lactic example)
  15. index-pink.html (The homepage pink example)
  16. index-yellow.html (The homepage yellow example)
  17. index-darkred.html (The homepage darkred example)
  18. index-cyan.html (The homepage cyan example)
  19. menu.html (The menu page)
  20. events.html (The events page)
  21. single-event.html (The single event page)
  22. dishes.html (The dishes page)
  23. single-dishes.html (The single dishes page)
  24. chefs.html (The chefs page)
  25. about.html (The about page)
  26. shortcodes.html (The shortcodes page)
  27. typography.html (The typography page)
  28. services.html (The services page)
  29. pricing.html (The pricing page)
  30. contact_us.html (The contact us page)
  31. blog-1.html (The blog-1 page)
  32. blog-1-left-sidebar.html (The blog 1 left sidebar page)
  33. blog-1-full-width.html (The blog 1 full width page)
  34. blog-2.html (The blog 2 page)
  35. blog-2-left-sidebar.html (The blog 2 left sidebar page)
  36. blog-2-full-width.html (The blog 2 full width page)
  37. single-blog.html (The single blog page)
  38. single-blog-left-sidebar.html (The single blog left sidebar page)
  39. single-blog-full-width.html (The single blog full width.htm page)
  40. style.css (Main style css)
  41. contact_us.php (The php file contact us)

Structure


Sexy Food Template is well commented to easily understand, everypage has
  1. <head> area which contains the meta tags and css files
  2. <body> area which contains the site and divided into
  3. <header> with id "header" and includes menu, logo area
  4. <footer> with id "footer" includes all footer content .

HTML Structure


  1. To set the boxed page add in body tag boxed
  2. To set the dark page add in head tag <link rel="stylesheet" href="css/dark.css">

CSS Structure


  1. style.css this the main style
  2. css/base.css
  3. css/bootstrap.min.css
  4. css/lists.css
  5. css/prettyPhoto.css
  6. css/responsive.css
  7. css/font-awesome/css/font-awesome.min.css
  8. css/fontello/css/fontello.css
  9. css/skins/skins.css
  10. css/skins/blue.css
  11. css/skins/green.css
  12. css/skins/orange.css
  13. css/skins/purple.css
  14. css/skins/red.css
  15. css/skins/lactic.css
  16. css/skins/pink.css
  17. css/skins/yellow.css
  18. css/skins/darkred.css
  19. css/skins/cyan.css
  20. css/dark.css

Skins


<link rel="stylesheet" href="css/skins/skins.css">
replace skins.css to your favourite color
  1. skins ( default )
  2. blue
  3. green
  4. orange
  5. purple
  6. red
  7. lactic
  8. pink
  9. yellow
  10. darkred
  11. cyan

Contact Us


Setup contact form
  1. Open the contact_us.php file
  2. // edit this only :)
    $your_email = "youremail@gmail.com";
    $your_name = "vbegy";

Shortcode


Shortcode

Credits


  1. Bootstrap - Copyright 2013 Twitter
  2. font-awesome - Copyright font awesome
  3. fontello - Copyright fontello
  4. jquery.min.js - jQuery function.
  5. jquery-ui-1.10.3.custom.min.js - jQuery ui function.
  6. jquery.easing.1.3.min.js - jQuery easing function.
  7. html5.js
  8. jquery.bxslider.min.js - jQuery bxslider.
  9. jquery.inview.min.js - jQuery inview.
  10. jquery.prettyPhoto.js - jQuery prettyPhoto.
  11. Revolution - Revolution slider