API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 8th, 2017
175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 51.82 KB | None | 0 0
raw download clone embed print report
  1. <html class="whatinput-types-initial whatinput-types-keyboard whatinput-types-mouse" lang="en" dir="ltr" data-whatinput="mouse" data-whatintent="mouse"><head>
  2. <meta charset="utf-8">
  3. <meta http-equiv="x-ua-compatible" content="ie=edge">
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <title>Ajax Address Book</title>
  6. <link rel="stylesheet" href="css/foundation.css">
  7. <link rel="stylesheet" href="css/custom.css">
  8. <link rel="stylesheet" href="css/app.css">
  9. <meta class="foundation-mq"></head>
  10. <body>
  11.     <div class="row">
  12.         <div class="large-6 columns">
  13.             <h1>Ajax Address Book</h1>
  14.         </div>
  15.         <div class="large-6 columns">
  16.             <a class="add-btn button float-right small" data-open="addModal" aria-controls="addModal" aria-haspopup="true" tabindex="0">Add
  17.                 Contact</a>
  18.            
  19.         </div>
  20.     </div>
  21.  
  22.     <!-- Loading Image -->
  23.     <div id="loaderImage" style="display: none;">
  24.         <img src="img/ajax-loader.gif">
  25.     </div>
  26.  
  27.     <!-- Table Goes HERE / contacts.php / Main Content-->
  28.     <div id="pageContent">
  29. <div class="row">
  30.    <div class="large-12 columns">
  31.      <table>
  32.           <thead>
  33.             <tr>
  34.               <th width="200">Name</th>
  35.               <th width="130">Phone</th>
  36.               <th width="200">Email</th>
  37.               <th width="250">Address</th>
  38.               <th width="100">Group</th>
  39.               <th width="150">Actions</th>
  40.             </tr>
  41.           </thead>
  42.          
  43.           <tbody>
  44.                      
  45.               <tr>
  46.                 <td><a href="contact.html">John Doen</a></td>
  47.                 <td>(978) 555-1111</td>
  48.                 <td>jdoe@gmail.com</td>
  49.                 <td>
  50.                   <ul>
  51.                     <li>223 Massachusetts Ave</li>
  52.                     <li></li>
  53.                     <li>Cambridge, MA 02136</li>
  54.                   </ul>
  55.                 </td>
  56.               <td>Business</td>
  57.             <td>
  58.               <ul class="button-group">
  59.                 <li>    
  60.                     <a class="button tiny" data-open="editModal1" data-contact-id="1">Edit</a>
  61.                     <div class="reveal editModal" id="editModal1" data-cid="1" data-reveal="">
  62.                          <h2>Edit Contact</h2>
  63.                          <form id="editContact" action="#" method="post">
  64.                               <div class="row">
  65.                               <div class="large-6 columns">
  66.                                 <label>First Name
  67.                                 <input name="first_name" type="text" placeholder="Enter First Name" value="John">
  68.                                 </label>
  69.                               </div>
  70.                                <div class="large-6 columns">
  71.                                 <label>Last Name
  72.                                 <input name="last_name" type="text" placeholder="Enter Last Name" value="Doen">
  73.                                 </label>
  74.                               </div>
  75.                               </div>
  76.                               <div class="row">
  77.                               <div class="large-4 columns">
  78.                                 <label>Email
  79.                                 <input name="email" type="email" placeholder="Enter Email Address" value="jdoe@gmail.com">
  80.                                 </label>
  81.                               </div>
  82.                               <div class="large-4 columns">
  83.                                 <label>Phone Number
  84.                                 <input name="phone" type="text" placeholder="Enter Phone Number" value="(978) 555-1111">
  85.                                 </label>
  86.                               </div>
  87.                               <div class="large-4 columns">
  88.                                 <label>Contact Group
  89.                                   <select name="contact_group">
  90.                                     <option value="Family">Family</option>
  91.                                     <option value="Friends">Friends</option>
  92.                                     <option value="Business" selected="">Business</option>
  93.                                   </select>
  94.                                 </label>
  95.                               </div>
  96.                               </div>
  97.                               <div class="row">
  98.                               <div class="large-6 columns">
  99.                                 <label>Address 1
  100.                                 <input name="address1" type="text" placeholder="Enter Address 1" value="223 Massachusetts Ave">
  101.                                 </label>
  102.                               </div>
  103.                                <div class="large-6 columns">
  104.                                 <label>Address 2
  105.                                 <input name="address2" type="text" placeholder="Enter Address 2" value="">
  106.                                 </label>
  107.                               </div>
  108.                               </div>
  109.                               <div class="row">
  110.                               <div class="large-4 columns">
  111.                                 <label>City
  112.                                 <input name="city" type="text" placeholder="Enter Your City" value="Cambridge">
  113.                                 </label>
  114.                               </div>
  115.                               <div class="large-4 columns">
  116.                                 <label>State
  117.                                 <select name="state">
  118.                                                                   <option value="AL">Alabama</option>
  119.                                                                   <option value="AK">Alaska</option>
  120.                                                                   <option value="AZ">Arizona</option>
  121.                                                                   <option value="AR">Arkansas</option>
  122.                                                                   <option value="CA">California</option>
  123.                                                                   <option value="CO">Colorado</option>
  124.                                                                   <option value="CT">Connecticut</option>
  125.                                                                   <option value="DE">Delaware</option>
  126.                                                                   <option value="DC">District of Columbia</option>
  127.                                                                   <option value="FL">Florida</option>
  128.                                                                   <option value="GA">Georgia</option>
  129.                                                                   <option value="HI">Hawaii</option>
  130.                                                                   <option value="ID">Idaho</option>
  131.                                                                   <option value="IL">Illinois</option>
  132.                                                                   <option value="IN">Indiana</option>
  133.                                                                   <option value="IA">Iowa</option>
  134.                                                                   <option value="KS">Kansas</option>
  135.                                                                   <option value="KY">Kentucky</option>
  136.                                                                   <option value="LA">Louisiana</option>
  137.                                                                   <option value="ME">Maine</option>
  138.                                                                   <option value="MD">Maryland</option>
  139.                                                                   <option value="MA">Massachusetts</option>
  140.                                                                   <option value="MI">Michigan</option>
  141.                                                                   <option value="MN">Minnesota</option>
  142.                                                                   <option value="MS">Mississippi</option>
  143.                                                                   <option value="MO">Missouri</option>
  144.                                                                   <option value="MT">Montana</option>
  145.                                                                   <option value="NE">Nebraska</option>
  146.                                                                   <option value="NV">Nevada</option>
  147.                                                                   <option value="NH">New Hampshire</option>
  148.                                                                   <option value="NJ">New Jersey</option>
  149.                                                                   <option value="NM">New Mexico</option>
  150.                                                                   <option value="NY">New York</option>
  151.                                                                   <option value="NC">North Carolina</option>
  152.                                                                   <option value="ND">North Dakota</option>
  153.                                                                   <option value="OH">Ohio</option>
  154.                                                                   <option value="OK">Oklahoma</option>
  155.                                                                   <option value="OR">Oregon</option>
  156.                                                                   <option value="PA">Pennsylvania</option>
  157.                                                                   <option value="RI">Rhode Island</option>
  158.                                                                   <option value="SC">South Carolina</option>
  159.                                                                   <option value="SD">South Dakota</option>
  160.                                                                   <option value="TN">Tennessee</option>
  161.                                                                   <option value="TX">Texas</option>
  162.                                                                   <option value="UT">Utah</option>
  163.                                                                   <option value="VT">Vermont</option>
  164.                                                                   <option value="VA">Virginia</option>
  165.                                                                   <option value="WA">Washington</option>
  166.                                                                   <option value="WV">West Virginia</option>
  167.                                                                   <option value="WI">Wisconsin</option>
  168.                                                                   <option value="WY">Wyoming</option>
  169.                                                                 </select>
  170.                                 </label>
  171.                               </div>
  172.                               <div class="large-4 columns">
  173.                                 <label>Zipcode
  174.                                 <input name="zipcode" type="text" placeholder="Enter Zipcode" value="02136">
  175.                                 </label>
  176.                               </div>
  177.                               </div>
  178.                               <div class="row">
  179.                               <div class="large-12 columns">
  180.                                 <label>Notes
  181.                                 <textarea name="notes" placeholder="Enter Optional Notes"></textarea>
  182.                                 </label>
  183.                               </div>
  184.                               </div>
  185.                               <input type="hidden" name="id" value="1">
  186.                               <input name="submit" type="submit" class="add-btn button right small" value="Submit">
  187.                               <button class="close-button" data-close="" aria-label="Close reveal" type="button">
  188.                                 <span aria-hidden="true">×</span>
  189.                               </button>  
  190.                           </form>              
  191.                     </div>
  192.                 </li>
  193.                 <li><a href="#" class="button tiny alert">Delete</a></li>
  194.               </ul>
  195.             </td>
  196.           </tr>
  197.                      
  198.               <tr>
  199.                 <td><a href="contact.html">Mark Jackson</a></td>
  200.                 <td>(978) 555-2222</td>
  201.                 <td>markjax@yahoo.com</td>
  202.                 <td>
  203.                   <ul>
  204.                     <li>566 Main St</li>
  205.                     <li>Unit 4</li>
  206.                     <li>Haverhill, MA 01830</li>
  207.                   </ul>
  208.                 </td>
  209.               <td>Business</td>
  210.             <td>
  211.               <ul class="button-group">
  212.                 <li>    
  213.                     <a class="button tiny" data-open="editModal2" data-contact-id="2">Edit</a>
  214.                     <div class="reveal editModal" id="editModal2" data-cid="2" data-reveal="">
  215.                          <h2>Edit Contact</h2>
  216.                          <form id="editContact" action="#" method="post">
  217.                               <div class="row">
  218.                               <div class="large-6 columns">
  219.                                 <label>First Name
  220.                                 <input name="first_name" type="text" placeholder="Enter First Name" value="Mark">
  221.                                 </label>
  222.                               </div>
  223.                                <div class="large-6 columns">
  224.                                 <label>Last Name
  225.                                 <input name="last_name" type="text" placeholder="Enter Last Name" value="Jackson">
  226.                                 </label>
  227.                               </div>
  228.                               </div>
  229.                               <div class="row">
  230.                               <div class="large-4 columns">
  231.                                 <label>Email
  232.                                 <input name="email" type="email" placeholder="Enter Email Address" value="markjax@yahoo.com">
  233.                                 </label>
  234.                               </div>
  235.                               <div class="large-4 columns">
  236.                                 <label>Phone Number
  237.                                 <input name="phone" type="text" placeholder="Enter Phone Number" value="(978) 555-2222">
  238.                                 </label>
  239.                               </div>
  240.                               <div class="large-4 columns">
  241.                                 <label>Contact Group
  242.                                   <select name="contact_group">
  243.                                     <option value="Family">Family</option>
  244.                                     <option value="Friends">Friends</option>
  245.                                     <option value="Business" selected="">Business</option>
  246.                                   </select>
  247.                                 </label>
  248.                               </div>
  249.                               </div>
  250.                               <div class="row">
  251.                               <div class="large-6 columns">
  252.                                 <label>Address 1
  253.                                 <input name="address1" type="text" placeholder="Enter Address 1" value="566 Main St">
  254.                                 </label>
  255.                               </div>
  256.                                <div class="large-6 columns">
  257.                                 <label>Address 2
  258.                                 <input name="address2" type="text" placeholder="Enter Address 2" value="Unit 4">
  259.                                 </label>
  260.                               </div>
  261.                               </div>
  262.                               <div class="row">
  263.                               <div class="large-4 columns">
  264.                                 <label>City
  265.                                 <input name="city" type="text" placeholder="Enter Your City" value="Haverhill">
  266.                                 </label>
  267.                               </div>
  268.                               <div class="large-4 columns">
  269.                                 <label>State
  270.                                 <select name="state">
  271.                                                                   <option value="AL">Alabama</option>
  272.                                                                   <option value="AK">Alaska</option>
  273.                                                                   <option value="AZ">Arizona</option>
  274.                                                                   <option value="AR">Arkansas</option>
  275.                                                                   <option value="CA">California</option>
  276.                                                                   <option value="CO">Colorado</option>
  277.                                                                   <option value="CT">Connecticut</option>
  278.                                                                   <option value="DE">Delaware</option>
  279.                                                                   <option value="DC">District of Columbia</option>
  280.                                                                   <option value="FL">Florida</option>
  281.                                                                   <option value="GA">Georgia</option>
  282.                                                                   <option value="HI">Hawaii</option>
  283.                                                                   <option value="ID">Idaho</option>
  284.                                                                   <option value="IL">Illinois</option>
  285.                                                                   <option value="IN">Indiana</option>
  286.                                                                   <option value="IA">Iowa</option>
  287.                                                                   <option value="KS">Kansas</option>
  288.                                                                   <option value="KY">Kentucky</option>
  289.                                                                   <option value="LA">Louisiana</option>
  290.                                                                   <option value="ME">Maine</option>
  291.                                                                   <option value="MD">Maryland</option>
  292.                                                                   <option value="MA">Massachusetts</option>
  293.                                                                   <option value="MI">Michigan</option>
  294.                                                                   <option value="MN">Minnesota</option>
  295.                                                                   <option value="MS">Mississippi</option>
  296.                                                                   <option value="MO">Missouri</option>
  297.                                                                   <option value="MT">Montana</option>
  298.                                                                   <option value="NE">Nebraska</option>
  299.                                                                   <option value="NV">Nevada</option>
  300.                                                                   <option value="NH">New Hampshire</option>
  301.                                                                   <option value="NJ">New Jersey</option>
  302.                                                                   <option value="NM">New Mexico</option>
  303.                                                                   <option value="NY">New York</option>
  304.                                                                   <option value="NC">North Carolina</option>
  305.                                                                   <option value="ND">North Dakota</option>
  306.                                                                   <option value="OH">Ohio</option>
  307.                                                                   <option value="OK">Oklahoma</option>
  308.                                                                   <option value="OR">Oregon</option>
  309.                                                                   <option value="PA">Pennsylvania</option>
  310.                                                                   <option value="RI">Rhode Island</option>
  311.                                                                   <option value="SC">South Carolina</option>
  312.                                                                   <option value="SD">South Dakota</option>
  313.                                                                   <option value="TN">Tennessee</option>
  314.                                                                   <option value="TX">Texas</option>
  315.                                                                   <option value="UT">Utah</option>
  316.                                                                   <option value="VT">Vermont</option>
  317.                                                                   <option value="VA">Virginia</option>
  318.                                                                   <option value="WA">Washington</option>
  319.                                                                   <option value="WV">West Virginia</option>
  320.                                                                   <option value="WI">Wisconsin</option>
  321.                                                                   <option value="WY">Wyoming</option>
  322.                                                                 </select>
  323.                                 </label>
  324.                               </div>
  325.                               <div class="large-4 columns">
  326.                                 <label>Zipcode
  327.                                 <input name="zipcode" type="text" placeholder="Enter Zipcode" value="01830">
  328.                                 </label>
  329.                               </div>
  330.                               </div>
  331.                               <div class="row">
  332.                               <div class="large-12 columns">
  333.                                 <label>Notes
  334.                                 <textarea name="notes" placeholder="Enter Optional Notes"></textarea>
  335.                                 </label>
  336.                               </div>
  337.                               </div>
  338.                               <input type="hidden" name="id" value="2">
  339.                               <input name="submit" type="submit" class="add-btn button right small" value="Submit">
  340.                               <button class="close-button" data-close="" aria-label="Close reveal" type="button">
  341.                                 <span aria-hidden="true">×</span>
  342.                               </button>  
  343.                           </form>              
  344.                     </div>
  345.                 </li>
  346.                 <li><a href="#" class="button tiny alert">Delete</a></li>
  347.               </ul>
  348.             </td>
  349.           </tr>
  350.                      
  351.               <tr>
  352.                 <td><a href="contact.html">Samuel Smith</a></td>
  353.                 <td>(978) 555-3333</td>
  354.                 <td>samsmith@gmail.com</td>
  355.                 <td>
  356.                   <ul>
  357.                     <li>23 Elm St</li>
  358.                     <li></li>
  359.                     <li>Amesbury, MA 01913</li>
  360.                   </ul>
  361.                 </td>
  362.               <td>Friends</td>
  363.             <td>
  364.               <ul class="button-group">
  365.                 <li>    
  366.                     <a class="button tiny" data-open="editModal3" data-contact-id="3">Edit</a>
  367.                     <div class="reveal editModal" id="editModal3" data-cid="3" data-reveal="">
  368.                          <h2>Edit Contact</h2>
  369.                          <form id="editContact" action="#" method="post">
  370.                               <div class="row">
  371.                               <div class="large-6 columns">
  372.                                 <label>First Name
  373.                                 <input name="first_name" type="text" placeholder="Enter First Name" value="Samuel">
  374.                                 </label>
  375.                               </div>
  376.                                <div class="large-6 columns">
  377.                                 <label>Last Name
  378.                                 <input name="last_name" type="text" placeholder="Enter Last Name" value="Smith">
  379.                                 </label>
  380.                               </div>
  381.                               </div>
  382.                               <div class="row">
  383.                               <div class="large-4 columns">
  384.                                 <label>Email
  385.                                 <input name="email" type="email" placeholder="Enter Email Address" value="samsmith@gmail.com">
  386.                                 </label>
  387.                               </div>
  388.                               <div class="large-4 columns">
  389.                                 <label>Phone Number
  390.                                 <input name="phone" type="text" placeholder="Enter Phone Number" value="(978) 555-3333">
  391.                                 </label>
  392.                               </div>
  393.                               <div class="large-4 columns">
  394.                                 <label>Contact Group
  395.                                   <select name="contact_group">
  396.                                     <option value="Family">Family</option>
  397.                                     <option value="Friends" selected="">Friends</option>
  398.                                     <option value="Business">Business</option>
  399.                                   </select>
  400.                                 </label>
  401.                               </div>
  402.                               </div>
  403.                               <div class="row">
  404.                               <div class="large-6 columns">
  405.                                 <label>Address 1
  406.                                 <input name="address1" type="text" placeholder="Enter Address 1" value="23 Elm St">
  407.                                 </label>
  408.                               </div>
  409.                                <div class="large-6 columns">
  410.                                 <label>Address 2
  411.                                 <input name="address2" type="text" placeholder="Enter Address 2" value="">
  412.                                 </label>
  413.                               </div>
  414.                               </div>
  415.                               <div class="row">
  416.                               <div class="large-4 columns">
  417.                                 <label>City
  418.                                 <input name="city" type="text" placeholder="Enter Your City" value="Amesbury">
  419.                                 </label>
  420.                               </div>
  421.                               <div class="large-4 columns">
  422.                                 <label>State
  423.                                 <select name="state">
  424.                                                                   <option value="AL">Alabama</option>
  425.                                                                   <option value="AK">Alaska</option>
  426.                                                                   <option value="AZ">Arizona</option>
  427.                                                                   <option value="AR">Arkansas</option>
  428.                                                                   <option value="CA">California</option>
  429.                                                                   <option value="CO">Colorado</option>
  430.                                                                   <option value="CT">Connecticut</option>
  431.                                                                   <option value="DE">Delaware</option>
  432.                                                                   <option value="DC">District of Columbia</option>
  433.                                                                   <option value="FL">Florida</option>
  434.                                                                   <option value="GA">Georgia</option>
  435.                                                                   <option value="HI">Hawaii</option>
  436.                                                                   <option value="ID">Idaho</option>
  437.                                                                   <option value="IL">Illinois</option>
  438.                                                                   <option value="IN">Indiana</option>
  439.                                                                   <option value="IA">Iowa</option>
  440.                                                                   <option value="KS">Kansas</option>
  441.                                                                   <option value="KY">Kentucky</option>
  442.                                                                   <option value="LA">Louisiana</option>
  443.                                                                   <option value="ME">Maine</option>
  444.                                                                   <option value="MD">Maryland</option>
  445.                                                                   <option value="MA">Massachusetts</option>
  446.                                                                   <option value="MI">Michigan</option>
  447.                                                                   <option value="MN">Minnesota</option>
  448.                                                                   <option value="MS">Mississippi</option>
  449.                                                                   <option value="MO">Missouri</option>
  450.                                                                   <option value="MT">Montana</option>
  451.                                                                   <option value="NE">Nebraska</option>
  452.                                                                   <option value="NV">Nevada</option>
  453.                                                                   <option value="NH">New Hampshire</option>
  454.                                                                   <option value="NJ">New Jersey</option>
  455.                                                                   <option value="NM">New Mexico</option>
  456.                                                                   <option value="NY">New York</option>
  457.                                                                   <option value="NC">North Carolina</option>
  458.                                                                   <option value="ND">North Dakota</option>
  459.                                                                   <option value="OH">Ohio</option>
  460.                                                                   <option value="OK">Oklahoma</option>
  461.                                                                   <option value="OR">Oregon</option>
  462.                                                                   <option value="PA">Pennsylvania</option>
  463.                                                                   <option value="RI">Rhode Island</option>
  464.                                                                   <option value="SC">South Carolina</option>
  465.                                                                   <option value="SD">South Dakota</option>
  466.                                                                   <option value="TN">Tennessee</option>
  467.                                                                   <option value="TX">Texas</option>
  468.                                                                   <option value="UT">Utah</option>
  469.                                                                   <option value="VT">Vermont</option>
  470.                                                                   <option value="VA">Virginia</option>
  471.                                                                   <option value="WA">Washington</option>
  472.                                                                   <option value="WV">West Virginia</option>
  473.                                                                   <option value="WI">Wisconsin</option>
  474.                                                                   <option value="WY">Wyoming</option>
  475.                                                                 </select>
  476.                                 </label>
  477.                               </div>
  478.                               <div class="large-4 columns">
  479.                                 <label>Zipcode
  480.                                 <input name="zipcode" type="text" placeholder="Enter Zipcode" value="01913">
  481.                                 </label>
  482.                               </div>
  483.                               </div>
  484.                               <div class="row">
  485.                               <div class="large-12 columns">
  486.                                 <label>Notes
  487.                                 <textarea name="notes" placeholder="Enter Optional Notes"></textarea>
  488.                                 </label>
  489.                               </div>
  490.                               </div>
  491.                               <input type="hidden" name="id" value="3">
  492.                               <input name="submit" type="submit" class="add-btn button right small" value="Submit">
  493.                               <button class="close-button" data-close="" aria-label="Close reveal" type="button">
  494.                                 <span aria-hidden="true">×</span>
  495.                               </button>  
  496.                           </form>              
  497.                     </div>
  498.                 </li>
  499.                 <li><a href="#" class="button tiny alert">Delete</a></li>
  500.               </ul>
  501.             </td>
  502.           </tr>
  503.                      
  504.               <tr>
  505.                 <td><a href="contact.html">Jennifer Sheehan</a></td>
  506.                 <td>9783848273</td>
  507.                 <td>jen.irish@hotmail.com</td>
  508.                 <td>
  509.                   <ul>
  510.                     <li>44 Birchmeadow rd</li>
  511.                     <li></li>
  512.                     <li>Amesbury, MA 01913</li>
  513.                   </ul>
  514.                 </td>
  515.               <td>Family</td>
  516.             <td>
  517.               <ul class="button-group">
  518.                 <li>    
  519.                     <a class="button tiny" data-open="editModal8" data-contact-id="8">Edit</a>
  520.                     <div class="reveal editModal" id="editModal8" data-cid="8" data-reveal="">
  521.                          <h2>Edit Contact</h2>
  522.                          <form id="editContact" action="#" method="post">
  523.                               <div class="row">
  524.                               <div class="large-6 columns">
  525.                                 <label>First Name
  526.                                 <input name="first_name" type="text" placeholder="Enter First Name" value="Jennifer">
  527.                                 </label>
  528.                               </div>
  529.                                <div class="large-6 columns">
  530.                                 <label>Last Name
  531.                                 <input name="last_name" type="text" placeholder="Enter Last Name" value="Sheehan">
  532.                                 </label>
  533.                               </div>
  534.                               </div>
  535.                               <div class="row">
  536.                               <div class="large-4 columns">
  537.                                 <label>Email
  538.                                 <input name="email" type="email" placeholder="Enter Email Address" value="jen.irish@hotmail.com">
  539.                                 </label>
  540.                               </div>
  541.                               <div class="large-4 columns">
  542.                                 <label>Phone Number
  543.                                 <input name="phone" type="text" placeholder="Enter Phone Number" value="9783848273">
  544.                                 </label>
  545.                               </div>
  546.                               <div class="large-4 columns">
  547.                                 <label>Contact Group
  548.                                   <select name="contact_group">
  549.                                     <option value="Family" selected="">Family</option>
  550.                                     <option value="Friends">Friends</option>
  551.                                     <option value="Business">Business</option>
  552.                                   </select>
  553.                                 </label>
  554.                               </div>
  555.                               </div>
  556.                               <div class="row">
  557.                               <div class="large-6 columns">
  558.                                 <label>Address 1
  559.                                 <input name="address1" type="text" placeholder="Enter Address 1" value="44 Birchmeadow rd">
  560.                                 </label>
  561.                               </div>
  562.                                <div class="large-6 columns">
  563.                                 <label>Address 2
  564.                                 <input name="address2" type="text" placeholder="Enter Address 2" value="">
  565.                                 </label>
  566.                               </div>
  567.                               </div>
  568.                               <div class="row">
  569.                               <div class="large-4 columns">
  570.                                 <label>City
  571.                                 <input name="city" type="text" placeholder="Enter Your City" value="Amesbury">
  572.                                 </label>
  573.                               </div>
  574.                               <div class="large-4 columns">
  575.                                 <label>State
  576.                                 <select name="state">
  577.                                                                   <option value="AL">Alabama</option>
  578.                                                                   <option value="AK">Alaska</option>
  579.                                                                   <option value="AZ">Arizona</option>
  580.                                                                   <option value="AR">Arkansas</option>
  581.                                                                   <option value="CA">California</option>
  582.                                                                   <option value="CO">Colorado</option>
  583.                                                                   <option value="CT">Connecticut</option>
  584.                                                                   <option value="DE">Delaware</option>
  585.                                                                   <option value="DC">District of Columbia</option>
  586.                                                                   <option value="FL">Florida</option>
  587.                                                                   <option value="GA">Georgia</option>
  588.                                                                   <option value="HI">Hawaii</option>
  589.                                                                   <option value="ID">Idaho</option>
  590.                                                                   <option value="IL">Illinois</option>
  591.                                                                   <option value="IN">Indiana</option>
  592.                                                                   <option value="IA">Iowa</option>
  593.                                                                   <option value="KS">Kansas</option>
  594.                                                                   <option value="KY">Kentucky</option>
  595.                                                                   <option value="LA">Louisiana</option>
  596.                                                                   <option value="ME">Maine</option>
  597.                                                                   <option value="MD">Maryland</option>
  598.                                                                   <option value="MA">Massachusetts</option>
  599.                                                                   <option value="MI">Michigan</option>
  600.                                                                   <option value="MN">Minnesota</option>
  601.                                                                   <option value="MS">Mississippi</option>
  602.                                                                   <option value="MO">Missouri</option>
  603.                                                                   <option value="MT">Montana</option>
  604.                                                                   <option value="NE">Nebraska</option>
  605.                                                                   <option value="NV">Nevada</option>
  606.                                                                   <option value="NH">New Hampshire</option>
  607.                                                                   <option value="NJ">New Jersey</option>
  608.                                                                   <option value="NM">New Mexico</option>
  609.                                                                   <option value="NY">New York</option>
  610.                                                                   <option value="NC">North Carolina</option>
  611.                                                                   <option value="ND">North Dakota</option>
  612.                                                                   <option value="OH">Ohio</option>
  613.                                                                   <option value="OK">Oklahoma</option>
  614.                                                                   <option value="OR">Oregon</option>
  615.                                                                   <option value="PA">Pennsylvania</option>
  616.                                                                   <option value="RI">Rhode Island</option>
  617.                                                                   <option value="SC">South Carolina</option>
  618.                                                                   <option value="SD">South Dakota</option>
  619.                                                                   <option value="TN">Tennessee</option>
  620.                                                                   <option value="TX">Texas</option>
  621.                                                                   <option value="UT">Utah</option>
  622.                                                                   <option value="VT">Vermont</option>
  623.                                                                   <option value="VA">Virginia</option>
  624.                                                                   <option value="WA">Washington</option>
  625.                                                                   <option value="WV">West Virginia</option>
  626.                                                                   <option value="WI">Wisconsin</option>
  627.                                                                   <option value="WY">Wyoming</option>
  628.                                                                 </select>
  629.                                 </label>
  630.                               </div>
  631.                               <div class="large-4 columns">
  632.                                 <label>Zipcode
  633.                                 <input name="zipcode" type="text" placeholder="Enter Zipcode" value="01913">
  634.                                 </label>
  635.                               </div>
  636.                               </div>
  637.                               <div class="row">
  638.                               <div class="large-12 columns">
  639.                                 <label>Notes
  640.                                 <textarea name="notes" placeholder="Enter Optional Notes"></textarea>
  641.                                 </label>
  642.                               </div>
  643.                               </div>
  644.                               <input type="hidden" name="id" value="8">
  645.                               <input name="submit" type="submit" class="add-btn button right small" value="Submit">
  646.                               <button class="close-button" data-close="" aria-label="Close reveal" type="button">
  647.                                 <span aria-hidden="true">×</span>
  648.                               </button>  
  649.                           </form>              
  650.                     </div>
  651.                 </li>
  652.                 <li><a href="#" class="button tiny alert">Delete</a></li>
  653.               </ul>
  654.             </td>
  655.           </tr>
  656.                     </tbody>
  657.        </table>
  658.    </div>
  659. </div></div>
  660.  
  661.     <script src="js/vendor/jquery.js"></script>
  662.     <script src="js/vendor/what-input.js"></script>
  663.     <script src="js/vendor/foundation.js"></script>
  664.     <script src="js/app.js"></script><div class="reveal-overlay"><div class="reveal large" id="addModal" data-reveal="q9pxiz-reveal" role="dialog" aria-hidden="true" data-yeti-box="addModal" data-resize="addModal">
  665.                 <h2>Add Contact</h2>
  666.                 <form id="addContact" action="#" method="post">
  667.                     <div class="row">
  668.                         <div class="large-6 columns">
  669.                             <label>First Name <input name="first_name" type="text" placeholder="Enter First Name">
  670.                             </label>
  671.                         </div>
  672.                         <div class="large-6 columns">
  673.                             <label>Last Name <input name="last_name" type="text" placeholder="Enter Last Name">
  674.                             </label>
  675.                         </div>
  676.                     </div>
  677.                     <div class="row">
  678.                         <div class="large-4 columns">
  679.                             <label>Email <input name="email" type="email" placeholder="Enter Email Address">
  680.                             </label>
  681.                         </div>
  682.                         <div class="large-4 columns">
  683.                             <label>Phone Number <input name="phone" type="text" placeholder="Enter Phone Number">
  684.                             </label>
  685.                         </div>
  686.                         <div class="large-4 columns">
  687.                             <label>Contact Group <select name="contact_group">
  688.                                     <option value="husker">Family</option>
  689.                                     <option value="starbuck">Friends</option>
  690.                                     <option value="hotdog">Business</option>
  691.                             </select>
  692.                             </label>
  693.                         </div>
  694.                     </div>
  695.                     <div class="row">
  696.                         <div class="large-6 columns">
  697.                             <label>Address 1 <input name="address1" type="text" placeholder="Enter Address 1">
  698.                             </label>
  699.                         </div>
  700.                         <div class="large-6 columns">
  701.                             <label>Address 2 <input name="address2" type="text" placeholder="Enter Address 2">
  702.                             </label>
  703.                         </div>
  704.                     </div>
  705.                     <div class="row">
  706.                         <div class="large-4 columns">
  707.                             <label>City <input name="city" type="text" placeholder="Enter Your City">
  708.                             </label>
  709.                         </div>
  710.                         <div class="large-4 columns">
  711.                             <label>State <select name="state">
  712.                                     <option>Select State</option>
  713.                                    <option value="AL">Alabama</option>
  714.                                    <option value="AK">Alaska</option>
  715.                                    <option value="AZ">Arizona</option>
  716.                                    <option value="AR">Arkansas</option>
  717.                                    <option value="CA">California</option>
  718.                                    <option value="CO">Colorado</option>
  719.                                    <option value="CT">Connecticut</option>
  720.                                    <option value="DE">Delaware</option>
  721.                                    <option value="DC">District of Columbia</option>
  722.                                    <option value="FL">Florida</option>
  723.                                    <option value="GA">Georgia</option>
  724.                                    <option value="HI">Hawaii</option>
  725.                                    <option value="ID">Idaho</option>
  726.                                    <option value="IL">Illinois</option>
  727.                                    <option value="IN">Indiana</option>
  728.                                    <option value="IA">Iowa</option>
  729.                                    <option value="KS">Kansas</option>
  730.                                    <option value="KY">Kentucky</option>
  731.                                    <option value="LA">Louisiana</option>
  732.                                    <option value="ME">Maine</option>
  733.                                    <option value="MD">Maryland</option>
  734.                                    <option value="MA">Massachusetts</option>
  735.                                    <option value="MI">Michigan</option>
  736.                                    <option value="MN">Minnesota</option>
  737.                                    <option value="MS">Mississippi</option>
  738.                                    <option value="MO">Missouri</option>
  739.                                    <option value="MT">Montana</option>
  740.                                    <option value="NE">Nebraska</option>
  741.                                    <option value="NV">Nevada</option>
  742.                                    <option value="NH">New Hampshire</option>
  743.                                    <option value="NJ">New Jersey</option>
  744.                                    <option value="NM">New Mexico</option>
  745.                                    <option value="NY">New York</option>
  746.                                    <option value="NC">North Carolina</option>
  747.                                    <option value="ND">North Dakota</option>
  748.                                    <option value="OH">Ohio</option>
  749.                                    <option value="OK">Oklahoma</option>
  750.                                    <option value="OR">Oregon</option>
  751.                                    <option value="PA">Pennsylvania</option>
  752.                                    <option value="RI">Rhode Island</option>
  753.                                    <option value="SC">South Carolina</option>
  754.                                    <option value="SD">South Dakota</option>
  755.                                    <option value="TN">Tennessee</option>
  756.                                    <option value="TX">Texas</option>
  757.                                    <option value="UT">Utah</option>
  758.                                    <option value="VT">Vermont</option>
  759.                                    <option value="VA">Virginia</option>
  760.                                    <option value="WA">Washington</option>
  761.                                    <option value="WV">West Virginia</option>
  762.                                    <option value="WI">Wisconsin</option>
  763.                                    <option value="WY">Wyoming</option>
  764.                                    </select>
  765.                             </label>
  766.                         </div>
  767.                         <div class="large-4 columns">
  768.                             <label>Zipcode <input name="zipcode" type="text" placeholder="Enter Phone Number">
  769.                             </label>
  770.                         </div>
  771.                     </div>
  772.                     <div class="row">
  773.                         <div class="large-12 columns">
  774.                             <label>Notes <textarea name="notes" placeholder="Enter Optional Notes"></textarea>
  775.                             </label>
  776.                         </div>
  777.                     </div>
  778.                     <input name="submit" type="submit" class="add-btn button right small" value="Submit">
  779.                     <button class="close-button" data-close="" aria-label="Close reveal" type="button">
  780.                         <span aria-hidden="true">×</span>
  781.                     </button>
  782.                 </form>
  783.             </div></div>
  784.     <script src="js/script.js"></script>
  785.  
  786.  
  787.  
  788. </body></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!