g&g Air Conditioning Inc. Style Guide

Fonts

Logo & Favicon


<a href="/wp-content/themes/airtech/assets/images/larger-logo-.png" download=""><img src="/wp-content/themes/airtech/assets/images/Main_high.svg" width="300px"></a>
<a href="/wp-content/themes/airtech/assets/images/larger-favicon.png" download=""><img src="/wp-content/themes/airtech/assets/images/g&amp;g-fav-ic.png"> </a>
					
Usage: 
  • 300x70
  • 100X101

Icons

We use fonts from Font Awesome and Flaticon.

Colors

Primary Colors

    • Dark orange
    • rgb (135, 78, 4)
    • #874e04
    • Navy blue
    • rgb(5, 29, 62)
    • #051d3e
    • charcoal
    • rgb(10,10,10)
    • #0A0A0A

Secondary Colors

    • woss White
    • rgb(249, 245, 242)
    • #f9f5f2
    • Bronze
    • rgb(158,98,21)
    • #9e6215
    • Black
    • rgb(0,0,0)
    • #000
    • dark blue
    • rgb(9,18,34)
    • #091222
    • classic Gray
    • rgb(243,241,237)
    • #f3f1ed

Headings

h1 <h1>Commercial HVAC Los Angeles Area </h1>
Usage: 

Commercial HVAC Los Angeles Area

h2 <h2>Commercial HVAC Los Angeles Area </h2>
Usage: 

Commercial HVAC Los Angeles Area

h3 <h3>Commercial HVAC Los Angeles Area </h3>
Usage: 

Commercial HVAC Los Angeles Area

h4 <h4>Commercial HVAC Los Angeles Area </h4>
Usage: 

Commercial HVAC Los Angeles Area

h5 <h5>Commercial HVAC Los Angeles Area </h5>
Usage: 
Commercial HVAC Los Angeles Area
h6 <h6>Commercial HVAC Los Angeles Area </h6>
Usage: 
Commercial HVAC Los Angeles Area

Buttons


<!-- Small -->							
<a href="tel:3232233811" class="call_btn btn-style elementor-button-link elementor-button elementor-size-sm mr-4 ml-0" role="button" style="padding: 16px 25px;margin-left: 25px;">Call Now</a>
<!-- Small -->	

<!-- Medium -->	
<a href="#" class="elementor-button-link elementor-button elementor-size-sm btn-style mr-4" role="button">
<span class="elementor-button-content-wrapper">
	<span class="elementor-button-text">Book Now</span>
</span>
</a>
<!-- Medium -->	

<!-- Large -->	
<input class="wpcf7-form-control has-spinner wpcf7-submit btn submit_btn" type="submit" value="Submit Now" style="width: 250px;height: 48px;">
<!-- Large -->	
							
Usage: 
Call Now

Small

Book Now

Medium

Large

Text

List <ul> <li>We are committed to providing excellent customer service. Our team of experienced technicians is available 24/7 to answer your questions and troubleshoot any problems with your commercial air conditioning system. We offer a variety of service plans to meet your needs, and we are always happy to work with you to find a solution that fits your budget.</li> <li>We understand that your commercial air conditioning system is essential to your business, and we take pride in our ability to keep your system running smoothly. We offer a wide range of commercial air conditioning services, including: Installation, Repair, Maintenance, Upgrades and 24/7 emergency services.</li> <li>Our company is committed to providing our customers with the best possible customer service. We believe that customer satisfaction is essential to our success, and we are always looking for ways to improve our service. If you have any questions or concerns, please do not hesitate to contact us. We would be happy to help you. Contact us today to learn more about our services or to schedule an appointment.</li> </ul>
Usage: 
  • We are committed to providing excellent customer service. Our team of experienced technicians is available 24/7 to answer your questions and troubleshoot any problems with your commercial air conditioning system. We offer a variety of service plans to meet your needs, and we are always happy to work with you to find a solution that fits your budget.

  • We understand that your commercial air conditioning system is essential to your business, and we take pride in our ability to keep your system running smoothly. We offer a wide range of commercial air conditioning services, including: Installation, Repair, Maintenance, Upgrades and 24/7 emergency services.

  • Our company is committed to providing our customers with the best possible customer service. We believe that customer satisfaction is essential to our success, and we are always looking for ways to improve our service. If you have any questions or concerns, please do not hesitate to contact us. We would be happy to help you. Contact us today to learn more about our services or to schedule an appointment.
Paragraph <p><span class="uc_style_homefairprice_elementor_block2description" style="color:#0A0A0A;">We are a highly experienced and reputable HVAC contractor serving the Los Angeles and Southern California area since 1946. We provide complete design build service including engineering, design, installation and service or highly competitive bids on plan and spec work. We manufacture our own ductwork on site in our automated shop, and have a highly trained union workforce of technicians that can be utilized for any situation or project. We will build or modify any system for you and will do so to your utmost satisfaction. Our goal is to give you, the customer, the best possible service available for any size project or task. Every project, large or small is assigned to a project manager responsible for an “on time” and “on budget” completion.</span></p>
Usage: 

We are a highly experienced and reputable HVAC contractor serving the Los Angeles and Southern California area since 1946. We provide complete design build service including engineering, design, installation and service or highly competitive bids on plan and spec work. We manufacture our own ductwork on site in our automated shop, and have a highly trained union workforce of technicians that can be utilized for any situation or project. We will build or modify any system for you and will do so to your utmost satisfaction. Our goal is to give you, the customer, the best possible service available for any size project or task. Every project, large or small is assigned to a project manager responsible for an “on time” and “on budget” completion.

