Fonts Family

Fonts

Logo & Icons

Logo & Icon

  • High Resolution
  • 198x65
  • 34x34

Icons

Icons

Icons are from Flat Icons

  • flaticon-roof
  • flaticon-pin
  • flaticon-clock
  • flaticon-mail

Colors

Colors

Primary Colors

    • Red
    • rgb (234,36,41)
    • #ea2429
    • Black
    • rgb(0,0,0)
    • #000
    • Light gray
    • rgb(242, 242, 242)
    • #f2f2f2
    • White
    • rgb(255,255,255)
    • #fff

Secondary Colors

    • Carbon black
    • rgb(30, 30, 42)
    • #1e1e2a
    • CfA Darkgray
    • rgb(28, 28, 28)
    • #1c1c1c

Headings

h1 # <h1 class="banner_title text-black">Sheet Metal Works</h1>
Usage: 

Sheet Metal Works

h1 # <h1>Why Choose Michaels Sheet Metal</h1>
Usage: 

Why Choose Michaels Sheet Metal?

h2 # <h2>Why Choose Michaels Sheet Metal</h2>
Usage: 

Why Choose Michaels Sheet Metal

h3 # <h3>Why Choose Michaels Sheet Metal</h3>
Usage: 

Why Choose Michaels Sheet Metal

h4 # <h4>Why Choose Michaels Sheet Metal</h4>
Usage: 

Why Choose Michaels Sheet Metal

h5 # <h5>Why Choose Michaels Sheet Metal</h5>
Usage: 
Why Choose Michaels Sheet Metal
h6 # <h6>Why Choose Michaels Sheet Metal</h6>
Usage: 
Why Choose Michaels Sheet Metal
Small Heading # <h6>Why Choose Michaels Sheet Metal</h6> <div class="sec-title"> <p>About Our Company</p> </div>
Usage: 

About Our Company

Footer Heading # <div class="footer-widget about-widget"> <div class="widget-title"> <div class="pattern-layer" style="background-image: url(https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/shape/shape-8.png);"></div> <h3 class="text-black">About Us</h3> </div> </div>
Usage: 

Elements

Buttons

Theme Buttons # <button type="submit" class="theme-btn style-one">(310) 596-0776</button> <button type="submit" class="theme-btn style-two">Contact Us <i class="flaticon-login"></i></button> <a href="#" class="theme-btn">Know More<i class="flaticon-login"></i></a> <a href="#" class="theme-btn link">Read More </i></a>
Know More Read More

Lists

list-ordered # <ul class="text-left lst_rf"> <li><i class="flaticon-login"></i> Sand Blast / Paint</li> <li><i class="flaticon-login"></i> Shaping Shearing Water-Jet</li> <li><i class="flaticon-login"></i> Welding</li> <li style="opacity:0;"><i class="flaticon-login"></i> Welding</li> </ul>
Usage: 
  • Sand Blast / Paint
  • Shaping Shearing Water-Jet
  • Welding
  • Welding

Text

blockquote # <blockquote> <p>The failure of the federal levee system during Hurricane Katrina changed the way I think about the world around me. I was 20-years-old, but I understood for the first time that our cities are what we make them.</p> </blockquote>
Usage: 

Connect with our talented technicians today!

paragraph # <p>Michaels Sheet Metal is a highly qualified licensed sheetmetal and raingutter company that is operated with extensive background in custom and general sheetmetal work. Michaels Sheet Metal has been in business for over 30 years, same name, same location, same phone number and same old school sheetmetal craftsmanship.</p>
Usage: 

Michaels Sheet Metal is a highly qualified licensed sheetmetal and raingutter company that is operated with extensive background in custom and general sheetmetal work. Michaels Sheet Metal has been in business for over 30 years, same name, same location, same phone number and same old school sheetmetal craftsmanship.

Media Gallery

Gallery # <div class="row clearfix"> <div class="col-lg-4 col-md-6 col-sm-12 project-block"> <div class="project-block-one"> <div class="inner-box"> <figure class="image-box"><img src="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-1.webp" loading="lazy" alt="" width="368" height="248" ></figure> <div class="lower-content"> <div class="box"> <h3><a href="#">COMMERCIAl</a></h3> </div> <div class="view-btn"> <a href="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-1.webp" class="lightbox-image" data-fancybox="gallery">+</a> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 project-block"> <div class="project-block-one"> <div class="inner-box"> <figure class="image-box"><img src="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-2.webp" loading="lazy" alt="" width="368" height="248" ></figure> <div class="lower-content"> <div class="box"> <h3><a href="#">COPPER</a></h3> </div> <div class="view-btn"> <a href="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-2.webp" class="lightbox-image" data-fancybox="gallery">+</a> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 project-block"> <div class="project-block-one"> <div class="inner-box"> <figure class="image-box"><img src="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-3.webp" loading="lazy" alt="" width="368" height="248" ></figure> <div class="lower-content"> <div class="box"> <h3><a href="#">GALVANIZED STEEL</a></h3> </div> <div class="view-btn"> <a href="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-3.webp" class="lightbox-image" data-fancybox="gallery">+</a> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 project-block"> <div class="project-block-one"> <div class="inner-box"> <figure class="image-box"><img src="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-4.webp" loading="lazy" alt="" width="368" height="248" ></figure> <div class="lower-content"> <div class="box"> <h3><a href="#">ALUMINUM</a></h3> </div> <div class="view-btn"> <a href="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-4.webp" class="lightbox-image" data-fancybox="gallery">+</a> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 project-block"> <div class="project-block-one"> <div class="inner-box"> <figure class="image-box"><img src="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-5.webp" loading="lazy" alt="" width="368" height="248" ></figure> <div class="lower-content"> <div class="box"> <h3><a href="#">STAINLESS STEEL</a></h3> </div> <div class="view-btn"> <a href="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-5.webp" class="lightbox-image" data-fancybox="gallery">+</a> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12 project-block"> <div class="project-block-one"> <div class="inner-box"> <figure class="image-box"><img src="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-6.webp" loading="lazy" alt="" width="368" height="248"></figure> <div class="lower-content"> <div class="box"> <h3><a href="#">STANDING SEAM ROOFS</a></h3> </div> <div class="view-btn"> <a href="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-6.webp" class="lightbox-image" data-fancybox="gallery">+</a> </div> </div> </div> </div> </div> </div>

Examples Of Page layouts

standard landing page layout

layout-semibreve

Content Area

alternative landing page layout

layout-semibreve

Video Section Area

Sidebar Form Area

layout-semibreve

Box-1 Content Area

Box-2 Content Area

Box-3 Content Area