﻿<!DOCTYPE html>
<!--[if IE 8]><html class="ie ie8" lang="en-US"><![endif]-->
<!--[if IE 7]><html class="ie ie7" lang="en-US"><![endif]-->
<html lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  
  <title>Webb Flooring | Pell City, Alabama</title>	
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0, width=device-width" />
  <meta name="description" content="Our mission at Webb Flooring is to provide our customers with quality materials and superior service. Ever since company founder Garth Webb opened for busi" />
  <meta name="keywords" content="alabama, guiding, principle, business, customer, dedication, customers, quality, provide, mission, flooring, materials, company, founder, superior, service" />
  <link rel="canonical" href="http://www.webbflooring.com/" />
  
  <!-- Fonts -->
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  
  <!-- Open Graph -->
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Webb Flooring | Pell City, Alabama" />
  <meta property="og:description" content="Our mission at Webb Flooring is to provide our customers with quality materials and superior service. Ever since company founder Garth Webb opened for busi" />
  <meta property="og:url" content="http://www.webbflooring.com/" />
  <meta property="og:image" content="http://www.webbflooring.com/images/openGraphImage.jpg" />
  <meta property="fb:admins" content="156802140"/> <!-- Chris -->
  
  <!-- Twitter Card -->
  <meta name="twitter:card" content="photo" />
  <meta name="twitter:site" content="@widenet" />
  <meta name="twitter:creator" content="@widenet" />
  <meta name="twitter:title" content="Webb Flooring | Pell City, Alabama" />
  <meta property="twitter:url" content="http://www.webbflooring.com/" />
  <meta property="twitter:description" content="Our mission at Webb Flooring is to provide our customers with quality materials and superior service. Ever since company founder Garth Webb opened for busi" />
  <meta property="twitter:image" content="http://www.webbflooring.com/images/twitterCard.jpg" />
   
  
  <!-- Favicon & Apple/Android/Windows icons -->
<link rel="apple-touch-icon" sizes="57x57" href="/images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/images/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/images/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/images/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/images/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="/images/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/images/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/images/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/images/manifest.json">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="msapplication-TileColor" content="#b91d47">
<meta name="msapplication-TileImage" content="/images/mstile-144x144.png">
<meta name="msapplication-config" content="/images/browserconfig.xml">
<meta name="theme-color" content="#e4203d">
  
  	<script src="//use.typekit.net/dpk7qwd.js"></script>
	<script>try{Typekit.load();}catch(e){}</script>


	<!-- CSS -->
	<link href="/css/bootstrap.min.css" rel="stylesheet" media="all">
	<link href="/css/webbicons.css" rel="stylesheet"> 
	<link href="/css/meanmenu.css" rel="stylesheet">   
  <link href="/css/owl.carousel.css" rel="stylesheet"> 
  <link href="/css/style.css" rel="stylesheet">
  <link href="/css/layout.css" rel="stylesheet">
  
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
  <style type="text/css">
		#fouc { display:none; } /* * * HIDE UNSTYLED CONTENT * * */
	</style>
    
  <!-- Google Analytics -->
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');  
    ga('create', 'UA-95116-58', 'auto');
    ga('require', 'displayfeatures');
    ga('require', 'linkid', 'linkid.js');
    ga('send', 'pageview');  
  </script>  
  