Page Layouts

Contact Page

<div data-elementor-type="wp-post" data-elementor-id="231" class="elementor elementor-231">
	<section class="elementor-section elementor-top-section elementor-element elementor-element-84c1dd9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" style="padding: 100px 0px 100px 0px !important;" data-id="84c1dd9" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
	  <div class="elementor-background-overlay"></div>
	  <div class="elementor-container elementor-column-gap-no">
		 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c422c89" data-id="c422c89" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
			   <div class="elementor-element elementor-element-9572fba elementor-widget elementor-widget-ucaddon_homecontact" data-id="9572fba" data-element_type="widget" data-widget_type="ucaddon_homecontact.default">
				  <div class="elementor-widget-container">
					 <!-- start Home Contact -->
					 <section class="contact_details_area">
						<div class="container">
						   <div class="row">
							  <div class="col-lg-2 d-flex">
								 <div class="c_details_inner">
									<div class="main_title">
									   <h2 style="font-size: 32px;"><span class="uc_style_homecontact_elementor_title">Get In Touch</span></h2>
									   <p></p>
									</div>
									<div class="contact_details_text">
									   <div class="media">
										  <div class="d-flex">
											 <img decoding="async" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/map-pin-c.svg" alt="">
										  </div>
										  <div class="media-body">
											 <h4>Address</h4>
											 <p class="mt-0">g<span class="big-title" style="letter-spacing: -1px;font-size: 12px;"> &amp; </span>g Air Conditioning, Inc.<br> 311 West Avenue 33, <br> Los Angeles,  CA 90031</p>
										  </div>
									   </div>
									   <div class="media">
										  <div class="d-flex">
											 <img decoding="async" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/phone-c.svg" alt="">
										  </div>
										  <div class="media-body">
											 <h4>Phone    </h4>
											 <a href="tel:3232233811">(323) 223-3811</a>
										  </div>
									   </div>
									   <div class="media">
										  <div class="d-flex">
											 <img decoding="async" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/email-c.svg" alt="">
										  </div>
										  <div class="media-body">
											 <h4>Email </h4>
											 <a href="mailto:webmaster@ggair.com">webmaster@ggair.com</a>
										  </div>
									   </div>
									   <div class="media">
										  <div class="d-flex">
											 <img decoding="async" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/fax-c.svg" alt="">
										  </div>
										  <div class="media-body">
											 <h4>Fax</h4>
											 <a href="fax:3232238624">(323) 223-8624</a>
										  </div>
									   </div>
									</div>
								 </div>
							  </div>
							  <div class="col-lg-10">
								 <div class="contact_form_area">
									<h3><span class="uc_style_homecontact_elementor_formtitle">Drop Us A Message</span></h3>
									<div class="wpcf7 js" id="wpcf7-f465-p231-o1" dir="ltr" lang="en-US">
									   <div class="screen-reader-response">
										  <p role="status" aria-live="polite" aria-atomic="true"></p>
										  <ul></ul>
									   </div>
									   <form action="/contact-us/#wpcf7-f465-p231-o1" method="post" class="wpcf7-form init demo" aria-label="Contact form" novalidate="novalidate" data-status="init">
										  <div style="display: none;">
											 <input type="hidden" name="_wpcf7" value="465">
											 <input type="hidden" name="_wpcf7_version" value="5.7.7">
											 <input type="hidden" name="_wpcf7_locale" value="en_US">
											 <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f465-p231-o1">
											 <input type="hidden" name="_wpcf7_container_post" value="231">
											 <input type="hidden" name="_wpcf7_posted_data_hash" value="">
										  </div>
										  <div class="form-row contact_us_form">
											 <div class="form-group col-lg-12">
												<p><span class="wpcf7-form-control-wrap" data-name="form-name"><input size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Your Name" value="" type="text" name="form-name"></span><span class="red_star" style="position: absolute;color: #f00;top: 14px;line-height: 1;left: 115px;font-size: 13px;">*</span>
												</p>
											 </div>
											 <div class="form-group col-lg-12">
												<p><span class="wpcf7-form-control-wrap" data-name="form-email"><input size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form-control" aria-required="true" aria-invalid="false" placeholder="Your Email" value="" type="email" name="form-email"></span><span class="red_star" style="position: absolute;color: #f00;top: 12px;line-height: 1;left: 105px;font-size: 13px;">*</span>
												</p>
											 </div>
											 <div class="form-group col-lg-12">
												<p><span class="wpcf7-form-control-wrap" data-name="form-message"><textarea cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea form-control" aria-invalid="false" placeholder="Message" name="form-message"></textarea></span>
												</p>
											 </div>
											 <div class="form-group col-lg-12">
												<p><span class="wpcf7-form-control-wrap" data-name="hcap-cf7"><span id="hcap_cf7-64904625eeec55.29102543" class="wpcf7-form-control h-captcha" data-sitekey="786742f2-fad2-4fde-884e-3533c554195a" data-theme="light" data-size="normal"><iframe src="https://newassets.hcaptcha.com/captcha/v1/672044a/static/hcaptcha.html#frame=checkbox&amp;id=0j9fwlmrh52&amp;host=ggair.thinkbluedesign.com&amp;sentry=true&amp;reportapi=https%3A%2F%2Faccounts.hcaptcha.com&amp;recaptchacompat=true&amp;custom=false&amp;hl=en&amp;tplinks=on&amp;sitekey=786742f2-fad2-4fde-884e-3533c554195a&amp;theme=light&amp;size=normal&amp;origin=http%3A%2F%2Fggair.thinkbluedesign.com" tabindex="0" scrolling="no" title="Widget containing checkbox for hCaptcha security challenge" data-hcaptcha-widget-id="0j9fwlmrh52" data-hcaptcha-response="" style="width: 303px; height: 78px; overflow: hidden;" frameborder="0"></iframe><textarea id="g-recaptcha-response-0j9fwlmrh52" name="g-recaptcha-response" style="display: none;"></textarea><textarea id="h-captcha-response-0j9fwlmrh52" name="h-captcha-response" style="display: none;"></textarea></span></span><input type="hidden" id="_wpnonce" name="_wpnonce" value="c82121c852"><input type="hidden" name="_wp_http_referer" value="/contact-us/"><input class="wpcf7-form-control has-spinner wpcf7-submit btn submit_btn" type="submit" value="Submit Now">
												</p>
											 </div>
										  </div>
										  <div class="wpcf7-response-output" aria-hidden="true"></div>
									   </form>
									</div>
								 </div>
							  </div>
						   </div>
						</div>
					 </section>
					 <!-- end Home Contact -->		
				  </div>
			   </div>
			</div>
		 </div>
	  </div>
	</section>
	<section class="elementor-section elementor-top-section elementor-element elementor-element-a591de4 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="a591de4" data-element_type="section">
	  <div class="elementor-container elementor-column-gap-no">
		 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-115de48" data-id="115de48" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
			   <div class="elementor-element elementor-element-b283840 elementor-widget elementor-widget-google_maps" data-id="b283840" data-element_type="widget" data-widget_type="google_maps.default">
				  <div class="elementor-widget-container">
					 <style>/*! elementor - v3.13.3 - 22-05-2023 */
						.elementor-widget-google_maps .elementor-widget-container{overflow:hidden}.elementor-widget-google_maps .elementor-custom-embed{line-height:0}.elementor-widget-google_maps iframe{height:300px}
					 </style>
					 <div class="elementor-custom-embed">
						<iframe loading="lazy" src="https://maps.google.com/maps?q=311%20W%20Avenue%2033%2C%20Los%20Angeles%2C%20CA%2090031%2C%20United%20States&amp;t=m&amp;z=18&amp;output=embed&amp;iwloc=near" title="311 W Avenue 33, Los Angeles, CA 90031, United States" aria-label="311 W Avenue 33, Los Angeles, CA 90031, United States"></iframe>
					 </div>
				  </div>
			   </div>
			</div>
		 </div>
	  </div>
	</section>
