• CSS Framework for restaurant sites

Getting Started

Download Content Typography Cards Images Navigation Carousel Sidebar Button Accordion Grid Forms Tabs Gallery Tables Menu Grid Media Queries Help classes

Cards

Simple Card with Image

Add the class .card-container to style the cards.

image

Name

Information

HTML Structure

<div class="card-container">
    <img src="../images/page-2_img02.jpg" alt="image" class="img-responsive">
    <h3 > Name</h3 >
    <p> Information</p>
</div>

Pricing Card

Add the class .priceCard-container to style the cards suitable for price display. Each layer is styled uniquely using class.priceTag .priceTitle and .priceContent

$2299
Breakfast
  • Item 1
  • Item 2
  • Item 3
Buy
$2299
Lunch
  • Item 1
  • Item 2
  • Item 3
Buy
$2299
Dinner
  • Item 1
  • Item 2
  • Item 3
Buy

HTML Structure

<div class="priceCard-container text-alignCenter">
      <div class="priceTag">$22<sup>99</sup></div>
      <div class="priceContent">
        <ul class="listStyle noListBullet">
          <li > Item 1</li >
          <li > Item 2</li >
          <li > Item 3</li >
        </ul>
        <a href="#" class="btn btn-primary">Buy</a>
  </div>

Rounded Corner Card

Add the class .card-rounded to style the cards with rounder border and color.

image

San Diego Deli Pizza

ABC-Pizza's traditional pan pizza baked to perfection and topped with freshly sliced pepperoni and salami, lean ground beef and our signature gourmet cheese blend.


More Info