API tools faq
paste
Advertisement
Nerdicus

Web Registration Page

Nerdicus
Aug 22nd, 2014
187
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 19.49 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>BPI &middot; Registration</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, 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="verify-v1" content="7fwtIhbDkLzRCRSq0fWWDP7IoFxo9ybDSGkHAvfTjY4=" />
  15.     <!-- Le styles -->
  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.     <style type="text/css">
  20.     /* Custom container */
  21.     .container-narrow {
  22.         margin: 0 auto;
  23.             max-width: 700px;
  24.     }
  25.     .container-narrow > hr {
  26.             margin: 30px 0;
  27.         }
  28.         /* Main marketing message and sign up button */
  29.         .jumbotron {
  30.         margin: 60px 0;
  31.             text-align: center;
  32.     }
  33.     .jumbotron h1 {
  34.             font-size: 72px;
  35.             line-height: 1;
  36.     }
  37.     .jumbotron .btn {
  38.             font-size: 21px;
  39.             padding: 14px 24px;
  40.     }
  41.     /* Supporting marketing content */
  42.     .marketing {
  43.             margin: 60px 0;
  44.     }
  45.     .marketing p + h4 {
  46.             margin-top: 28px;
  47.     }
  48.     </style>
  49.     <link href="bootstrap-responsive.css" rel="stylesheet">
  50.  
  51. <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  52. <!--[if lt IE 9]>
  53.      <script src="../assets/js/html5shiv.js"></script>
  54. <![endif]-->
  55.  
  56.     <!-- Fav and touch icons -->
  57.     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
  58.     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
  59.     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
  60.         <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
  61. </head>
  62. <body>
  63. <div id="wrap">
  64.     <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>
  65.  
  66.     <div class="container-narrow">
  67.       <div class="navbar navbar-inverse navbar-fixed-top">
  68.             <div class="navbar-inner">
  69.           <div class="container-fluid">
  70.             <button id="trigger" style="float:left; margin:10px 0" type="button" class="btn btn-navbar trigger">
  71.                   <span class="icon-bar"></span>
  72.                   <span class="icon-bar"></span>
  73.                   <span class="icon-bar"></span>
  74.             </button>
  75.           <a class="brand" href="/"><img style="width:85px; margin:auto;" src="/images/BPI-Logo_black_transp.png" alt=""></a>
  76.               <form id="search" style="padding:10px 0 0 0; margin:auto;" class="pull-right"  method="get" action="search.html">
  77.             <div class="input-append">
  78.               <input id="search_val" type="text" name="search_val" placeholder="Search" size="30" maxlength="30">
  79.               <select id='select' class="span2" name="search_type">
  80.                 <option value="websearch" [!--$sel_webs$--]>Fast Keyword</option>
  81.                 <option value="item" [!--$sel_item$--]>Item Number (Partial)</option>
  82.                 <option value="description" [!--$sel_desc$--]>Item Description (Partial)</option>
  83.                 <option value="alpha" [!--$sel_alph$--]>Alpha (case sensitive)</option>
  84.               </select>
  85.               <button class="btn" type="submit" name="go" value="Go!"><i class="icon-search"></i></button>
  86.             </div>
  87.           </form>
  88.           <div class="nav-collapse collapse" id="navbar">
  89.             <!--/Start content for users with accounts -->
  90.             <ul class="nav pull-right login-btn">
  91.             <div style="margin:5px;" class="dropdown pull-right">
  92.             <a href="#" class="btn dropdown-toggle" data-toggle="dropdown"><!--?not(ws.authenticated)?--><i class="icon-user"></i> Log In<!--?--> <!--?(ws.authenticated)?--><i class="icon-user"></i> <!--?--><!--?(ws.authenticated)?--><!--$cust_name$--><!--?-->&nbsp;&nbsp;&nbsp;<b class="caret"></b></a>
  93.             <ul style="padding:10px;" class="dropdown-menu">
  94.               <script src="httpauth.js"></script>
  95.               <!--?not(ws.authenticated)?-->
  96.               <style type='text/css'>
  97.               #LogOut {
  98.                 display:none;
  99.               }
  100.               </style>
  101.               <li><a class="httpauth" id="private" href="private.php">Log In</a></li><!--/.For Login -->
  102.               <!--?-->
  103.               <!--?(ws.authenticated)?-->
  104.               <style type='text/css'>
  105.               form.label{
  106.                 display:none;
  107.               }
  108.               #LogIn{
  109.                 display:none;
  110.               }
  111.               .input-prepend{
  112.                 display:none;
  113.               }
  114.               #LogOut {
  115.                 display:block;
  116.                 margin-left:50%;
  117.               }
  118.               </style>
  119.               <li><a href="quick_lists.html" target="_top">Quick Lists</a></li>
  120.               <li><a href="order_status.html">Order Status</a></li>
  121.               <li><a href="statement.html">Statement</a></li>
  122.               <li><a href="recent_invoices.html">Recent Invoices</a></li>
  123.               <li><a href="history.html">Purchase History</a></li>
  124.               <li class="divider"></li>
  125.               <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>
  126.               <li class="divider"></li>
  127.               <li><a class="httpauth" id="private" href="private.php">Log Out</a></li><!--/.for Logout -->
  128.               <!--?-->
  129.             </ul>
  130.             </div>
  131.             </ul><!--/.end content for users with accounts -->
  132.               <ul class="nav">
  133.                 <li><a href="index.html" target="_self" title="Home"><span class="nav-text"><i class="icon-home"></i>&nbsp;Home</span></a></li>
  134.                 <li><a href="contact.html" target="_self" title="Contact"><span class="nav-text">Contact</span></a></li>
  135.         <li><a href="map.html" target="_self" title="Map"><span class="nav-text">Locations</span></a></li>
  136.         <li><a href="products.html" target="_self" title="Catalog"><span class="nav-text">Catalog</span></a></li>
  137.                 <li class="dropdown">
  138.                   <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="nav-text active">More <b class="caret"></b></span></a>
  139.                   <ul class="dropdown-menu">
  140.             <li><a href="brownsquarterly.pdf" target="_blank" title="Quarterly Special">Quarterly Special</a></li>
  141.                     <li><a href="about.html" target="_self" title="About Us">About Us</a></li>
  142.             <li><a href="social.html" target="_self" title="Social">Social</a></li>
  143.                     <li><a href="mfgrs.html" target="_self" title=" Manufacturers">Manufacturers</a></li>
  144.             <li><a href="gsa.html" target="_self" title="Government Services">Government Services</a></li>
  145.             <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>
  146.                     <li class="divider"></li>
  147.                     <li class="nav-header">New User?</li>
  148.                     <li class="active"><a href="register.html" target="_self" title="Register">Register With Us</a></li>
  149.                   </ul><!--/.dropdown-menu -->
  150.                 </li><!--/.dropdown -->
  151.               </ul><!--/.nav -->
  152.           </div><!--/.nav-collapse -->
  153.         </div>
  154.       </div>
  155.     </div><!--/.navbar -->
  156. <br><br><br>
  157.     <div class="well text-center">
  158.         <h2>Website Registration</h2><br>
  159.     <h3>Please Fill out Every Field!</h3>
  160.    
  161.     <form class="reg"  name="form" method="POST" action="registration.php">
  162.       <input type="hidden" name="recipient" value="sdunn@dsa.us">
  163.  
  164.       <div class="ctext row-fluid marketing">
  165.         <div class="span6">
  166.           <div class="control-group">
  167.             <label class="control-label" for="company">Company Name:</label>
  168.             <div class="controls">
  169.               <div class="input-prepend">
  170.             <span class="add-on"><i class="icon-tag"></i></span>
  171.             <input id="company" class="reg" name="company" type="text" placeholder="Company Name" required>
  172.           </div><!-- /.input-prepend -->
  173.         </div><!-- /.controls -->
  174.           </div><!-- /.control-group company -->
  175.    
  176.           <div class="control-group">
  177.             <label class="control-label" for="address">Address:</label>
  178.             <div class="controls">
  179.               <div class="input-prepend">
  180.             <span class="add-on"><i class="icon-home"></i></span>
  181.             <input id="address" class="reg" name="address" type="text" placeholder="Address" required>
  182.           </div><!-- /.input-prepend -->
  183.         </div><!-- /.controls -->
  184.           </div><!-- /.control-group address -->
  185.    
  186.           <div class="control-group">
  187.             <label class="control-label" for="city">City:</label>
  188.             <div class="controls">
  189.           <div class="input-prepend">
  190.             <span class="add-on"><i class="icon-road"></i></span>
  191.             <input id="city" class="reg" name="city" type="text" placeholder="City" required>
  192.           </div><!-- /.input-prepend -->
  193.         </div><!-- /.controls -->
  194.           </div><!-- /.control-group city -->
  195.  
  196.           <div class="control-group">
  197.             <label class="control-label" for="state">State:</label>
  198.             <div class="controls">
  199.           <div class="input-prepend">
  200.             <span class="add-on"><i class="icon-globe"></i></span>
  201.             <input id="state" class="reg" name="state" type="text" placeholder="State" required>
  202.           </div><!-- /.input-prepend-->
  203.         </div><!-- /.contrtols -->
  204.           </div><!-- /.control-group state -->
  205.    
  206.           <div class="control-group">
  207.             <label class="control-label" for="zip">Zip:</label>
  208.             <div class="controls">
  209.           <div class="input-prepend">
  210.             <span class="add-on"><i class="icon-asterisk"></i></span>
  211.             <input id="zip" class="reg" name="zip" type="text" placeholder="Zip" required>
  212.           </div><!-- /.input-prepend -->
  213.         </div><!-- /.controls -->
  214.           </div><!-- /.control-group zip -->
  215.         </div><!-- /.span6 -->
  216.  
  217.         <div class="span6">
  218.           <div class="control-group">
  219.             <label class="control-label" for="buyer">Buyer Name:</label>
  220.             <div class="controls">
  221.           <div class="input-prepend">
  222.             <span class="add-on"><i class="icon-user"></i></span>
  223.             <input id="buyer" class="reg" name="authbuyer" type="text" placeholder="Buyer Name" required>
  224.           </div><!-- /.input-prepend -->
  225.         </div><!-- /.controls -->
  226.           </div><!-- /.control-group buyer -->
  227.    
  228.           <div class="control-group">
  229.             <label class="control-label" for="phone">Phone:</label>
  230.             <div class="controls">
  231.           <div class="input-prepend">
  232.             <span class="add-on"><i class="icon-phone"></i></span>
  233.             <input id="phone" class="reg" name="phone" type="tel" placeholder="Phone (Spaces and Dashes OK)" required>
  234.           </div><!-- /.input-prepend -->
  235.             </div><!-- /.controls -->
  236.           </div><!-- /.control-group phone -->
  237.    
  238.           <div class="control-group">
  239.                 <label class="control-label" for="fax">Fax:</label>
  240.             <div class="controls">
  241.           <div class="input-prepend">
  242.             <span class="add-on"><i class="icon-print"></i></span>
  243.             <input id="fax" class="reg" name="fax" type="tel" placeholder="Fax (Spaces and Dashes OK)">
  244.           </div><!-- /.input-prepend -->
  245.         </div><!-- /.controls -->
  246.           </div><!-- /.control-group fax -->
  247.    
  248.           <div class="control-group">
  249.             <label class="control-label" for="e-mail">E-Mail:</label>
  250.             <div class="controls">
  251.           <div class="input-prepend">
  252.             <span class="add-on"><i class="icon-envelope"></i></span>
  253.             <input id="e-mail" class="reg" name="email" type="email" placeholder="E-Mail" required>
  254.           </div><!-- /.input-prepend -->
  255.         </div><!-- /.control -->
  256.           </div><!-- /.control-group e-mail -->
  257.    
  258.           <div class="control-group">
  259.             <label class="control-label" for="pass">Password:</label>
  260.             <div class="controls">
  261.           <div class="input-prepend">
  262.             <span class="add-on"><i class="icon-lock"></i></span>
  263.                 <input id="pass" class="reg" name="password" type="text" placeholder="Password"  required/>
  264.           </div><!-- /.input-prepend -->
  265.         </div><!-- /.controls -->
  266.           </div><!-- /.control-group pass -->
  267.         </div><!-- /.span6 -->
  268.       <br>
  269.         <p><button class="btn btn-success" name="button" type="button" onClick="verify();" value="Submit Request">Submit Request</button><br><br>
  270.     <button class="btn btn-small btn-danger" name="reset" type="reset" value="Clear Form">Clear Form</button></p>  
  271.     </form><!-- /.reg END Registration Form -->
  272.       </div><!-- /. row -->
  273.     </div><!-- /. jumbotron -->
  274.     <hr>
  275.     <div class="row-fluid marketing">
  276.       <div class="span6">
  277.         <h4>Credit Application</h4>
  278.         <p><a href="bpi-credit-application.pdf" target="_blank">Click here to download a BPI Credit Application</a></p>
  279.         <h4></h4>
  280.         <p></p>
  281.         <h4>Questions?</h4>
  282.         <p><a href="contact.html" target="_blank">Click here to contact us if you have any questions.</a></p>
  283.       </div><!-- /.span6 -->
  284.  
  285.       <div class="span6">
  286.         <h4>Tax Exempt</h4>
  287.           <p><a href="bpi_tax_exempt.pdf" target="_blank">Click here to downoad a BPI Tax Exemption form</a></p>
  288.           <h4></h4>
  289.           <p></p>
  290.           <h4></h4>
  291.           <p></p>
  292.        </div><!-- /.span6 -->
  293.      </div><! -- /.row-fluid marketing -->
  294.      <hr>
  295.      <footer>  
  296.        <div class="pull-right">
  297.      <div class="addthis_toolbox addthis_32x32_style addthis_default_style">
  298.      <a class="addthis_button_facebook_follow" addthis:userid="pages/Browns-Partsmaster-Inc/101083536670"></a>
  299.      <a class="addthis_button_twitter_follow" addthis:userid="bpiplumbing"></a>
  300.        </div><!-- /.pull-right -->
  301.     <div></div>
  302.     <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50fda8a607845ee1"></script>
  303.     </div>
  304.     <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>  
  305.     <hr>
  306.     <link href="footer.css" rel="stylesheet" />
  307.         <div class="row">
  308.       <div id="sitemap" class="wrap">
  309.         <div style="margin:auto;" class="nav navbar">
  310.         <div class="container">
  311.         <nav role="navigation" style="text-align:center;">
  312.         <table style="margin:20px auto;">
  313.           <tbody>
  314.         <tr>
  315.           <td class='text-center' style="margin:0 auto;">
  316.             <ul class="inline-phone clearfix">
  317.               <li><a href="/">Home</a></li>
  318.               <li><a href="about.html">About</a></li>
  319.               <li><a href="social.html">Social</a></li>
  320.               <li><a href="contact.html">Contact</a></li>
  321.               <li><a href="gsa.html">GSA</a></li>
  322.               <li><a href="map_div.html">Map</a></li>
  323.               <li><a href="search.html">Search</a></li>
  324.             </ul>
  325.           </td>
  326.         </tr>
  327.         <tr>
  328.           <td class='text-center' style="margin:0 auto;">
  329.             <ul class="inline-phone clearfix">
  330.               <li><a href="products.html">Products</a></li>
  331.               <li><a href="register.html">Register</a></li>
  332.               <li><a href="shopping_cart.html">Shopping Cart</a></li>
  333.               <li><a href="checkout.html">Checkout</a></li>
  334.               <li><a href="brownsquarterly.pdf">Quarterly Special</a></li>
  335.               <li><a href="update.html">Update</a></li>
  336.               <li><a href="mfgrs.html">Manufacturers</a></li>
  337.             </ul>
  338.           </td>
  339.         </tr>
  340.           </tbody>
  341.         </table>
  342.         </nav>
  343.       </div><!-- /.container -->
  344.           </div><!-- /.nav navbar -->
  345.         </div><!-- /.sitemap -->
  346.       </div><!-- /.row -->
  347.       </footer>
  348.       <div id='push' class='push'></div>
  349.       <div id="tos_pp" class="modal hide fade" tabindex="-1"></div>
  350.       <div id="ajax-modal-cart" class="modal hide fade" tabindex="-1"></div>
  351.       <div id="ajax-modal" class="modal hide fade" tabindex="-1"></div>
  352.     </div> <!-- /container -->
  353.   </div>
  354.   <div id="footer">
  355.     <div id="container-fluid">
  356.     <p class="muted copyright"><a class="muted tos" href="#" data-toggle="modal" role="button">Legal</a> &nbsp;&nbsp;&copy; 2013 Brown's Partsmaster, Inc.</p>
  357.     </div>
  358.     </div>
  359.  
  360.     <!-- Le javascript
  361.    ================================================== -->
  362.     <!-- Placed at the end of the document so the pages load faster -->
  363.     <script src="js/jquery.js"></script>
  364.     <script src="js/bootstrap-transition.js"></script>
  365.     <script src="js/bootstrap-alert.js"></script>
  366.     <script src="js/bootstrap-modalmanager.js"></script>
  367.     <script src="js/bootstrap-modal.js"></script>
  368.     <script src="legal_modal.js"></script>
  369.     <script src="js/bootstrap-dropdown.js"></script>
  370.     <script src="js/bootstrap-scrollspy.js"></script>
  371.     <script src="js/bootstrap-tab.js"></script>
  372.     <script src="js/bootstrap-tooltip.js"></script>
  373.     <script src="js/bootstrap-popover.js"></script>
  374.     <script src="js/bootstrap-button.js"></script>
  375.     <script src="js/bootstrap-collapse.js"></script>
  376.     <script src="js/bootstrap-carousel.js"></script>
  377.     <script src="js/bootstrap-typeahead.js"></script>
  378.     <script src="js/google-analytics.js"></script> 
  379.     <script src="js/bootstrap-jpanel.js"></script>
  380.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script src="scrollToTop/src/jquery-scrollToTop.js"></script>
  381.     <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>
  382.     <script>
  383.     var jPM = $.jPanelMenu({
  384.         menu: '.nav-collapse',
  385.         trigger: '#trigger'
  386.         });
  387.     jPM.on();
  388.     </script>
  389.     <script language="JavaScript">
  390.     function verify() {
  391.       var themessage = "You are required to complete the following fields: ";
  392.       if (document.form.company.value=="") {
  393.         themessage = themessage + " - First Name";
  394.       }
  395.       if (document.form.authbuyer.value=="") {
  396.         themessage = themessage + " -  Last Name";
  397.       }
  398.       if (document.form.address.value=="") {
  399.         themessage = themessage + " -  Address";
  400.       }
  401.       if (document.form.city.value=="") {
  402.         themessage = themessage + " -  City";
  403.       }
  404.       if (document.form.state.value=="") {
  405.         themessage = themessage + " -  State";
  406.       }
  407.       if (document.form.zip.value=="") {
  408.         themessage = themessage + " -  Zip";
  409.       }
  410.       if (document.form.phone.value=="") {
  411.         themessage = themessage + " -  Phone";
  412.       }
  413.       if (document.form.email.value=="") {
  414.         themessage = themessage + " -  E-mail";
  415.       }
  416.       if (document.form.password.value=="") {
  417.         themessage = themessage + " - Password";
  418.       }
  419.       //alert if fields are empty and cancel form submit
  420.       if (themessage == "You are required to complete the following fields: ") {
  421. document.form.submit();
  422.       }
  423.       else {
  424.         alert(themessage);
  425.       return false;
  426.       }
  427.       }
  428.       //  End -->
  429.     </script>
  430.   </body>
  431. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!