Foodie Moodie - Restaurant . Cafe . Bar

Created: 14 may 2017

By: Asif Z

Email: [email protected]

Foodie Moodie is an ultimate setup for your food category websites. It is designed in a very flexible way so that you can customize it in any of your food business like restaurants, cafes, bars, chefs, stores etc. etc.

[Layout CSS Customization]

visual layout and totally easy properties defined in elements folder

1. Body

2. Header / .navbar / 7 color styles

3. Slider / #myCarausel, #myCarausel2 / .Sliding1, .testimonials

4. Content / .section / .section1 - .section5 for diffrent patterns

5. Content / .container / .container to .container3 for diffrent width

6. Welcome Content / .section .section1

7. Our Services / .section .section3

8. Reservation Box / .box-reservation

9. Menu / .section .section4

10. Tabs / .menubox - .specialbox

11. Subscribe Newsletter / .subscribe-cover

12. Team / .section .team

13. Grill Fire / .section5

14. Footer / .footer

15. Color scheme comparisons for any element

- default = light scheme

- inverse = dark scheme

- primary = red scheme

- warning = orange scheme

- info = blue scheme

- success = green sheme

- danger = brown scheme

[Features]

This theme can be used for any branch or restaurant in food Category

1. Sliders

2. Tabs

3. Reservations

4. Parallax

5. Sticky Scrolled Header

6. 7 Color Schemes

7. 86 + Animations (on scroll / on load)

[Resources]

1. Static (code)

2. Animated (code)

3. Examples (code)

4. Layered PSD

5. Google free fonts

6. JS folder

7. CSS folder

8. Demo images

Navbar Default
Navbar Inverse
Navbar Primary
Navbar Warning
Navbar Info
Navbar Success
Navbar Danger
Tabs Regular Tabs Default Tabs Inverse Tabs Primary Tabs Warning Tabs Info Tabs Success Tabs Danger
Nav Pills Regular Nav Pills Default Nav Pills Inverse Nav Pills Primary Nav Pills Warning Nav Pills Info Nav Pills Success Nav Pills Danger
Large Buttons
Regular Buttons
Small Buttons
Extra Small Buttons
Large Buttons
Regular Buttons
Small Buttons
Extra Small Buttons
Labels Filled

Default Inverse Primary Warning Info Success Danger

Default Inverse Primary Warning Info Success Danger

Default Inverse Primary Warning Info Success Danger

Default Inverse Primary Warning Info Success Danger

Default Inverse Primary Warning Info Success Danger
Default Inverse Primary Warning Info Success Danger

Default Inverse Primary Warning Info Success Danger

Labels Empty

Default Inverse Primary Warning Info Success Danger

Default Inverse Primary Warning Info Success Danger

Default Inverse Primary Warning Info Success Danger

Default Inverse Primary Warning Info Success Danger

Default Inverse Primary Warning Info Success Danger
Default Inverse Primary Warning Info Success Danger

Default Inverse Primary Warning Info Success Danger

Alert Default Alert Inverse Alert Primary Alert Warning Alert Info Alert Success Alert Danger

Panel title | Default Box

Panel content - Maecenas ut tortor dui. Cras a nisi porttitor, fringilla odio pulvinar, ornare eros. Vivamus vitae enim varius, tempor lacus eu, dapibus nisl.

Panel title | Inverse Box

Panel content - Curabitur ullamcorper magna nulla, luctus ultrices erat mattis tempus. Nam vitae leo ligula. Nam vitae leo ligula. Morbi eget mauris iaculis, viverra justo vitae.

Panel title | Primary Box

Panel content - Morbi eget mauris iaculis, viverra justo vitae, lobortis tellus. Nam vitae leo ligula. Maecenas nisi lorem, aliquet fringilla tortor ut, placerat eleifend augue.

Panel title | Warning Box

Panel content - Nullam egestas tincidunt orci, et lobortis nisl tristique sit amet. Vivamus elementum efficitur lacus, in mattis dui efficitur nec.

Panel title | Info Box

Panel content - Quisque et ultricies lacus, a viverra nulla. Suspendisse sed orci laoreet orci luctus vehicula ut sit amet ligula.

Panel title | Success Box

Panel content - Donec sed vulputate purus. Donec tincidunt, neque lacinia finibus porta, risus felis rhoncus est, quis consectetur quam magna non lorem.

Panel title | Danger Box

Panel content - Pellentesque vitae ex nec est euismod rutrum. Donec in auctor nisl. Cras at enim hendrerit, porttitor turpis at, consectetur est.
40% Complete
20% Complete (Inverse)
60% Complete
40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)
60% Complete
35% Complete (success)
20% Complete (warning)
10% Complete (danger)
Regular Table Style
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Striped Table Style
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Bordered Table Style
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Condensed Table Style
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter