Assign modules on offcanvas module position to make them visible in the sidebar.

We love to cook

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Our experience

it's our pashion, we love cooking

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas.

Read more
Consectetur Adipisc

Lorem ipsum dolor sit amet,

Aliquam Feugiat

Lorem ipsum dolor sit amet,

Nulla Scelerisque

Lorem ipsum dolor sit amet,

Lorem Ipsum

Lorem ipsum dolor sit amet,

Menu

lorem ipsum dolor
loading...

Visit us

we want to cook for you
Appetizer Pellentesque
Lorem ipsum dolor sit amet, consectetur
$15
Appetizer Lorem
Lorem ipsum dolor sit amet, consectetur
$18
Appetizer Cras
Lorem ipsum dolor sit amet, consectetur
$21
Appetizer Nullam
Lorem ipsum dolor sit amet, consectetur
$14
Appetizer Aenean
Lorem ipsum dolor sit amet, consectetur
$15
Appetizer Donec
Lorem ipsum dolor sit amet, consectetur
$16
Appetizer Curabitur
Lorem ipsum dolor sit amet, consectetur
$18
Appetizer Morbi
Lorem ipsum dolor sit amet, consectetur
$15
Appetizer Vestibulum
Lorem ipsum dolor sit amet, consectetur
$12
Appetizer Aliquam
Lorem ipsum dolor sit amet, consectetur
$17
Appetizer Suspendisse
Lorem ipsum dolor sit amet, consectetur
$19
Appetizer Praesent
Lorem ipsum dolor sit amet, consectetur
$15
Appetizer Integer
Lorem ipsum dolor sit amet, consectetur
$22
Appetizer Vivamus
Lorem ipsum dolor sit amet, consectetur
$25
Appetizer Mauris
Lorem ipsum dolor sit amet, consectetur
$13
Appetizer Phasellus
Lorem ipsum dolor sit amet, consectetur
$15
Appetizer Maecenas
Lorem ipsum dolor sit amet, consectetur
$16
Appetizer Etiam
Lorem ipsum dolor sit amet, consectetur
$19
Appetizer Fermentum
Lorem ipsum dolor sit amet, consectetur
$20
Appetizer Condimentum
Lorem ipsum dolor sit amet, consectetur
$15
Appetizer Gravida
Lorem ipsum dolor sit amet, consectetur
$12

Custom Code :

<div class="jm-pricing row-fluid">
<div class="span4 box">
<div class="row-fluid">
  <div class="span10">
      <div class="title">Appetizer Pellentesque</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$15</div>
  <div class="span10">
      <div class="title">Appetizer Lorem</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$18</div>
  <div class="span10">
      <div class="title">Appetizer Cras</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
    </div>
  <div class="price span2 text-right">$21</div>
  <div class="span10">
      <div class="title">Appetizer Nullam</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$14</div>
  <div class="span10">
      <div class="title">Appetizer Aenean</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$15</div>
  <div class="span10">
      <div class="title">Appetizer Donec</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$16</div>
  <div class="span10">
      <div class="title">Appetizer Curabitur</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$18</div>
</div>
</div>
<div class="span4 box">
<div class="row-fluid">
  <div class="span10">
      <div class="title">Appetizer Morbi</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$15</div>
  <div class="span10">
      <div class="title">Appetizer Vestibulum</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$12</div>
  <div class="span10">
      <div class="title">Appetizer Aliquam</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
    </div>
  <div class="price span2 text-right">$17</div>
  <div class="span10">
      <div class="title">Appetizer Suspendisse</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$19</div>
  <div class="span10">
      <div class="title">Appetizer Praesent</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$15</div>
  <div class="span10">
      <div class="title">Appetizer Integer</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$22</div>
  <div class="span10">
      <div class="title">Appetizer Vivamus</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$25</div>
</div>
</div>
<div class="span4 box">
<div class="row-fluid">
  <div class="span10">
      <div class="title">Appetizer Mauris</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$13</div>
  <div class="span10">
      <div class="title">Appetizer Phasellus</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$15</div>
  <div class="span10">
      <div class="title">Appetizer Maecenas</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
    </div>
  <div class="price span2 text-right">$16</div>
  <div class="span10">
      <div class="title">Appetizer Etiam</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$19</div>
  <div class="span10">
      <div class="title">Appetizer Fermentum</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$20</div>
  <div class="span10">
      <div class="title">Appetizer Condimentum</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$15</div>
  <div class="span10">
      <div class="title">Appetizer Gravida</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$12</div>
</div>
</div>
</div>


You can make your Joomla! website unavailable to visitors until selected date. To enable this option login to Administrator back-end.

1. Click the Extensions → Templates → JM-Template-Name → Basic Settings menu item

2. Find field Coming Soon and click Enable button.

3. Next set date in filed Coming Soon Date.

Click the Save button to implement the new settings.

Title and description you can change in Extensions → Module Manager. Find module Our site is coming soon on position coming-soon. You can also publish different type of module if you like.

Coming Soon page can be easily customised in file - /templates/jm-template-name/tpl/comingsoon.php

Business Theme

JM Services

Culinary Theme

JM Services

Dental Theme

JM Services
Home page - you can disable this part for menu item in Extensions -> Templates -> JM-Template -> Basic Settings -> Disable component.

There are additional module designs available that you can control by entering a correct suffix name as a module parameter.
Let's check them all.

1. Available module designs

Module Suffixes

2. Use the following suffixes for DJ-Mediatools module (Grid layout) if you want to get the following view for slides. Otherwise a module will use the default css styles.

Suffix name: grid-ms

DJ-Mediatools Suffixes

3. Use the following suffixes for DJ-Mediatools module if you want to get the following view. Otherwise a module will use the default css styles.

Suffix name: header-ms and navigation-ms

DJ-Mediatools Suffixes

4. Use the suffix for module to reduce space below module.

Suffix name: margin-ms

5. Additional and very useful suffix to make your modules height the same.
You just have to put a suffix at a module configuration to get the specified module height.
See here the screenshot:

height1

_mod300 means that your module will be of 300 pixels high.

If you need to mix suffixes, remember to put that suffix at the end and add space between suffixes, see the example:

height2

OPENING HOURS
Mon - Thu - 9:00 AM - 6:00 PM
Fri - Sat - 10:00 AM - 8:00 PM
Sun - 10:00 AM - 7:00 PM

HEADQUARTERS
7 Green Lane
Pe1 3ba, Peterborough
Cambridgeshire, UK

GET IN TOUCH
tel.: 07853 789 456
mail: hello@bestfoodbar.com