</div>	
						
Usage: 

Get In Touch

Address

g & g Air Conditioning, Inc.
311 West Avenue 33,
Los Angeles, CA 90031

Drop Us A Message

    *

    *

    Gallery Page
    
    <div data-elementor-type="wp-page" data-elementor-id="230" class="elementor elementor-230">
    	<section class="elementor-section elementor-top-section elementor-element elementor-element-34fc96c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="34fc96c" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
    	  <div class="elementor-container elementor-column-gap-default">
    		 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-61d3a28" data-id="61d3a28" data-element_type="column">
    			<div class="elementor-widget-wrap elementor-element-populated">
    			   <div class="elementor-element elementor-element-8d6393b elementor-true elementor-true elementor-widget elementor-widget-bolvo-add-content" data-id="8d6393b" data-element_type="widget" data-widget_type="bolvo-add-content.default">
    				  <div class="elementor-widget-container">
    					 <div class="tt-post-wrapper ">
    						<section class="gallery_area blue_gallery  p_100">
    						   <div class="container">
    							  <div class="d-flex justify-content-between">
    								 <div class="single_title">
    									<h2></h2>
    								 </div>
    								 <div class="g_fillter">
    									<ul class="isotopebutton-group filters-button-group nav">
    									   <li class="isotopebutton is-checked" data-filter="*">All</li>
    									   <li class="isotopebutton" data-filter=".commercial-hvac">Commercial HVAC</li>
    									   <li class="isotopebutton" data-filter=".commercial-services">Commercial Services</li>
    									   <li class="isotopebutton" data-filter=".commercial-maintenance">Commercial Maintenance</li>
    									   <li class="isotopebutton" data-filter=".digital-controls">Digital Controls</li>
    									   <li class="isotopebutton" data-filter=".indoor-air-quality">Indoor Air Quality</li>
    									</ul>
    								 </div>
    							  </div>
    							  <div class="gallery_inner imageGallery1 isotopgrid" style="position: relative; height: 2574px;">
    								 <div class="gallery_item element-item  indoor-air-quality " data-category=" indoor-air-quality" style="position: absolute; left: 0px; top: 0px;">
    									<a class="light" href="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/indoor-air-conditioning-3.jpg" title="Indoor Air conditioning 3">
    									   <img loading="lazy" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/indoor-air-conditioning-3.jpg" class="img-fluid wp-post-image" alt="" decoding="async" title="Feature image" srcset="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/indoor-air-conditioning-3.jpg 370w, http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/indoor-air-conditioning-3-194x300.jpg 194w" sizes="(max-width: 370px) 100vw, 370px" width="370" height="572">							<i class="icon icon-Search"></i>
    									   <h4 class="title">Indoor Air conditioning 3</h4>
    									</a>
    								 </div>
    								 <div class="gallery_item element-item  indoor-air-quality " data-category=" indoor-air-quality" style="position: absolute; left: 370px; top: 0px;">
    									<a class="light" href="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/indoor-air-conditioning-2.jpg" title="Indoor Air conditioning 2">
    									   <img src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/indoor-air-conditioning-2.jpg" class="img-fluid wp-post-image" alt="" decoding="async" loading="lazy" title="Feature image" srcset="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/indoor-air-conditioning-2.jpg 370w, http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/indoor-air-conditioning-2-194x300.jpg 194w" sizes="(max-width: 370px) 100vw, 370px" width="370" height="572">							<i class="icon icon-Search"></i>
    									   <h4 class="title">Indoor Air conditioning 2</h4>
    									</a>
    								 </div>
    								 <div class="gallery_item element-item  indoor-air-quality " data-category=" indoor-air-quality" style="position: absolute; left: 740px; top: 0px;">
    									<a class="light" href="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/indoor-air-conditioning-1.jpg" title="Indoor Air conditioning">
    									   <img src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/indoor-air-conditioning-1.jpg" class="img-fluid wp-post-image" alt="" decoding="async" loading="lazy" title="Feature image" srcset="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/indoor-air-conditioning-1.jpg 370w, http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/indoor-air-conditioning-1-300x232.jpg 300w" sizes="(max-width: 370px) 100vw, 370px" width="370" height="286">							<i class="icon icon-Search"></i>
    									   <h4 class="title">Indoor Air conditioning</h4>
    									</a>
    								 </div>
    								 <div class="gallery_item element-item  commercial-hvac " data-category=" commercial-hvac" style="position: absolute; left: 740px; top: 286px;">
    									<a class="light" href="http://ggair.thinkbluedesign.com/wp-content/uploads/2019/08/hvac_3.jpg" title="HVAC Systems">
    									   <img src="http://ggair.thinkbluedesign.com/wp-content/uploads/2019/08/hvac_3.jpg" class="img-fluid wp-post-image" alt="" decoding="async" loading="lazy" title="Feature image" srcset="http://ggair.thinkbluedesign.com/wp-content/uploads/2019/08/hvac_3.jpg 370w, http://ggair.thinkbluedesign.com/wp-content/uploads/2019/08/hvac_3-194x300.jpg 194w" sizes="(max-width: 370px) 100vw, 370px" width="370" height="572">							<i class="icon icon-Search"></i>
    									   <h4 class="title">HVAC Systems</h4>
    									</a>
    								 </div>
    								 <div class="gallery_item element-item  commercial-hvac " data-category=" commercial-hvac" style="position: absolute; left: 0px; top: 572px;">
    									<a class="light" href="http://ggair.thinkbluedesign.com/wp-content/uploads/2019/08/hvac_2.jpg" title="HVAC Systems">
    									   <img src="http://ggair.thinkbluedesign.com/wp-content/uploads/2019/08/hvac_2.jpg" class="img-fluid wp-post-image" alt="" decoding="async" loading="lazy" title="Feature image" srcset="http://ggair.thinkbluedesign.com/wp-content/uploads/2019/08/hvac_2.jpg 370w, http://ggair.thinkbluedesign.com/wp-content/uploads/2019/08/hvac_2-194x300.jpg 194w" sizes="(max-width: 370px) 100vw, 370px" width="370" height="572">							<i class="icon icon-Search"></i>
    									   <h4 class="title">HVAC Systems</h4>
    									</a>
    								 </div>
    								 <div class="gallery_item element-item  commercial-hvac " data-category=" commercial-hvac" style="position: absolute; left: 370px; top: 572px;">
    									<a class="light" href="http://ggair.thinkbluedesign.com/wp-content/uploads/2019/08/hvac_1.jpg" title="HVAC Systems">
    									   <img src="http://ggair.thinkbluedesign.com/wp-content/uploads/2019/08/hvac_1.jpg" class="img-fluid wp-post-image" alt="" decoding="async" loading="lazy" title="Feature image" srcset="http://ggair.thinkbluedesign.com/wp-content/uploads/2019/08/hvac_1.jpg 370w, http://ggair.thinkbluedesign.com/wp-content/uploads/2019/08/hvac_1-300x232.jpg 300w" sizes="(max-width: 370px) 100vw, 370px" width="370" height="286">							<i class="icon icon-Search"></i>
    									   <h4 class="title">HVAC Systems</h4>
    									</a>
    								 </div>
    								 <div class="gallery_item element-item  digital-controls " data-category=" digital-controls" style="position: absolute; left: 370px; top: 858px;">
    									<a class="light" href="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/digital-controls_3.jpg" title="Digital Controls">
    									   <img src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/digital-controls_3.jpg" class="img-fluid wp-post-image" alt="" decoding="async" loading="lazy" title="Feature image" srcset="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/digital-controls_3.jpg 370w, http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/digital-controls_3-194x300.jpg 194w" sizes="(max-width: 370px) 100vw, 370px" width="370" height="572">							<i class="icon icon-Search"></i>
    									   <h4 class="title">Digital Controls</h4>
    									</a>
    								 </div>
    								 <div class="gallery_item element-item  digital-controls " data-category=" digital-controls" style="position: absolute; left: 740px; top: 858px;">
    									<a class="light" href="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/digital-controls_2.jpg" title="Digital Controls">
    									   <img src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/digital-controls_2.jpg" class="img-fluid wp-post-image" alt="" decoding="async" loading="lazy" title="Feature image" srcset="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/digital-controls_2.jpg 370w, http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/digital-controls_2-194x300.jpg 194w" sizes="(max-width: 370px) 100vw, 370px" width="370" height="572">							<i class="icon icon-Search"></i>
    									   <h4 class="title">Digital Controls</h4>
    									</a>
    								 </div>
    								 <div class="gallery_item element-item  digital-controls " data-category=" digital-controls" style="position: absolute; left: 0px; top: 1144px;">
    									<a class="light" href="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/digital-controls_1.jpg" title="Digital Controls">
    									   <img src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/digital-controls_1.jpg" class="img-fluid wp-post-image" alt="" decoding="async" loading="lazy" title="Feature image" srcset="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/digital-controls_1.jpg 370w, http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/digital-controls_1-300x232.jpg 300w" sizes="(max-width: 370px) 100vw, 370px" width="370" height="286">							<i class="icon icon-Search"></i>
    									   <h4 class="title">Digital Controls</h4>
    									</a>
    								 </div>
    								 <div class="gallery_item element-item  commercial-services " data-category=" commercial-services" style="position: absolute; left: 0px; top: 1430px;">
    									<a class="light" href="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-services_3.jpg" title="Commercial Services">
    									   <img src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-services_3.jpg" class="img-fluid wp-post-image" alt="" decoding="async" loading="lazy" title="Feature image" srcset="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-services_3.jpg 370w, http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-services_3-194x300.jpg 194w" sizes="(max-width: 370px) 100vw, 370px" width="370" height="572">							<i class="icon icon-Search"></i>
    									   <h4 class="title">Commercial Services</h4>
    									</a>
    								 </div>
    								 <div class="gallery_item element-item  commercial-services " data-category=" commercial-services" style="position: absolute; left: 370px; top: 1430px;">
    									<a class="light" href="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-services_2.jpg" title="Commercial Services">
    									   <img src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-services_2.jpg" class="img-fluid wp-post-image" alt="" decoding="async" loading="lazy" title="Feature image" srcset="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-services_2.jpg 370w, http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-services_2-194x300.jpg 194w" sizes="(max-width: 370px) 100vw, 370px" width="370" height="572">							<i class="icon icon-Search"></i>
    									   <h4 class="title">Commercial Services</h4>
    									</a>
    								 </div>
    								 <div class="gallery_item element-item  commercial-services " data-category=" commercial-services" style="position: absolute; left: 740px; top: 1430px;">
    									<a class="light" href="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-services_1.jpg" title="Commercial Services">
    									   <img src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-services_1.jpg" class="img-fluid wp-post-image" alt="" decoding="async" loading="lazy" title="Feature image" srcset="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-services_1.jpg 370w, http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-services_1-300x232.jpg 300w" sizes="(max-width: 370px) 100vw, 370px" width="370" height="286">							<i class="icon icon-Search"></i>
    									   <h4 class="title">Commercial Services</h4>
    									</a>
    								 </div>
    								 <div class="gallery_item element-item  commercial-maintenance " data-category=" commercial-maintenance" style="position: absolute; left: 740px; top: 1716px;">
    									<a class="light" href="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-maintenance_3.jpg" title="Commercial Maintenance">
    									   <img src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-maintenance_3.jpg" class="img-fluid wp-post-image" alt="" decoding="async" loading="lazy" title="Feature image" srcset="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-maintenance_3.jpg 370w, http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-maintenance_3-194x300.jpg 194w" sizes="(max-width: 370px) 100vw, 370px" width="370" height="572">							<i class="icon icon-Search"></i>
    									   <h4 class="title">Commercial Maintenance</h4>
    									</a>
    								 </div>
    								 <div class="gallery_item element-item  commercial-maintenance " data-category=" commercial-maintenance" style="position: absolute; left: 0px; top: 2002px;">
    									<a class="light" href="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-maintenance_2.jpg" title="Commercial Maintenance">
    									   <img src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-maintenance_2.jpg" class="img-fluid wp-post-image" alt="" decoding="async" loading="lazy" title="Feature image" srcset="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-maintenance_2.jpg 370w, http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-maintenance_2-194x300.jpg 194w" sizes="(max-width: 370px) 100vw, 370px" width="370" height="572">							<i class="icon icon-Search"></i>
    									   <h4 class="title">Commercial Maintenance</h4>
    									</a>
    								 </div>
    								 <div class="gallery_item element-item  commercial-maintenance " data-category=" commercial-maintenance" style="position: absolute; left: 370px; top: 2002px;">
    									<a class="light" href="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-maintenance_1.jpg" title="Commercial Maintenance">
    									   <img src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-maintenance_1.jpg" class="img-fluid wp-post-image" alt="" decoding="async" loading="lazy" title="Feature image" srcset="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-maintenance_1.jpg 370w, http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/commercial-maintenance_1-300x232.jpg 300w" sizes="(max-width: 370px) 100vw, 370px" width="370" height="286">							<i class="icon icon-Search"></i>
    									   <h4 class="title">Commercial Maintenance</h4>
    									</a>
    								 </div>
    							  </div>
    						   </div>
    						</section>
    					 </div>
    				  </div>
    			   </div>
    			</div>
    		 </div>
    	  </div>
    	</section>
    </div>
    						
    Usage: 
    Service Section
    
    <div class="container">
    	<section class="repair_service_area p_100" style="padding-top: 100px !important;padding-bottom: 100px !important;">
    		<div class="container">
    			<div class="center_title_big text-center">
    				<h2>Commercial Air Conditioning &amp; Installation</h2>
    				<p><span class="uc_style_homeservices_elementor_description">We take pride in our prompt response times, affordable pricing, and a customer-centric approach that ensures complete satisfaction.</span></p>
    			</div>
    			<div class="row repair_service_inner justify-content-center">
    				<div class="col-lg-4 col-md-6 col-sm-6">
    					<div class="r_service_item">
    						<img decoding="async" class="rounded-circle" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/Commercial-HVAC-Systems.png" alt="">
    						<a href="#"><h4><span class="uc_style_homeservices_elementor_uc_items_attribute_servicetitle" style='font-family: "Poppins", Sans-serif;font-size: 15px;font-weight: 400;letter-spacing: 0.3px;'>HVAC Systems</span></h4></a>
    					</div>
    				</div>
    				<div class="col-lg-4 col-md-6 col-sm-6">
    					<div class="r_service_item">
    						<img decoding="async" class="rounded-circle" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/Commercial-Systems.png" alt="">
    						<a href="#"><h4><span class="uc_style_homeservices_elementor_uc_items_attribute_servicetitle" style='font-family: "Poppins", Sans-serif;font-size: 15px;font-weight: 400;letter-spacing: 0.3px;'>Servicing</span></h4></a>
    					</div>
    				</div>
    				<div class="col-lg-4 col-md-6 col-sm-6">
    					<div class="r_service_item">
    						<img decoding="async" class="rounded-circle" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/Commercial-Maintenance.png" alt="">
    						<a href="#"><h4><span class="uc_style_homeservices_elementor_uc_items_attribute_servicetitle" style='font-family: "Poppins", Sans-serif;font-size: 15px;font-weight: 400;letter-spacing: 0.3px;'>Maintenance</span></h4></a>
    					</div>
    				</div>
    				<div class="col-lg-4 col-md-6 col-sm-6">
    					<div class="r_service_item">
    						<img decoding="async" class="rounded-circle" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/Digital-Controls.png" alt="">
    						<a href="#"><h4><span class="uc_style_homeservices_elementor_uc_items_attribute_servicetitle" style='font-family: "Poppins", Sans-serif;font-size: 15px;font-weight: 400;letter-spacing: 0.3px;'>Digital Controls</span></h4></a>
    					</div>
    				</div>
    				<div class="col-lg-4 col-md-6 col-sm-6">
    					<div class="r_service_item">
    						<img decoding="async" class="rounded-circle" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/Indoor-Air-Quality.png" alt="">
    						<a href="#"><h4><span class="uc_style_homeservices_elementor_uc_items_attribute_servicetitle" style='font-family: "Poppins", Sans-serif;font-size: 15px;font-weight: 400;letter-spacing: 0.3px;'>Indoor Air Quality Solutions</span></h4></a>
    					</div>	
    				</div>
    			</div>
    		</div>
    	</section>
    </div>
    						
    Usage: 

    Commercial Air Conditioning & Installation

    We take pride in our prompt response times, affordable pricing, and a customer-centric approach that ensures complete satisfaction.

    captcha

    
    Captcha Shortcode Generated Automatically.
                                
    Usage: 

    Form Fields

                                
    <div class="form-group col-lg-12">
    	<p><span class="wpcf7-form-control-wrap" data-name="form-email"><input size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form-control" aria-required="true" aria-invalid="false" placeholder="Email Address" value="" type="email" name="form-email"></span>
    	<span class="red_star" style="position: absolute;color: #f00;top: 14px;line-height: 1;left: 135px;font-size: 13px;">*</span>
    	</p>
    </div>
                                
                                
    Usage: 

    *

    Sidebar Form

    
    <section class="about_text_area p_100">
    	<div class="container">
    		<div class="row ab_text_inner">
    
    			<div class="col-lg-4 ">
    				<div class="free_consultation">
    					<div class="title_top">
    						<h3><span class="uc_style_home2about_elementor_formtitle">Request Service</span></h3>
    						<p class="font_family_theme"><span class="uc_style_home2about_elementor_formdesc" style="color: #fff;">Enter your contact details here to help us serve you better &amp; faster.</span></p>
    					</div>
    
    					<div class="wpcf7 js" id="wpcf7-f458-p70-o1" dir="ltr" lang="en-US">
    						<div class="screen-reader-response">
    							<p role="status" aria-live="polite" aria-atomic="true"></p>
    							<ul></ul>
    						</div>
    						<div action="#" method="post" class="wpcf7-form init demo" aria-label="Contact form" novalidate="novalidate" data-status="init" style="margin-bottom: 1.618em;">
    							<div style="display: none;">
    								<input type="hidden" name="_wpcf7" value="458">
    								<input type="hidden" name="_wpcf7_version" value="5.7.7">
    								<input type="hidden" name="_wpcf7_locale" value="en_US">
    								<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f458-p70-o1">
    								<input type="hidden" name="_wpcf7_container_post" value="70">
    								<input type="hidden" name="_wpcf7_posted_data_hash" value="">
    							</div>
    							<div class="form-row contact_us_form">
    								<div class="form-group col-lg-12">
    									<p><span class="wpcf7-form-control-wrap" data-name="form-name"><input size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="Name" value="" type="text" name="form-name"></span>
    									</p>
    								</div>
    								<div class="form-group col-lg-12">
    									<p><span class="wpcf7-form-control-wrap" data-name="form-email"><input size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form-control" aria-required="true" aria-invalid="false" placeholder="Email" value="" type="email" name="form-email"></span>
    									</p>
    								</div>
    								<div class="form-group col-lg-12">
    									<p><span class="wpcf7-form-control-wrap" data-name="form-phone"><input size="40" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-tel form-control" aria-invalid="false" placeholder="Phone" value="" type="tel" name="form-phone"></span>
    									</p>
    								</div>
    								<div class="form-group col-lg-12">
    									<p><span class="wpcf7-form-control-wrap" data-name="form-message"><textarea cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" aria-required="true" aria-invalid="false" placeholder="How may we help you ?" name="form-message"></textarea></span>
    									</p>
    								</div>
    								<div class="form-group col-lg-12">
    									<p><span class="wpcf7-form-control-wrap" data-name="hcap-cf7"><span id="hcap_cf7-6481b9f8d1d722.38808597" class="wpcf7-form-control h-captcha" data-sitekey="786742f2-fad2-4fde-884e-3533c554195a" data-theme="light" data-size="normal"><iframe src="https://newassets.hcaptcha.com/captcha/v1/2220dfa/static/hcaptcha.html#frame=checkbox&amp;id=0yrnxvgnio3&amp;host=ggair.thinkbluedesign.com&amp;sentry=true&amp;reportapi=https%3A%2F%2Faccounts.hcaptcha.com&amp;recaptchacompat=true&amp;custom=false&amp;hl=en&amp;tplinks=on&amp;sitekey=786742f2-fad2-4fde-884e-3533c554195a&amp;theme=light&amp;size=normal&amp;origin=http%3A%2F%2Fggair.thinkbluedesign.com" tabindex="0" scrolling="no" title="Widget containing checkbox for hCaptcha security challenge" data-hcaptcha-widget-id="0yrnxvgnio3" data-hcaptcha-response="" style="width: 303px; height: 78px; overflow: hidden;" frameborder="0"></iframe><textarea id="g-recaptcha-response-0yrnxvgnio3" name="g-recaptcha-response" style="display: none;"></textarea><textarea id="h-captcha-response-0yrnxvgnio3" name="h-captcha-response" style="display: none;"></textarea></span></span><input type="hidden" id="_wpnonce" name="_wpnonce" value="cacdd89e13"><input type="hidden" name="_wp_http_referer" value="/"><input class="wpcf7-form-control has-spinner wpcf7-submit btn submit_btn" type="submit" value="submit now">
    									</p>
    								</div>
    							</div>
    							<div class="wpcf7-response-output" aria-hidden="true"></div>
    						</div>
    					</div>
    
    				</div>
    			</div>
    		</div>
    	</div>
    </section>
                                
    Usage: 

    Request Service

    Enter your contact details here to help us serve you better & faster.

      Testimonials

      
      <section class="choose_contract_area choose_two pad_top">
      	<div class="container">
      		<div class="service_part">
      			<div class="row">
      				<div class="col-lg-4">
      					<div class="box_testi">
      						<div class="title">
      							<h4>Testimonials</h4>
      						</div>
      						<div class="box_testi_gray">
      							<div class="box_testi_slider owl-carousel owl-loaded owl-drag">
      								<div class="owl-stage-outer">
      									<div class="owl-stage" style="transform: translate3d(-900px, 0px, 0px); transition: all 2s ease 0s; width: 2400px;">
      										<div class="owl-item cloned" style="width: 270px; margin-right: 30px;">
      											<div class="item">
      												<div class="b_testi">
      													<p><span class="uc_style_homefairprice_elementor_uc_items_attribute_review_description" style="color:#0A0A0A;">The Air Conditioner transformed my living space into a refreshing oasis.</span></p>
      													<h5><img decoding="async" class="testimonial_image" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/Dewey_O.webp" alt="Dewey_O"><span class="uc_style_homefairprice_elementor_uc_items_attribute_reviewer_name" style="color:#000000;">- Alex Ross</span></h5>
      												</div>
      											</div>
      										</div>
      										<div class="owl-item cloned" style="width: 270px; margin-right: 30px;">
      											<div class="item">
      												<div class="b_testi">
      													<p><span class="uc_style_homefairprice_elementor_uc_items_attribute_review_description" style="color:#0A0A0A;">The Arctic Breeze AC is a life-saver in scorching summers!</span></p>
      													<h5><img decoding="async" class="testimonial_image" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/Friedrick_J.webp" alt="Friedrick_J"><span class="uc_style_homefairprice_elementor_uc_items_attribute_reviewer_name" style="color:#000000;">- Henry Riley</span></h5>
      												</div>
      											</div>
      										</div>
      										<div class="owl-item" style="width: 270px; margin-right: 30px;">
      											<div class="item">
      												<div class="b_testi">
      													<p><span class="uc_style_homefairprice_elementor_uc_items_attribute_review_description" style="color:#0A0A0A;">Efficient cooling, quiet operation, perfect for hot summer days!</span></p>
      													<h5><img decoding="async" class="testimonial_image" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/img_4.png" alt="img_4"><span class="uc_style_homefairprice_elementor_uc_items_attribute_reviewer_name" style="color:#000000;">- Jhon Littman</span></h5>
      												</div>
      											</div>
      										</div>
      										<div class="owl-item active" style="width: 270px; margin-right: 30px;">
      											<div class="item">
      												<div class="b_testi">
      													<p><span class="uc_style_homefairprice_elementor_uc_items_attribute_review_description" style="color:#0A0A0A;">The AC is a game-changer, making my home heaven!</span></p>
      													<h5><img decoding="async" class="testimonial_image" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/testi-1.jpg" alt="testi-1"><span class="uc_style_homefairprice_elementor_uc_items_attribute_reviewer_name" style="color:#000000;">- Patricia Donnelly</span></h5>
      												</div>
      											</div>
      										</div>
      										<div class="owl-item" style="width: 270px; margin-right: 30px;">
      											<div class="item">
      												<div class="b_testi">
      													<p><span class="uc_style_homefairprice_elementor_uc_items_attribute_review_description" style="color:#0A0A0A;">The Air Conditioner transformed my living space into a refreshing oasis.</span></p>
      													<h5><img decoding="async" class="testimonial_image" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/Dewey_O.webp" alt="Dewey_O"><span class="uc_style_homefairprice_elementor_uc_items_attribute_reviewer_name" style="color:#000000;">- Alex Ross</span></h5>
      												</div>
      											</div>
      										</div>
      										<div class="owl-item" style="width: 270px; margin-right: 30px;">
      											<div class="item">
      												<div class="b_testi">
      													<p><span class="uc_style_homefairprice_elementor_uc_items_attribute_review_description" style="color:#0A0A0A;">The Arctic Breeze AC is a life-saver in scorching summers!</span></p>
      													<h5><img decoding="async" class="testimonial_image" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/Friedrick_J.webp" alt="Friedrick_J"><span class="uc_style_homefairprice_elementor_uc_items_attribute_reviewer_name" style="color:#000000;">- Henry Riley</span></h5>
      												</div>
      											</div>
      										</div>
      										<div class="owl-item cloned" style="width: 270px; margin-right: 30px;">
      											<div class="item">
      												<div class="b_testi">
      													<p><span class="uc_style_homefairprice_elementor_uc_items_attribute_review_description" style="color:#0A0A0A;">Efficient cooling, quiet operation, perfect for hot summer days!</span></p>
      													<h5><img decoding="async" class="testimonial_image" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/img_4.png" alt="img_4"><span class="uc_style_homefairprice_elementor_uc_items_attribute_reviewer_name" style="color:#000000;">- Jhon Littman</span></h5>
      												</div>
      											</div>
      										</div>
      										<div class="owl-item cloned" style="width: 270px; margin-right: 30px;">
      											<div class="item">
      												<div class="b_testi">
      													<p><span class="uc_style_homefairprice_elementor_uc_items_attribute_review_description" style="color:#0A0A0A;">The AC is a game-changer, making my home heaven!</span></p>
      													<h5><img decoding="async" class="testimonial_image" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/testi-1.jpg" alt="testi-1"><span class="uc_style_homefairprice_elementor_uc_items_attribute_reviewer_name" style="color:#000000;">- Patricia Donnelly</span></h5>
      												</div>
      											</div>
      										</div>
      									</div>
      								</div>
      								<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div>
      								<div class="owl-dots disabled"></div>
      							</div>
      						</div>
      					</div>
      				</div>
      			</div>
      		</div>
      	</div>
      </section>
                                      

      Testimonials

      Image carousels

      
      <section class="client_service_area" style="padding: 10px 40px !important; ">
      	<div class="container">
      		<div class="single_title blue  text-center ">
      			<h2>We Service All Makes &amp; Models</h2>
      		</div>
      		<div class="client_slider owl-carousel owl-loaded owl-drag">
      			<div class="owl-stage-outer">
      				<div class="owl-stage">
      					<div class="owl-item cloned">
      						<div class="item">
      							<img decoding="async" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/opticool.png" alt="opticool">
      						</div>
      					</div>
      					<div class="owl-item cloned">
      						<div class="item">
      							<img decoding="async" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/arctichill.png" alt="arctichill">
      						</div>
      					</div>
      					<div class="owl-item cloned">
      						<div class="item">
      							<img decoding="async" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2019/08/client-2.png" alt="client-2">
      						</div>
      					</div>
      					<div class="owl-item cloned">
      						<div class="item">
      							<img decoding="async" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/trane.png" alt="trane">
      						</div>
      					</div>
      					<div class="owl-item cloned">
      						<div class="item">
      							<img decoding="async" src="http://ggair.thinkbluedesign.com/wp-content/uploads/2023/06/liebert.png" alt="liebert">
      						</div>
      					</div>
      					
      				</div>
      			</div>
      			<div class="owl-nav disabled">
      				<button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button>
      				<button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button>
      			</div>
      			<div class="owl-dots disabled"></div>
      		</div>
      	</div>
      </section>
                                      

      We Service All Makes & Models

      Inner Banner

      
      <section class="breadcrumb_area" style="padding-top: 110px !important;padding-bottom: 80px !important;">
      	<div class="container">
      		<div class="breadcrumb_inner">
      			<img src="" alt="">
      			<h3>Gallery</h3>
      		</div>
      	</div>
      </section>
                                      

      Footer