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 lazy" style="" data-bg="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 class="lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20368%20248'%3E%3C/svg%3E" data-src="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-1.webp" 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 class="lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20368%20248'%3E%3C/svg%3E" data-src="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-2.webp" 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 class="lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20368%20248'%3E%3C/svg%3E" data-src="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-3.webp" 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 class="lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20368%20248'%3E%3C/svg%3E" data-src="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-4.webp" 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 class="lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20368%20248'%3E%3C/svg%3E" data-src="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-5.webp" 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 class="lazy" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20368%20248'%3E%3C/svg%3E" data-src="https://www.michaelssheetmetal.com/wp-content/themes/michaelssheetmetal/assets/images/gallery/img-6.webp" 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

CAPTCHA #
			
			  Captcha Shortcode Generated Automatically.
			
			
Usage: 
body text formatting # <div class="content-box"> <div class="sec-title"> <h6><i class="flaticon-roof"></i>About Our Company</h6> <h2>Michaels Sheet Metal <br /><span>Sheet Metal and Raingutter Company</span></h2> </div> <div class="text"> <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. Michael's Sheetmetal has been in business for over 30 years, same name, same location, same phone number and same old school sheetmetal craftsmanship.</p> <p>Michaels Sheet Metal serves customers as a trusted knowledge contractor providing them with a wide variety of raingutters and material types to fill their needs.</p> </div> </div>
About Our Company

Michaels Sheet Metal
Sheet Metal and Raingutter Company

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

Michaels Sheet Metal serves customers as a trusted knowledge contractor providing them with a wide variety of raingutters and material types to fill their needs.

Contact Form

Form Fields # <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 content-column"> <div id="content_block_seven"> <div class="content-box"> <form method="post" action="#" id="contact-form" class="default-form" novalidate="novalidate"> <div class="row"> <div class="form-group col-md-6"> <label>First Name<span style="color:red;">*</span></label> <input type="text" name="username" required="" aria-required="true"> </div> <div class="form-group col-md-6"> <label>Last Name<span style="color:red;">*</span></label> <input type="text" name="username" required="" aria-required="true"> </div> <div class="form-group col-md-6"> <label>Email<span style="color:red;">*</span></label> <input type="email" name="email" required="" aria-required="true"> </div> <div class="form-group col-md-6"> <label>Phone<span style="color:red;">*</span></label> <input type="text" name="subject"> </div> <div class="form-group col-md-12 msg_box"> <label>Message</label> <textarea name="message"></textarea> </div> <div class="form-group message-btn col-md-12"> <button class="theme-btn style-one" type="submit" name="submit-form">Submit<i class="flaticon-login"></i></button> </div> </div> </form> </div> </div> </div> </div> </div>