</head> 
<body class="webbflooring">
		<div id="fouc">
  	<div class="main-outercon">
  		
	  	<!--Begin header section-->
	 	<header class="header-outercon">
			<div class="header-topsection">
				<div class="container">
					<div class="wrapper" >
						<div class="row">	
							<div class="col-sm-12">
		                        <div class="conten-outer">
			                        <div class="logo-outercon">
			                        	<a href="/"><img src="/images/webb_flooring_logo.png" alt="logo"></a>
			                        </div>
		                            <div class="number-cont">
		                            	<a href="tel:205 338 0999">205-338-0999 </a>
		                            </div>
									<div class="search-outer"><form action="/search/" method="get" name="searchForm" onSubmit="return validateSearch();">
										<input type="text" class="form-control search-text" name="q" placeholder="SEARCH OUR SITE">
										<button class="search-btn"><i class="webb-icon9"></i></button>
                    </form>
									</div>
		                            <div class="navigation-outer">
										<div class="navbar navbar-default"> 
										    <div class="navbar-header">
											    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
											    	<span class="icon-bar"></span>
											        <span class="icon-bar"></span>
											        <span class="icon-bar"></span>
											    </button> 
										    </div> 
										    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
										    	<ul class="nav navbar-nav">
										        	<li><a href="/">Home</a></li>
										        	<li><a href="/about/">About</a></li>
										        	<li><a href="/gallery/">Gallery</a></li>
										        	<li><a href="/location/">Location</a></li>
										        	<li><a href="/contact/">Contact</a></li>       
										      	</ul>
											    <div class="social-outercon">
											        <span>Follow us</span>
											        <a href="https://www.facebook.com/WebbFlooring" class="facebook-con" target="_blank"><i class="webb-icon2"></i></a>
											        <a href="https://www.twitter.com/webbconcrete" class="twitter-con" target="_blank"><i class="webb-icon1"></i></a>
											    </div>
										    </div> 
										</div>
									</div>                                 
		                        </div>
							</div>		
						</div>
					</div>
				</div>
			</div>
			<div class="header-bottomsection">
				<div class="container">
					<div class="wrapper" >
						<div class="row">	
							<div class="col-sm-12">
		                    	<div class="main-navouter">
					                <div class="navigation-block">
					                	<div class="menu-outer">
					                    	<nav>
                                <ul>
  <li><a href="/carpet/">Carpet</a>
	    </li>
  <li><a href="/hardwood/">Hardwood</a>
	    </li>
  <li><a href="/tile-stone/">Tile &amp; Stone</a>
	    </li>
  <li><a href="/laminate/">Laminate</a>
	    </li>
  <li><a href="/resilient/">Resilient</a>
	    </li>
  <li><a href="/services/">Services</a>
	    </li>
  <li><a href="/promotions/">Promotions</a>
	    </li>
					                          
							                        <li class="quote-btn"><a href="/appointment/">MAKE AN APPT</a></li>
					                      		</ul>
					                    	</nav>
					                  	</div>
					                </div>
					                <div class="mobilemenu-outer"></div>
					            </div>            
		                    </div>		
						</div>
					</div>
				</div>
			</div>
		</header> 
	  	<!--End header section-->
      	  
	  

	  
	  
 
	    <!--Begin banner section-->
		<section class="banner-outer">
			<div class="banner-images">
				<ul class="cycle-slideshow"
				data-cycle-fx=fade
				data-cycle-swipe=true
				data-cycle-swipe-fx=scrollHorz
				data-cycle-timeout=5500
				data-cycle-slides="> li"
				>
					
					<div class="cycle-pager"></div>
					<li><img src="/uploadedFiles/File/news_Image_1515532677.JPG" style="" alt="" />        <div class="banner-content">
          <div class="container">
            <div class="wrapper">
              <div class="main-content">	
                <div class="main-contentinner">   
                	<h1></h1>
                  <h4><p><span style="font-size:36px;"><font color="#ffffff"><span style="background-color: rgb(153, 153, 153);">Visit our updated showroom today!</span></f...</h4>
		              <a class="btn btn-default common-btn" href="/appointment/" role="button"><span>GET STARTED</span><i class="webb-icon5"></i></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        </li>
             
				</ul>
			</div>
		</section>	
	    <!--End banner section-->
	    <!--Begin Content section-->
		<section class="category-listing">
			<div class="container">
				<div class="wrapper">
					<div class="row">	
						<div class="col-sm-6">
							<div class="testimonial-wrap">
								<div class="testimonial-inner">
									<div class="test-left">
										<div class="test-top">
											<h4>HEAR FROM OUR</h4>
											<h2>CUSTOMERS</h2>
										</div>
									</div>
                  									<div class="test-right">
										<div class="test-cnt">
											<p>Webb Flooring has been a great asset to our company.  Our salesman, Chris, is great to work with.  He goes over and beyond normal sales practices to help us find unique and trendy materials that we ha&hellip;</p>
										</div>
										<div class="test-bottom">
											<h3>Russ Doyle</h3>
											<span>Harris & Doyle Homes, Birmingham, AL</span>
										</div>
									</div>
								</div>
								<div class="testimonial-bottom">
									<a href="/testimonials/">SEE ALL TESTIMONIALS <i class="webb-icon5"></i></a>
								</div>
							</div>
						</div>			
						<div class="col-sm-3">
	                        <div class="single-blockouter">
	                            <a href="/gallery/">				       
	                                <div class="image-block">
	                                    <img src="/images/content/cat3.jpg" alt="img"> 
	                                </div>
	                                <h4>SEE OUR WORK<i class="webb-icon5"></i></h4>
	                                <!-- <p>Quick intro. here...</p> -->
	                            </a>
						    </div>
						</div>			
						<div class="col-sm-3">
	                        <div class="single-blockouter">
	                            <a href="http://www.webbconcrete.com" target="_blank">				       
	                                <div class="image-block">
	                                    <img src="/images/content/cat4.jpg" alt="img"> 
	                                </div>
	                                <h4>Visit the Website<i class="webb-icon5"></i></h4>
	                                <p></p>
	                            </a>
						    </div>
						</div>		
					</div>
				</div>
			</div>
		</section>	
	    <!--End Content section-->
	  
	  
	    <!--Begin Webb Promotions section-->
		<section class="promotions-outercon">
			<div class="container">
				<div class="wrapper">
					<div class="row">	
						<div class="col-sm-12">
	                        <h2>Flooring Promotions</h2>
	                        <div class="promotions-carousel-area">
		                    	<div class="promotions-carousel">
                          	
					                </div>
				                </div>	
					</div>
				</div>
			</div>
		</section>
	    <!--End Webb Promotions section-->
	    
	    
	    <!--Begin Why Us section-->
	    <section class="whyus-area appointment">
		    <div class="whyus-content">
	            <div class="whyus-inner">
	                <div class="container">
	                    <div class="wrapper">
	                        <div class="row">	
	                            <div class="col-sm-12">
	                                <div class="whyus-right">
	                                    <h2>Why Us?</h2>
	                                    <h3>Because we are here for you.</h3>
	                                    <span style="font-size:14px;"><span style="line-height: 20.7999992370605px;">Our mission at Webb Flooring is to provide our customers with quality materials and superior service.&nbsp;</span><span style="line-height: 20.7999992370605px;">We are your source for hardwood, carpet, tile, vinyl, and laminate. Our service-minded sales staff will be happy to begin your next project. Visit our flooring showroom to gather your ideas and start today!&nbsp;</span></span>	                                </div>
	                            </div>		
	                        </div>
	                    </div>
	                </div>
	            </div>
	            <div class="btn-area">
	                <a href="javascript:void(0)"><i class="webb-icon8"></i></a>
	            </div>            
		    </div>
		    <div class="quote-content">
		        <div class="container">
	                <div class="wrapper">
	                    <div class="row">	
	                        <div class="col-sm-12">
	                           <div class="quote-inner">
	                              <div class="row">	
	                                   <div class="col-sm-12 title-row">
	                                        <h2>Make an Appointment.</h2>
	                                       <h3>Don&rsquo;t hesitate to get in touch.</h3>
	                                   </div>
	                               </div>
                                 
                                 <form action="/appointment/" method="post">
                                 <input type="hidden" name="start" value="1592517641">
	                               <div class="row">	
	                                   <div class="col-sm-6">
	                                      <div class="row">	
	                                           <div class="col-sm-12">
	                                                <input class="text-box" name="name" type="text" placeholder="First and Last Name">
	                                           </div>
	                                       </div>
	                                       <div class="row">	
	                                           <div class="col-sm-6">
	                                                <input class="text-box" name="address" type="text" placeholder="Street Address">
	                                           </div>
	                                           <div class="col-sm-6">
	                                                <input class="text-box" name="cityStateZip" type="text" placeholder="City, State, Zip">
	                                           </div>
	                                       </div>
	                                       <div class="row">	
	                                           <div class="col-sm-6">
	                                                 <input class="text-box" name="phone" type="text" placeholder="Phone Number">
	                                           </div>
	                                           <div class="col-sm-6">
	                                                <input class="text-box" name="emailAddress" type="text" placeholder="Email Address">
	                                           </div>
	                                       </div>
	                                   </div>
	                                   <div class="col-sm-6">
	                                       <div class="row">	
	                                           <div class="col-sm-6">
	                                                <select name="requiredWork" class="select-box" tabindex="1">
	                                                    <option value="">--Select One--</option>
	                                                    <option value="1">Carpet</option>
	                                                    <option value="2">Hardwood</option>
	                                                    <option value="3">Tile &amp; Stone</option>
	                                                    <option value="4">Laminate</option>
                                                      <option value="5">Resilient</option>
                                                      <option value="6">Other</option>
	                                                </select>
	                                           </div>
	                                           <div class="col-sm-6">
	                                                <input class="text-box" name="completionDate" type="text" placeholder="completion date">
	                                           </div>
	                                       </div>
	                                       <div class="row">	
	                                           <div class="col-sm-12">
	                                                <textarea class="text-area" name="message" placeholder="How Can We Help You?"></textarea>
	                                           </div>
	                                       </div>
	                                   </div>
	                               </div>
                                 
	                               <div class="row">	
	                                   <div class="col-sm-12 btn-row">
                                           <button type="submit" class="btn btn-default common-btn"><span>SCHEDULE A TIME</span><i class="webb-icon5"></i></button>
	                                   </div>
	                               </div>  
                                 </form>
	                           </div>
	                        </div>		
	                    </div>
	                </div>
	            </div>
		    </div>		
		</section>	
		<!--End Why Us section-->
	  	    
       
    <!--Begin Footer section-->		
		<footer class="footer-outercon">
			<div class="footer-top-container">
				<div class="container">
					<div class="wrapper">
						<div class="footer-top">
							<div class="row">	
								<div class="col-sm-3">
									<div class="footer-logo">
										<a href="/"><img src="/images/footer-logo.png" alt="Webb Flooring" /></a>
									</div>
								</div>
								<div class="col-sm-9">
									<div class="footer-top-links">
										<h6>Footer Links</h6>
										<ul class="footer-hide">
											<li>
												<a href="/carpet/">
													<i class="webb-icon15"></i>
													<span>Carpet</span>
												</a>
											</li>
											<li>
												<a href="/hardwood/">
													<i class="webb-icon16"></i>
													<span>Hardwood</span>
												</a>
											</li>
											<li>
												<a href="/tile-stone/">
													<i class="webb-icon17"></i>
													<span>Tile &amp; Stone</span>
												</a>
											</li>
											<li>
												<a href="/laminate/">
													<i class="webb-icon19"></i>
													<span>Laminate</span>
												</a>
											</li>
											<li>
												<a href="/resilient/">
													<i class="webb-icon18"></i>
													<span>Resilient</span>
												</a>
											</li>
										</ul>
									</div>
								</div>	
							</div>
						</div>
						<div class="footer-bottom">
							<div class="row">	
								<div class="col-sm-3">
									<div class="footer-section">
										<h6>Contact</h6>
										<ul class="footer-hide">
											<li>
												<a href="tel:205 338 0999">
													<i class="webb-icon3"> </i>
													205-338-0999
												</a>
											</li>
											<li>
												<a href="mailto:info@webbflooring.com">
													<i class="webb-icon4"> </i>
													info@webbflooring.com
												</a>
											</li>
											<li>
												<a href="https://www.facebook.com/WebbFlooring" target="_blank">
													<i class="webb-icon2"> </i>
													Follow Us on Facebook
												</a>
											</li>
											<li>
												<a href="https://www.twitter.com/webbconcrete" target="_blank">
													<i class="webb-icon1"> </i>
													Follow Us on Twitter
												</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col-sm-3">
									<div class="footer-section red-title">
										<h6>Our Location</h6>
										<div class="footer-text footer-hide">
											<p>204 Industrial Park Drive </br>Pell City, AL 35125</p>
											<a href="/location/">Get Directions</a>
										</div>
									</div>
								</div>
								<div class="col-sm-3">
									<div class="footer-section red-title">
										<h6>Store Hours</h6>
										<div class="footer-text footer-hide">
											<p>Monday - Friday 7:00 am - 5:00 pm </br>Saturday: 8:00 am - 12:00 pm </br>Sunday: Closed</p>
										</div>
									</div>
								</div>
								<div class="col-sm-3">
									<div class="footer-section">
                  										<h6>Make an appointment</h6>
										<div class="request-form footer-hide">
											<form action="/appointment/" method="post">
                        <input type="hidden" name="start" value="1592517641">
												<div class="textbox-outer">
													<input type="text" name="name" placeholder="First and Last Name" />
												</div>
												<div class="textbox-outer">
													<input type="email" name="emailAddress" placeholder="Email Address" />
												</div>
												<div class="textarea-outer">
													<textarea placeholder="How Can We Help You?" name="message"></textarea>
												</div>
												<button type="submit" class="btn btn-default common-btn"><span>SUBMIT NOW</span><i class="webb-icon5"></i></button>
											</form>
										</div> 
                  									</div>
								</div>		
							</div>		
						</div>
						<div class="slider-test"></div>	
					</div>
				</div>
			</div>	
			<div class="footer-bottom-container">
				<div class="container">
					<div class="wrapper">
						<div class="row">	
							<div class="col-sm-12">
								<div class="copyright">
									<p>&copy; Copyright 2007-2020 WEBB FLOORING</p>
