Styleguide


Typography

H1 Heading (.h1)

H2 Heading (.h2)

H3 Heading (.h3)

H4 Heading (.h4)

H5 Heading (.h5)

H6 Heading (.h6)

  • Unordered List Item 1
  • Unordered List Item 2
    1. Ordered List Sub Item 1
    2. Ordered List Sub Item 2
    3. Ordered List Sub Item 3
  • Unordered List Item 3
    • Unordered List Sub Item 1
    • Unordered List Sub Item 2
    • Unordered List Sub Item 3
  • Unordered List Item 4
  1. Ordered List Item 1
  2. Ordered List Item 2
    • Unordered List Sub Item 1
    • Unordered List Sub Item 2
    • Unordered List Sub Item 3
  3. Ordered List Item 3
    1. Ordered List Sub Item 1
    2. Ordered List Sub Item 2
    3. Ordered List Sub Item 3
  4. Ordered List Item 4

.leading-none

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu nibh vel lacus accumsan dapibus. Fusce sit amet malesuada turpis, vel facilisis eros. Donec venenatis vestibulum massa, in bibendum est cursus sed. Nunc vel ultrices turpis. Sed risus enim, convallis vitae nulla elementum, vehicula consequat augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin congue laoreet tellus quis mollis. Morbi eget turpis est. Fusce gravida at tortor ut pulvinar. Sed efficitur sem eget lacus vulputate, at blandit quam aliquam.

.leading-tighter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu nibh vel lacus accumsan dapibus. Fusce sit amet malesuada turpis, vel facilisis eros. Donec venenatis vestibulum massa, in bibendum est cursus sed. Nunc vel ultrices turpis. Sed risus enim, convallis vitae nulla elementum, vehicula consequat augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin congue laoreet tellus quis mollis. Morbi eget turpis est. Fusce gravida at tortor ut pulvinar. Sed efficitur sem eget lacus vulputate, at blandit quam aliquam.

.leading-tight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu nibh vel lacus accumsan dapibus. Fusce sit amet malesuada turpis, vel facilisis eros. Donec venenatis vestibulum massa, in bibendum est cursus sed. Nunc vel ultrices turpis. Sed risus enim, convallis vitae nulla elementum, vehicula consequat augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin congue laoreet tellus quis mollis. Morbi eget turpis est. Fusce gravida at tortor ut pulvinar. Sed efficitur sem eget lacus vulputate, at blandit quam aliquam.

.leading-normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu nibh vel lacus accumsan dapibus. Fusce sit amet malesuada turpis, vel facilisis eros. Donec venenatis vestibulum massa, in bibendum est cursus sed. Nunc vel ultrices turpis. Sed risus enim, convallis vitae nulla elementum, vehicula consequat augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin congue laoreet tellus quis mollis. Morbi eget turpis est. Fusce gravida at tortor ut pulvinar. Sed efficitur sem eget lacus vulputate, at blandit quam aliquam.

.leading-loose

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu nibh vel lacus accumsan dapibus. Fusce sit amet malesuada turpis, vel facilisis eros. Donec venenatis vestibulum massa, in bibendum est cursus sed. Nunc vel ultrices turpis. Sed risus enim, convallis vitae nulla elementum, vehicula consequat augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin congue laoreet tellus quis mollis. Morbi eget turpis est. Fusce gravida at tortor ut pulvinar. Sed efficitur sem eget lacus vulputate, at blandit quam aliquam.

In eget ligula id ex semper consectetur. Proin pulvinar placerat varius. Nunc vel elementum risus. Praesent efficitur maximus ultricies. Quisque lobortis dui ultricies orci aliquet scelerisque. Vivamus sit amet nisi laoreet erat finibus commodo. Duis vitae sapien tincidunt nulla sollicitudin sollicitudin vel fringilla eros. Nullam viverra eros at nisl volutpat, quis rhoncus neque auctor.

This is an example of a blockquote element. It automatically enlarges text, adds padding, and wraps text with quotation marks as :before and :after pseudo-elements.
Proin turpis tellus, vehicula nec ornare sed, accumsan in lacus. Phasellus aliquet, metus non pulvinar porta, nisl lacus sagittis nulla, a pharetra arcu lectus eu nunc. Curabitur imperdiet viverra ultrices. Curabitur augue odio, dignissim non felis sed, faucibus suscipit nisi. Curabitur ullamcorper, enim sed auctor accumsan, ipsum mauris egestas risus, sed tincidunt purus lorem et tortor.

Link Text (.link)
Strong Text (.font-bold)
Italic Text (.italic)

Text xs is exactly this size.

Text sm is exactly this size.

Text base is exactly this size.

Text lg is exactly this size.

Text xl is exactly this size.

Text 2xl is exactly this size.

Text 3xl is exactly this size.

Text 4xl is exactly this size.

Text 5xl is exactly this size.


Buttons

  • All buttons are based off the tailwind.js variables colors.link-color and colors.link-interact.
span.btn a.btn a.btn with a longer amount
of text than normal

Colors

Theme 1 / Red #aa0000
Teal #01495b
Orange #db4f18
White #FFFFFF
Grey #B8C2CC
Black #22292F

Gravity Forms

  • Shows labels and sub-labels by default
  • Add class "hide-labels" in form settings to hide ALL labels.
  • Add class "hide-sub-labels" to hide ONLY sub-labels.

Example:

Contact


Register Your Grill

  • Please Include business name, city and state.

Our Grill. Your Pride.

Share your pride with us on Instragram @makgrills

Instagram Button
  • Meet the Pellet Boss®️. The #PelletBoss is a standard feature on all of our grills, and is an exclusive you will only find on a #MAKGrill. Our digital control system is fed information from the thermocouple inside the grill to manage both fuel and fan speeds. The result is extremely accurate temperature control. #makgrills #madeinamerica #veteranowned #pelletgrill #bbqsmoker #temperaturecontrol #innovation #greengrilling #instafood
  • Did you know? #MAKGrills use a renewable bio-mass fuel made from recycled hardwood sawdust. The sawdust is formed into clean burning wood pellets. This reduces landfill waste, turning a waste by-product into a usable fuel product. #greengrilling #makgrills #madeinamerica #veteranowned #pelletgrill #woodpelletgrill #renewableenergy #recycle
  • Are tail wagging Wednesday’s a thing? Maybe we’ll start it up. Everyone, meet Titus. He’s the real boss at #MAKGrills. #makgrills #madeinamerica #veteranowned #pelletgrill #grilling #bbqsmoker #dogsofinstagram #instadog
  • What’s your go-to #sidedish for a delicious wood pellet grilled chicken sandwich? We can’t get enough of our grilled veggies. #makgrills #veteranowned #madeinamerica #pelletgrill #grillporn #bbqsmoker #chicken #veggies  #meat #meateater #instafoodie

Content 50/50 Header Line 1
Content 50/50 Header Line 2

50/50 Content

Content 50/50 Button

Content Feature Header Line 1
Content Feature Header Line 2

Feature Content

Content Centered

Centered Content

Content Centered Link

MAK GRILLS RECIPE BOOK

Chicken Recipes

Chicken Recipe content area text.

View All Recipes

Beef Recipes

Beef recipe category content area with content.

View All Recipes
Drop it while it’s (still) hot.

Want to add your culinary perfection to our ever-expanding catalog of pellet-powered masterpieces? Submit your recipe here, and if we choose your creation to our book you’ll recieve 20% off any single accessory we offer.*

MAK GRILLS video vault

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam voluptatem tempus maximus fugit por favor enrique.