Fonts Family

Roboto Font
font-family: 'Roboto',sans-serif;

Logo & Icons

High Resolution
198x65
34x34

Icons

Icons are from Flat Icons

flaticon-login
flaticon-roof
flaticon-pin
flaticon-clock
flaticon-mail

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

HyperLinks

a tag #


		    	
		    		<a href="#" class="link-text" rel="external">This is an external link</a>

This is an external link

inline link #


	            
		    		<p>This is <a class="inline-link" href="#">an inline link</a>.</p>

Usage:

This is an inline link.

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>