<!-- WideNet Backlink -->
<p class="wnBacklink"><a href="http://www.widenetconsulting.com/">Website Design | WideNet Digital Marketing Agency</a></p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>	
		</footer>
	    <!--End Footer section-->


<!-- JS in footer for faster page loads -->

  <!--/=== Javascript Start ===/-->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
	<script type="text/javascript">window.jQuery || document.write('<script src="/js/jquery.min.js"><\/script>')</script>   <script src="/js/migrate.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
  <script src="/js/jquery.meanmenu.js"></script>
  <script src="/js/main.js"></script>
  
    <script src="/js/resize.js"></script>

    <script src="/js/owl.carousel.js"></script> 
    <script src="/js/selectbox.min.js"></script>

  
	<!-- jQuery UI -->
	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css">
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
  
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    
  
  <!-- jQuery Colorbox -->
  <script type="text/javascript" src="/wn_shared/javascripts/colorbox-1.5.14/jquery.colorbox-min.js"></script>
  <link rel="stylesheet" type="text/css" href="/wn_shared/javascripts/colorbox-1.5.14/example5/colorbox.css" media="screen" />  
    
   
	<!-- jQuery Cycle -->
	<script src="/wn_shared/javascripts/jquery-cycle/jquery.cycle2.min.js" type="text/javascript"></script>
	<script src="/wn_shared/javascripts/jquery-cycle/jquery.easing.1.3.js" type="text/javascript"></script>
    
 	<script type="text/javascript">	
		jQuery(document).ready(function() { 
  		// <div class="cycle-slideshow"> <img src=""> <img src=""> </div>
			// $.preLoadImages("/images/about_over.png","/images/contact_over.png");
			$("a[rel*=lightbox]").colorbox({maxWidth:'95%', maxHeight:'95%'});
			/* $('#main-menu').smartmenus({
				showFunction: function($ul, complete) { $ul.fadeIn(350, complete); },
				hideFunction: function($ul, complete) { $ul.fadeOut(350, complete); },
				mainMenuSubOffsetX: 0,
				mainMenuSubOffsetY: 0,
				subMenusSubOffsetX: 6,
				subMenusSubOffsetY: 10
			}); */
						if ($('#errorBox').length){
				$("#errorBox")[0].scrollIntoView();
			}
			if ($('#confirmBox').length){
				$("#confirmBox")[0].scrollIntoView();
			}
			if ($('.alert').length){
				$(".alert")[0].scrollIntoView();
			}
		});	
    
    <!-- Make sure search query isn't blank -->
    function validateSearch() {
      var searchQuery=document.forms['searchForm']['q'].value;
      if (!searchQuery) { return false; }
    }		
    function validateInnerSearch() {
      var searchQuery=document.forms['innerSearchForm']['q'].value;
      if (!searchQuery) { return false; }
    }		
	</script>


    
  <!-- WideNet Styles & Overrides -->
  <link href="/css/widenet.css" rel="stylesheet" type="text/css" />
  
	</div> <!-- END Eliminate Flash of Unstyled Content (fouc) -->
</body>
</html>
