API tools faq
paste
Nerdicus

BPI Homepage

Nerdicus
Aug 22nd, 2014
151
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 30.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge">
  5.     <title>Brown's Partsmaster &middot; Your Genuine Plumbing Parts Supplier</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta name="description" content="Your Genuine Plumbing Parts Supplier ~ The largest inventory of O.E.M. parts in the Southwest. (623) 889-7399 or Toll-free 1-800-729-2580." />
  8.     <meta name="author" content="J.S.Wright">
  9.     <meta name="keywords" content="Plumbing, Plumbing Parts, Parts, Arizona, AZ, Glendale, Phoenix, Gilbert, wholesale, supplies, largest, inventory, OEM, Southwest, Genuine, Partsmaster, Browns, Warehouse" />
  10.     <meta name="publisher" content="Brown's Partsmaster, Inc" />
  11.     <meta name="rating" content="General" />
  12.     <meta name="copyright" content="Copyright 2013 &copy; Brown's Partsmaster - All Rights Reserved" />
  13.     <meta name="robots" content="index, follow, archive" />
  14.     <meta name="googlebot" content="index, follow, archive" />
  15.     <meta name="verify-v1" content="7fwtIhbDkLzRCRSq0fWWDP7IoFxo9ybDSGkHAvfTjY4=" />
  16.     <link href="bootstrap.css" rel="stylesheet">
  17.     <link rel="stylesheet" href="scrollToTop/css/scrollToTop.css">
  18.     <link rel="stylesheet" href="scrollToTop/css/easing.css">
  19.     <link href="bootstrap-responsive.css" rel="stylesheet">
  20.     <style>
  21.          /* GLOBAL STYLES
  22.     -------------------------------------------------- */
  23.     /* Padding below the footer and lighter body text */
  24.  
  25.     body {
  26.       color: #5a5a5a;
  27.     }
  28.     .dropdown-menu {
  29.       padding:10px;
  30.     }
  31.     #sitemap {
  32.         text-align:center;
  33.         margin:auto;
  34.     }  
  35.  
  36.     /* CUSTOMIZE THE NAVBAR
  37.     -------------------------------------------------- */
  38.        
  39.     .opera {
  40.         display:none;
  41.     }
  42.    
  43.     .navbar-wrapper {
  44.       position: absolute;
  45.       top: 0;
  46.       left: 0;
  47.       right: 0;
  48.       z-index: 10;
  49.       margin-top: 20px;
  50.       margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  51.     }
  52.     .navbar-wrapper .navbar {
  53.  
  54.     }
  55.  
  56.     /* Remove border and change up box shadow for more contrast */
  57.     .navbar .navbar-inner {
  58.       border: 0;
  59.       -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
  60.          -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
  61.               box-shadow: 0 2px 10px rgba(0,0,0,.25);
  62.     }
  63.  
  64.     /* Downsize the brand/project name a bit */
  65.     .navbar .brand {
  66.       padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
  67.       font-size: 16px;
  68.       font-weight: bold;
  69.       text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  70.     }
  71.  
  72.     /* Offset the responsive button for proper vertical alignment */
  73.     .navbar .btn-navbar {
  74.       margin-top: 10px;
  75.     }
  76.    
  77.    
  78.     /* CUSTOMIZE THE CAROUSEL
  79.     -------------------------------------------------- */
  80.  
  81.     /* Carousel base class */
  82.     .carousel {
  83.       margin-bottom: 60px;
  84.     }
  85.  
  86.     .carousel .container {
  87.       position: relative;
  88.       z-index: 9;
  89.     }
  90.  
  91.     .carousel-control {
  92.       height: 80px;
  93.       margin-top: 0;
  94.       font-size: 120px;
  95.       text-shadow: 0 1px 1px rgba(0,0,0,.4);
  96.       background-color: transparent;
  97.       border: 0;
  98.       z-index: 10;
  99.     }
  100.  
  101.     .carousel .item {
  102.       height: 500px;
  103.     }
  104.     .carousel img {
  105.       position: absolute;
  106.       top: 0;
  107.       left: 0;
  108.       min-width: 100%;
  109.       height: 500px;
  110.     }
  111.  
  112.     .carousel-caption {
  113.       background-color: transparent;
  114.       position: static;
  115.       max-width: 550px;
  116.       padding: 0 20px;
  117.       margin-top: 200px;
  118.     }
  119.     .carousel-caption h1,
  120.     .carousel-caption .lead {
  121.       margin: 0;
  122.       line-height: 1.25;
  123.       color: #fff;
  124.       text-shadow: 0 1px 1px rgba(0,0,0,.4);
  125.     }
  126.     .carousel-caption .btn {
  127.       margin-top: 10px;
  128.     }
  129.  
  130.  
  131.  
  132.     /* MARKETING CONTENT
  133.     -------------------------------------------------- */
  134.  
  135.     /* Center align the text within the three columns below the carousel */
  136.     .marketing .span4 {
  137.       text-align: center;
  138.     }
  139.     .marketing h2 {
  140.       font-weight: normal;
  141.     }
  142.     .marketing .span4 p {
  143.       margin-left: 10px;
  144.       margin-right: 10px;
  145.     }
  146.  
  147.     img.manu {
  148.         min-height:100px;
  149.         min-width:100px;
  150.         margin:auto;
  151.         overflow:hidden;
  152.     }
  153.    
  154.     /* Featurettes
  155.     ------------------------- */
  156.  
  157.     .featurette-divider {
  158.       margin: 80px 0; /* Space out the Bootstrap more */
  159.     }
  160.     .featurette {
  161.       padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
  162.       overflow: hidden; /* Vertically center images part 2: clear their floats. */
  163.     }
  164.     .featurette-image {
  165.       margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
  166.     }
  167.  
  168.     /* Give some space on the sides of the floated elements so text doesn't run right into it. */
  169.     .featurette-image.pull-left {
  170.       margin-right: 40px;
  171.     }
  172.     .featurette-image.pull-right {
  173.       margin-left: 40px;
  174.     }
  175.  
  176.     /* Thin out the marketing headings */
  177.     .featurette-heading {
  178.       font-size: 50px;
  179.       font-weight: 300;
  180.       line-height: 1;
  181.       letter-spacing: -1px;
  182.     }
  183.  
  184.    
  185.  
  186.     /* RESPONSIVE CSS
  187.     -------------------------------------------------- */
  188.     @media (max-width:1300px){
  189.     #wws {
  190.     //  position:absolute;
  191.     //  top:0;
  192.     //  right:0;
  193.     //  margin-right:60px;
  194.     //  margin-top:80px;
  195.     //  z-index:9;
  196.     //  padding:5px;
  197.     //  opacity:0.8;
  198.     //  filter:alpha(opacity=80)
  199.         margin:auto;
  200.         max-width: 950px;
  201.     }
  202.     }
  203.     @media (min-width: 1280px) {
  204.    
  205.    
  206.     .carousel .item {
  207.         height: 800px;
  208.     }
  209.     .carousel img {
  210.       position: absolute;
  211.       top: 0;
  212.       left: 0;
  213.       min-width: 100%;
  214.       min-height: 100%;
  215.     }
  216.    
  217.     .carousel-caption {
  218.         width: 65%;
  219.         padding: 0 5px;
  220.         margin-top: 500px;
  221.     }
  222.    
  223.    
  224.    
  225.     }
  226.    
  227.     @media (max-width: 1280px) {
  228.       #wws {
  229.       margin: 0 auto;
  230.       max-width: 1170px;
  231.       }
  232.       #search_val{
  233.           max-width:100px;
  234.         }
  235.         .nav-text,
  236.         .dropdown-menu > li > a{
  237.             padding-top: 4px;
  238.             padding-right: 0px;
  239.             padding-left: 0px;
  240.             font-size: 12px;
  241.         }
  242.     }
  243.    
  244.     @media (max-width: 1024px) {
  245.       #wws {
  246.       margin:auto;
  247.       max-width: 950px;
  248.       }
  249.       .featurette-image.pull-left,
  250.       .featurette-image.pull-right {
  251.         display: block;
  252.         float: none;
  253.         max-width: 40%;
  254.         margin: 0 auto 20px;
  255.       }
  256.         #search_val{
  257.           max-width:125px;
  258.         }
  259.         .nav-text,
  260.         .dropdown-menu > li > a{
  261.             padding-top: 4px;
  262.             padding-right: 0px;
  263.             padding-left: 0px;
  264.             font-size: 12px;
  265.         }
  266.     }
  267.    
  268.     @media (max-width: 979px) {
  269.  
  270.       #wws {
  271.         margin: 0 auto;
  272.         max-width: 700px;
  273.       }
  274.       .navbar-fixed-top {
  275.         margin-right: 0 !important;
  276.       }
  277.       #search {
  278.       margin-left:auto !important;
  279.       margin-right:auto !important;
  280.       }
  281.      
  282.       #search_val {
  283.       width:150px;
  284.       }
  285.      
  286.       #authenticated {
  287.       margin:0 !important;
  288.       }
  289.       #authenticated ul {
  290.       margin:0 !important;
  291.       }
  292.      
  293.       .container.navbar-wrapper {
  294.         margin-bottom: 0;
  295.         width: auto;
  296.       }
  297.      
  298.       .container-fluid {
  299.         padding-right:25px;
  300.       }  
  301.    
  302.       .carousel .item {
  303.         height: 500px;
  304.       }
  305.       .carousel img {
  306.         width: auto;
  307.         height: 500px;
  308.       }
  309.  
  310.       .featurette {
  311.         height: auto;
  312.         padding: 0;
  313.       }
  314.       .featurette-image.pull-left,
  315.       .featurette-image.pull-right {
  316.         display: block;
  317.         float: none;
  318.         max-width: 40%;
  319.         margin: 0 auto 20px;
  320.       }
  321.     }
  322.  
  323.  
  324.     @media (max-width: 767px) {
  325.       #wws {
  326.         margin: 0 auto;
  327.         max-width: 700px;
  328.       }
  329.       #authenticated {
  330.       margin:0 !important;
  331.       }
  332.       #authenticated ul {
  333.       margin:0 !important;
  334.       }
  335.      
  336.       #select{
  337.       max-width:100px;
  338.       }
  339.       #search {
  340.       margin-left:auto !important;
  341.       margin-right:auto !important;
  342.       }
  343.      
  344.       #search_val {
  345.       width:100px;
  346.       }  
  347.  
  348.       .carousel {
  349.         margin-left: -20px;
  350.         margin-right: -20px;
  351.       }
  352.       .carousel .container {
  353.  
  354.       }
  355.       .carousel .item {
  356.         height: 300px;
  357.       }
  358.       .carousel img {
  359.         height: 300px;
  360.       }
  361.       .carousel-caption {
  362.         width: 65%;
  363.         padding: 0 70px;
  364.         margin-top: 100px;
  365.       }
  366.       .carousel-caption h1 {
  367.         font-size: 30px;
  368.       }
  369.       .carousel-caption .lead,
  370.       .carousel-caption .btn {
  371.         font-size: 18px;
  372.       }
  373.  
  374.       .marketing .span4 + .span4 {
  375.         margin-top: 40px;
  376.       }
  377.  
  378.       .featurette-heading {
  379.         font-size: 30px;
  380.       }
  381.       .featurette .lead {
  382.         font-size: 18px;
  383.         line-height: 1.5;
  384.       }
  385.  
  386.     }
  387.     </style>
  388.     <!--[if IE]>
  389.      <script src="../assets/js/html5shiv.js"></script>
  390.     <![endif]-->
  391.     <!--~WSC010;cookie_auth~WSCLIB;get_cust_info~WSCLIB;get_cust_aging~-->
  392.     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
  393.     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
  394.       <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
  395.                     <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
  396.                    
  397.                    
  398.      <script>
  399. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  400. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  401. </script>
  402. <script>
  403. try {
  404. var pageTracker = _gat._getTracker("UA-9396425-3");
  405. pageTracker._trackPageview();
  406. } catch(err) {}
  407. </script>
  408.   </head>
  409.  
  410.   <body>
  411.   <div id="wrap">
  412. <div id="fb-root"></div><script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=555544241165052"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
  413.     <div class="navbar-wrapper">
  414.     <div class="container">
  415.         <div class="navbar navbar-inverse">
  416.           <div class="navbar-inner">
  417.            <button id="trigger" style="float:left; margin:10px 0" type="button" class="btn btn-navbar trigger">
  418.             <span class="icon-bar"></span>
  419.             <span class="icon-bar"></span>
  420.             <span class="icon-bar"></span>
  421.           </button>
  422.           <a style="padding:5px;" class="brand" href="/"><img style="width:85px; margin:auto;" src="/images/BPI-Logo_black_transp.png" alt=""></a>
  423.           <form id="search" style="padding:10px 0 0 0; margin:auto;" class="pull-right"  method="get" action="search.html">
  424.                 <div class="input-append">
  425.                 <input id="search_val" type="text" name="search_val" placeholder="Search" size="30" maxlength="30">
  426.                     <select id='select' class="span2" name="search_type">
  427.                         <option value="websearch" [!--$sel_webs$--]>Fast Keyword</option>
  428.                         <option value="item" [!--$sel_item$--]>Item Number (Partial)</option>
  429.                         <option value="description" [!--$sel_desc$--]>Item Description (Partial)</option>
  430.                         <option value="alpha" [!--$sel_alph$--]>Alpha (case sensitive)</option>
  431.                     </select>
  432.                 <button class="btn" type="submit" name="go" value="Go!"><i class="icon-search"></i></button>
  433.                 </div>
  434.           </form>
  435.           <ul id="authenticated" style="padding-right:50px;" class="nav pull-right login-btn">
  436.             <div id="open" style="margin:5px;" class="dropdown">
  437.             <!--?(ws.authenticated)?-->
  438.             <script type='text/javascript'>
  439.             document.getElementById('authenticated').className += " active";
  440.             document.getElementById('open').className += " open";
  441.             </script>
  442.             <!--?-->
  443.             <!--?not(ws.authenticated)?-->
  444.            
  445.             <style type="text/css">
  446.             //opera only hack
  447.                 doesnotexist:-o-prefocus, .login {
  448.                 display:none;
  449.                 }
  450.                 doesnotexist:-o-prefocus, #logindd {
  451.                 display:none;
  452.                 }
  453.                 doesnotexist:-o-prefocus, .opera {
  454.                 display:inline-block !important;
  455.                 }
  456.             </style>
  457.             <!--[if IE]>
  458.             <style>
  459.              .login {
  460.                 display:none;
  461.              }
  462.              #logindd {
  463.                 display:none;
  464.              }
  465.             </style>
  466.             <a class="btn" href="/login2.php" target="_self"  title="Login"><i class="icon-user"></i>&nbsp;&nbsp;Log In</a>
  467.             <!--?(ws.authenticated)?-->
  468.             <i class="icon-user"></i>&nbsp;&middot;&nbsp;<!--$cust_name$-->&nbsp;&nbsp;<i class="caret"></i>
  469.             <!--?-->
  470.             <![endif]-->
  471.             <!--?-->
  472.             <a class="btn opera" href="/login2.php" target="_self"  title="Login"><i class="icon-user"></i>&nbsp;&nbsp;Log In</a>
  473.             <a href="#" id='logindd' class="btn dropdown-toggle login" data-toggle="dropdown"><!--?not(ws.authenticated)?--><i class="icon-user"></i>&nbsp;&nbsp;Log In <!--?--> <!--?(ws.authenticated)?--><i class="icon-user"></i>&nbsp;&middot;&nbsp;<!--$cust_name$--><!--?-->&nbsp;&nbsp;<i class="caret"></i></a>
  474.             <ul class="dropdown-menu">
  475.             <script src="httpauth.js"></script>
  476.             <!--?not(ws.authenticated)?-->
  477.             <style type='text/css'>
  478.                 #LogOut {
  479.                     display:none;
  480.                 }
  481.             </style>
  482.             <li><a class="httpauth" id="private" href="private.php">Log In</a></li>
  483.             <!--?-->
  484.             <!--?(ws.authenticated)?-->
  485.             <style type='text/css'>
  486.                 form.label{
  487.                     display:none;
  488.                 }
  489.                 #LogIn{
  490.                     display:none;
  491.                 }
  492.                 .input-prepend{
  493.                     display:none;
  494.                 }
  495.                 #LogOut {
  496.                     display:block;
  497.                     margin-left:50%;
  498.                 }
  499.             </style>
  500.             <li><a href="quick_lists.html" target="_top">Quick Lists</a></li>
  501.             <li><a href="order_status.html">Order Status</a></li>
  502.             <li><a href="statement.html">Statement</a></li>
  503.             <li><a href="recent_invoices.html">Recent Invoices</a></li>
  504.             <li><a href="history.html">Purchase History</a></li><li class="divider"></li>
  505.             <li><a href="shopping_cart.html" target="_self" title="Shopping Cart"><i class="icon-shopping-cart"></i>&nbsp;&nbsp;Shopping Cart&nbsp;&nbsp;<span class="badge" id="reg_cart"></span></a></li>
  506.             <li class="divider"></li>
  507.             <li><a class="httpauth" id="private" href="private.php">Log In</a></li>
  508.             <!--?-->
  509.             </ul>
  510.             </div>
  511.             </ul>
  512.             <div class="nav-collapse collapse" id='navbar'>
  513.               <ul class="nav">
  514.                 <li><a href="index.html" target="_self" title="Home"><span class="nav-text active"><i class="icon-home"></i>&nbsp;Home</span></a></li>
  515.                 <li><a href="contact.html" target="_self" title="Contact"><span class="nav-text">Contact</span></a></li>
  516.                 <li><a href="map.html" target="_self" title="Map"><span class="nav-text">Locations</span></a></li>
  517.                 <li><a href="products.html" target="_self" title="Catalog"><span class="nav-text">Catalog</span></a></li>
  518.                 <li class="dropdown">
  519.                   <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="nav-text">More <b class="caret"></b></span></a>
  520.                   <ul class="dropdown-menu">
  521.                     <li><a href="/brownsquarterly.pdf" target="_blank" title="Quarterly Special">Quarterly Special</a></li>
  522.                     <li><a href="about.html" target="_self" title="About Us">About Us</a></li>
  523.                     <li><a href="social.html" target="_self" title="Social">Social</a></li>
  524.                     <li><a href="mfgrs.html" target="_self" title=" Manufacturers">Manufacturers</a></li>
  525.                     <li><a href="gsa.html" target="_self" title="Government Services">Government Services</a></li>
  526.                     <li><a href="shopping_cart.html" target="_self" title="Shopping Cart"><i class="icon-shopping-cart"></i>&nbsp;&nbsp;Shopping Cart&nbsp;&nbsp;<span class="badge" id="cart"></span></a></li>
  527.                     <li class="divider"></li>
  528.                     <li class="nav-header">New User?</li>
  529.                     <li><a href="register.html" target="_self" title="registrar">Register With Us</a></li>
  530.                   </ul>
  531.                 </li>
  532.               </ul>
  533.             </div>
  534.           </div>
  535.         </div>
  536.       </div>
  537.     </div>
  538.         <a id="special" style="position:absolute; top:16%; right:2%; z-index:1000; width:157px;" target="_blank" href="/brownsquarterly.pdf"><img class="brand" style="max-height:150px; height:100%;" src="/img/quarterlyspecial.png"></img></a>
  539.     <style type="text/css">
  540.     @media (max-width: 800px) {
  541.     #special{
  542.         display:none!important;
  543.     }
  544.     }
  545.     @media (min-width: 1281px) {
  546.     #special{
  547.         top:3%!important;
  548.         left:0!important;
  549.     }
  550.     }
  551.     </style>
  552. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  553. <script type="text/javascript">
  554. function LoadContent() {
  555.     var Content = $('#wws');
  556.     var AjaxURL = './wws/wws.php';
  557.         $.ajax({
  558.             url: AjaxURL,
  559.             success:function( data ) {
  560.                 $(Content).html( data ) ;
  561.             }});
  562.     };
  563.    
  564.     $(document).ready(function() {
  565.     var d = new Date();
  566.     if (d.getDay() == 1,2,3,4,5,6,7) {
  567.         LoadContent();
  568.         };
  569.        
  570.     });
  571. </script>
  572.     <div id="myCarousel" class="carousel slide">
  573.       <div class="carousel-inner">
  574.         <div class="item active">
  575.           <img src="img/examples/GLENDALE-01.jpg" alt="">
  576.           <div class="container">
  577.             <div class="carousel-caption">
  578.               <h1>West Valley</h1>
  579.               <p class="lead"><abbr title="Brown's Partsmaster Incorporated">BPi</abbr> is your Complete Wholesale Plumbing Supplier for hard to find parts and so much more. Visit Brown's Partsmaster Inc Distribution Center located near the loop 101 &amp; Glendale, or our 3 other convenient locations.</p>
  580.               <a class="btn btn-primary" target="blank" href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=7280+N.+Glen+Harbor+Blvd,+Suite+101+Glendale,+Az+85307&amp;aq=&amp;sll=33.455059,-112.100071&amp;sspn=0.006382,0.013078&amp;ie=UTF8&amp;hq=&amp;hnear=7280+N+Glen+Harbor+Blvd+%23101,+Glendale,+Maricopa,+Arizona+85307&amp;t=m&amp;ll=33.54583,-112.282677&amp;spn=0.028614,0.038795&amp;z=13">View Map &raquo;</a><br>
  581.               <a class="btn btn-small btn-primary" href="products.html">View Our Stock</a>
  582.             </div>
  583.           </div>
  584.         </div>
  585.         <div class="item">
  586.           <img src="img/examples/GILBERT-02.jpg" alt="">
  587.           <div class="container">
  588.             <div class="carousel-caption">
  589.               <h1>East Valley</h1>
  590.               <p class="lead">Come Visit our Gilbert branch near the crossroads of Baseline &amp Arizona Avenue.</p>
  591.               <p><a class="btn btn-warning" target="_blank" href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=75+W.+Baseline+Rd,+Suite+24+Gilbert,+Az+85233&amp;aq=&amp;sll=33.455059,-112.100071&amp;sspn=0.006382,0.013078&amp;t=m&amp;ie=UTF8&amp;hq=&amp;hnear=75+W+Baseline+Rd+%2324,+Gilbert,+Maricopa,+Arizona+85233&amp;ll=33.378276,-111.832409&amp;spn=0.028669,0.038624&amp;z=13&amp;iwloc=A">View Map &raquo;</a></p>
  592.             </div>
  593.           </div>
  594.         </div>
  595.         <div class="item">
  596.           <img src="img/examples/NORTH-PHOENIX-04.jpg" alt="">
  597.           <div class="container">
  598.             <div class="carousel-caption">
  599.               <h1>North Phoenix</h1>
  600.               <p class="lead">Come Visit our North Phoenix branch near the Loop 101 &amp; Cavecreek Road.</p>
  601.               <p><a class="btn" target="_blank" href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=2840+E.+Mohawk+Lane,+Suite+105+Phoenix,+Az+85050&amp;aq=&amp;sll=33.541419,-112.293219&amp;sspn=0.006376,0.013078&amp;ie=UTF8&amp;hq=&amp;hnear=2840+E+Mohawk+Ln+%23105,+Phoenix,+Maricopa,+Arizona+85050&amp;t=m&amp;ll=33.674711,-112.021494&amp;spn=0.014286,0.019312&amp;z=14">View Map &raquo;</a></p>
  602.             </div>
  603.           </div>
  604.         </div>
  605.         <div class="item">
  606.           <img src="img/examples/DOWNTOWN-03.jpg" alt="">
  607.           <div class="container">
  608.             <div class="carousel-caption">
  609.               <h1>Downtown Phoenix</h1>
  610.               <p class="lead">Come Visit our Downtown Phoenix branch, at the crossroads of 19th Avenue &amp; Filmore Street.</p>
  611.               <p><a class="btn btn-info" target="_blank" href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=439+N+19th+Ave,+Phoenix,+AZ+85009&amp;aq=&amp;sll=33.37833,-111.832387&amp;sspn=0.006388,0.013078&amp;ie=UTF8&amp;hq=&amp;hnear=439+N+19th+Ave,+Phoenix,+Maricopa,+Arizona+85009&amp;t=m&amp;ll=33.458585,-112.104836&amp;spn=0.014321,0.019226&amp;z=14">View Map &raquo;</a></p>
  612.             </div>
  613.           </div>
  614.         </div>
  615.       </div>
  616.       <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  617.       <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
  618.     </div>
  619.     <div id="wws"></div> <br>
  620.    
  621.     <div class="container marketing">
  622.     <style>
  623.          .july{
  624.           background-color:#FEE;
  625.           background: url('images/slideshow/july_banner.jpg');
  626.          }
  627.          .j_content{
  628.          color:#FFFFFF;
  629.          }
  630.          .img-circle{
  631.             width: ;
  632.             height: 140px;
  633.          }
  634.         </style>
  635.     <div class="well text-center" id="highlight"><h1 class="">Product Highlight for <b class="text-info">July</b></h1>
  636.       <hr>
  637.       <h3 class="">Introducing <b class="text-info"><a href="http://www.bpisite.com/search.html?search_val=PASCO&search_type=websearch&go=Go%21" target="_blank">Pasco</a></b> Drain Snake Specialities</h3>
  638.       <hr>
  639.       <div class="row-fluid">
  640.       <a href="http://www.bpisite.com/search.html?search_val=PASCO&search_type=websearch&go=Go%21" target="_blank"><img style="" src="/images/pasco_special.jpg"></img></a>
  641.       <div style="display:none;" class="hidden">
  642.         <div class="span4">
  643.           <img class="img-circle" data-src="holder.js/140x140" src="/images/slideshow/402108.jpg">
  644.           <h4>Oil Rubbed Bronze tub trim kit</h4><br>
  645.           <p><a class="btn" href="./search.html?search_val=402108&search_type=websearch&go=Go%21">View details &raquo;</a></p>
  646.         </div>
  647.         <div class="span4">
  648.           <img class="img-circle" data-src="holder.js/140x140" src="/images/slideshow/403163.jpg">
  649.           <h4>Satin Nickel Tub Diverter Spout</h4><br>
  650.           <p><a class="btn" href="./search.html?search_val=403163&search_type=websearch&go=Go%21">View details &raquo;</a></p>
  651.         </div>
  652.         <div class="span4">
  653.           <img class="img-circle" data-src="holder.js/140x140" src="/images/slideshow/402299.jpg">
  654.           <h4>Oil Rubbed Bronze Shower arm & flange</h4><br>
  655.          <p><a class="btn" href="./search.html?search_val=402299&search_type=websearch&go=Go%21">View details &raquo;</a></p>
  656.         </div>
  657.         </div><br><div style="display:none;" class="row-fluid">
  658.         <div class="span4">
  659.           <img class="img-circle" data-src="holder.js/140x140" src="/images/slideshow/402327.jpg">
  660.           <h4>Oil Rubbed Bronze Shower head</h4><br>
  661.           <p><a class="btn" href="./search.html?search_val=402327&search_type=websearch&go=Go%21">View Details &raquo;</a></p>
  662.         </div>
  663.         <div class="span4">
  664.           <img class="img-circle" data-src="holder.js/140x140" src="/images/slideshow/403140.jpg">
  665.           <h4>Polished Brass Front Threaded Diverter Spout</h4>
  666.           <p><a class="btn" href="./search.html?search_val=403140&search_type=websearch&go=Go%21">View Details &raquo;</a></p>
  667.         </div>
  668.         <div class="span4">
  669.           <img class="img-circle" data-src="holder.js/140x140" src="/images/slideshow/700969.jpg">
  670.           <h4>Brushed Nickel Moen Trim Kit</h4><br>
  671.           <p><a class="btn" href="./search.html?search_val=700969&search_type=websearch&go=Go%21">View Details &raquo;</a></p>
  672.         </div>
  673.         </div>
  674.        
  675.         </div>
  676.     </div>
  677.  
  678.  
  679.       <!-- Three columns of text below the carousel -->
  680.       <div style="display:none;" class="hero-unit">
  681.       <h2><p class="lead">We recommend viewing our website with the following web browsers: <a href="#GoogleChrome">Google Chrome</a>, <a href="#MozillaFirefox">Mozilla Firefox</a>, <a href="#InternetExplorer">Internet Explorer (9 and above)</a><br><br>
  682.         Please see below for the corresponding download links.</p></h2>
  683.       <hr class="featurette-divider">
  684.       <section id="GoogleChrome">
  685.       <div class="featurette">
  686.         <a class="" target="_blank" href="https://www.google.com/intl/en/chrome/browser/"><img class="featurette-image pull-right" src="img/examples/browser-icon-chrome.png"></a>
  687.         <h2 class="featurette-heading">Google Chrome<br> <a class="muted" target="_blank" href="https://www.google.com/intl/en/chrome/browser/">Download.</a></h2>
  688.         <p class="lead">Please download the most current version of Google Chrome compatible with your system in order to utilize every new feature of our website.</p>
  689.       </div>
  690.          
  691.       </section>
  692.        <section id="MozillaFirefox">
  693.       <hr class="featurette-divider">
  694.       <div class="featurette">
  695.         <a class="" target="_blank" href="http://www.mozilla.org/en-US/firefox/new/"><img class="featurette-image pull-left" src="img/examples/browser-icon-firefox.png"></a>
  696.         <h2 class="featurette-heading">Mozilla Firefox<br> <a class="muted" target="_blank" href="http://www.mozilla.org/en-US/firefox/new/">Download.</a></h2>
  697.         <p class="lead">Please download the most current version of Mozilla Firefox compatible with your system in order to utilize every new feature of our website.</p>
  698.       </div>
  699.        
  700.       </section>
  701.       <section id="InternetExplorer">
  702.       <hr class="featurette-divider">
  703.       <div class="featurette">
  704.         <a class="" target="_blank" href="http://windows.microsoft.com/en-us/internet-explorer/download-ie"><img class="featurette-image pull-right" src="img/examples/browser-icon-internet-explorer_shadow.png"></a>
  705.         <h2 class="featurette-heading">Internet Explorer<br> <a class="muted" target="_blank" href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">Download.</a></h2>
  706.         <p class="lead">Please download the most current version of Internet Explorer compatible with your system in order to utilize every new feature of our website.</p>
  707.       </div>
  708.       </section>
  709.      
  710.       </div>
  711.     <hr class="featurette-divider">
  712. <style>
  713.     #social {
  714.     }
  715.     #social_t:hover {
  716.     color:#00aced;
  717.     text-decoration:none;
  718.     }
  719.     #social_f:hover {
  720.     color:#3B5998;
  721.     text-decoration:none;
  722.     }
  723. </style>
  724.       <footer>
  725.         <div class="pull-right text-center">
  726.         <p><a href="#">&nbsp;Back to top</a></p>
  727.         <div style='margin-right:2px;'>
  728.         <a id='social_f' class="muted twitter" target='_blank' href='http://www.facebook.com/pages/Browns-Partsmaster-Inc/101083536670'><i class="icon-facebook-sign icon-2x"></i></a>
  729.         <a id='social_t' class="muted facebook" target='_blank' href='http://www.twitter.com/bpisite'><i class="icon-twitter-sign icon-2x"></i></a>
  730.         </div>
  731.         <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50fda8a607845ee1"></script>
  732.         </div>
  733.         <div class="fb-like" data-href="https://www.facebook.com/pages/Browns-Partsmaster-Inc/101083536670" data-send="true" data-width="450" data-show-faces="true" data-font="arial" data-action="recommend"></div>
  734.        
  735.         <hr>
  736. <link href="footer.css" rel="stylesheet" />
  737.         <div class="row">
  738.         <div id="sitemap" class="wrap">
  739.         <div style="margin:auto;" class="nav navbar">
  740.         <div class="container">
  741.         <nav role="navigation" style="text-align:center;">
  742.         <table style="margin:20px auto;">
  743.         <tbody>
  744.         <tr>
  745.             <td class='text-center' style="margin:0 auto;">
  746.             <ul class="inline-phone clearfix">
  747.                 <li><a href="/">Home</a></li>
  748.                 <li><a href="about.html">About</a></li>
  749.                 <li><a href="social.html">Social</a></li>
  750.                 <li><a href="contact.html">Contact</a></li>
  751.                 <li><a href="gsa.html">GSA</a></li>
  752.                 <li><a href="map_div.html">Map</a></li>
  753.                 <li><a href="search.html">Search</a></li>
  754.             </ul>
  755.             </td>
  756.         </tr>
  757.         <tr>
  758.             <td class='text-center' style="margin:0 auto;">
  759.             <ul class="inline-phone clearfix">
  760.                 <li><a href="products.html">Products</a></li>
  761.                 <li><a href="register.html">Register</a></li>
  762.                 <li><a href="shopping_cart.html">Shopping Cart</a></li>
  763.                 <li><a href="checkout.html">Checkout</a></li>
  764.                 <li><a href="brownsquarterly.pdf">Quarterly Special</a></li>
  765.                 <li><a href="update.html">Update</a></li>
  766.                 <li><a href="mfgrs.html">Manufacturers</a></li>
  767.             </ul>
  768.             </td>
  769.         </tr>
  770.         </tbody>
  771.         </table>
  772.         </nav>
  773.         </div>
  774.         </div>
  775.         </div>
  776.         </div>
  777.       </footer>
  778.       <div id='push' class='push'></div>
  779.     <div id="tos_pp" class="modal hide fade" tabindex="-1"></div>
  780.     </div> <!-- /container -->
  781.     </div>
  782.     <div id="footer">
  783.     <div id="container">
  784.     <p class="muted copyright"><a class="muted tos" href="#" data-toggle="modal" role="button">Legal</a> &nbsp;&nbsp;&copy; 2014 Brown's Partsmaster, Inc. <a class="pull-right muted" href="/bootstrap/index.html">Test New Homepage</a></p>
  785.     </div>
  786.     </div>
  787.     <script src="js/jquery.js"></script>
  788.     <script src="js/bootstrap-transition.js"></script>
  789.     <script src="js/bootstrap-alert.js"></script>
  790.     <script src="js/bootstrap-modal.js"></script>
  791.     <script src="js/bootstrap-dropdown.js"></script>
  792.     <script src="js/bootstrap-scrollspy.js"></script>
  793.     <script src="js/bootstrap-tab.js"></script>
  794.     <script src="js/bootstrap-tooltip.js"></script>
  795.     <script src="js/bootstrap-popover.js"></script>
  796.     <script src="js/bootstrap-button.js"></script>
  797.     <script src="js/bootstrap-collapse.js"></script>
  798.     <script src="js/bootstrap-carousel.js"></script>
  799.     <script src="js/bootstrap-typeahead.js"></script>
  800.     <script src="js/bootstrap-modalmanager.js"></script>
  801.     <script src="js/bootstrap-modal.js"></script>
  802.     <script src="legal_modal.js"></script>
  803.     <script src="js/bootstrap-jpanel.js"></script>
  804.     <script>
  805.     var jPM = $.jPanelMenu({
  806.         menu: '#navbar',
  807.         trigger: '#trigger'
  808.         });
  809.     jPM.on();
  810.     </script>
  811.     <script>
  812.       !function ($) {
  813.         $(function(){
  814.           // carousel demo
  815.           $('#myCarousel').carousel()
  816.         })
  817.       }(window.jQuery)
  818.     </script><script src="js/google-analytics.js"></script>
  819. <script src="js/jquery.1.10.2.min.js"></script><script src="scrollToTop/src/jquery-scrollToTop.js"></script><script type="text/javascript">$(document).ready(function($) {$('body').scrollToTop({distance: 200,speed: 1000,easing: 'linear',animation: 'fade',animationSpeed: 500,mobile: {width: 768,distance: 100,speed: 1000,easing: 'easeInOutElastic',animation: 'slide',animationSpeed: 200},trigger: null,target: null,text: 'Scroll To Top',skin: 'cycle', easing: 'easeInOutElastic',throttle: 250,namespace: 'scrollToTop'});});</script>
  820.    
  821.   </body>
  822. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!