API tools faq
paste
Advertisement
Guest User

Contact Page Output

a guest
Jan 18th, 2019
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.07 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset='utf-8'>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <meta name="theme-color" content="#faefd0">
  8.     <base href="/">
  9.  
  10.     <link rel='preload' href="https://fonts.googleapis.com/css?family=Merriweather|Playfair+Display:700|Roboto+Slab:400,700" as="style">
  11.     <link rel='preload' href="https://cdn.jsdelivr.net/npm/modern-normalize/modern-normalize.min.css" as="style">
  12.     <link rel='preload' href="https://cdn.jsdelivr.net/npm/typeboost.css/css/typeboost.min.css" as="style">
  13.     <link rel='preload' href="https://cdn.jsdelivr.net/npm/grd/grd.min.css" as="style">
  14.     <link rel='preload' href="css/global.css" as="style">
  15.  
  16.     <link href="https://fonts.googleapis.com/css?family=Merriweather|Playfair+Display:700|Roboto+Slab:400,700" rel="stylesheet">
  17.     <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/modern-normalize/modern-normalize.min.css'>
  18.     <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/typeboost.css/css/typeboost.min.css'>
  19.     <link rel='stylesheet' href="https://cdn.jsdelivr.net/npm/grd/grd.min.css">
  20.     <link rel='stylesheet' href='css/global.css'>
  21.  
  22.     <link rel='manifest' href='manifest.json'>
  23.     <link rel='icon' type='image/x-icon' href='favicon.ico'>
  24.  
  25.     <!-- Sapper generates a <style> tag containing critical CSS
  26.          for the current page. CSS for the rest of the app is
  27.          lazily loaded when it precaches secondary pages -->
  28.     <style>
  29.         header.svelte-gdm6a4 {
  30.             text-align: center
  31.         }
  32.        
  33.         a.svelte-gdm6a4 {
  34.             text-decoration: none;
  35.             color: #e90000
  36.         }
  37.        
  38.         span.svelte-gdm6a4 {
  39.             font-family: "Playfair Display", serif;
  40.             font-weight: 700;
  41.             font-size: 5vmax
  42.         }
  43.        
  44.         nav.svelte-a08mwh {
  45.             overflow-y: hidden;
  46.             overflow-x: auto;
  47.             white-space: nowrap
  48.         }
  49.        
  50.         ul.svelte-a08mwh {
  51.             display: flex;
  52.             list-style-type: none;
  53.             padding: 0
  54.         }
  55.        
  56.         li.svelte-a08mwh {
  57.             flex: 1;
  58.             text-align: center
  59.         }
  60.        
  61.         a.svelte-a08mwh {
  62.             display: block;
  63.             text-decoration: none;
  64.             color: #415c0a;
  65.             font-family: "Roboto Slab", serif;
  66.             font-weight: 400;
  67.             font-size: 18px;
  68.             padding: 8px;
  69.             position: relative
  70.         }
  71.        
  72.         .selected.svelte-a08mwh {
  73.             background: #81b814;
  74.             color: white
  75.         }
  76.        
  77.         .selected.svelte-a08mwh:after {
  78.             top: 98%;
  79.             left: 50%;
  80.             border: solid transparent;
  81.             content: " ";
  82.             height: 0;
  83.             width: 0;
  84.             position: absolute;
  85.             pointer-events: none;
  86.             border-top-color: #81b814;
  87.             border-width: 10px;
  88.             margin-left: -10px
  89.         }
  90.        
  91.         section.svelte-a7p3di {
  92.             margin-bottom: 4em
  93.         }
  94.        
  95.         img.svelte-a7p3di {
  96.             width: 100%
  97.         }
  98.        
  99.         a.svelte-a7p3di {
  100.             color: #517a3e
  101.         }
  102.        
  103.         #contactUs.svelte-a7p3di,
  104.         #contactInfo.svelte-a7p3di {
  105.             margin-left: 2em
  106.         }
  107.        
  108.         @media(max-width: 700px) {
  109.             #contactUs.svelte-a7p3di,
  110.             #contactInfo.svelte-a7p3di {
  111.                 margin-left: 0em
  112.             }
  113.         }
  114.        
  115.         #contactInfo.svelte-a7p3di {
  116.             margin-bottom: 4em
  117.         }
  118.        
  119.         textarea.svelte-a7p3di {
  120.             min-height: 100px
  121.         }
  122.        
  123.         input.svelte-a7p3di,
  124.         textarea.svelte-a7p3di {
  125.             margin-bottom: 0.5em;
  126.             width: 100%;
  127.             padding: 0.4em;
  128.             font-size: 1em;
  129.             border: 1px solid #517a3e;
  130.             background: transparent;
  131.             color: #000000;
  132.             transition: all 300ms ease
  133.         }
  134.        
  135.         button.svelte-a7p3di {
  136.             background-color: rgba(229, 9, 9, 1);
  137.             border: none;
  138.             font-size: 1.2em;
  139.             padding: 0.4em;
  140.             color: #ffffff;
  141.             cursor: pointer
  142.         }
  143.        
  144.         button.svelte-a7p3di:disabled {
  145.             opacity: 0.5
  146.         }
  147.     </style>
  148.  
  149.     <!-- This contains the contents of the <svelte:head> component, if
  150.          the current page has one -->
  151.     <noscript id='sapper-head-start'></noscript>
  152.     <title>Contact Us | European Market</title>
  153.     <noscript id='sapper-head-end'></noscript>
  154. </head>
  155.  
  156. <body>
  157.     <!-- The application will be rendered inside this element,
  158.          because `app/client.js` references it -->
  159.     <div id='main'>
  160.  
  161.         <header class="title svelte-gdm6a4">
  162.             <a href="/" class="svelte-gdm6a4">
  163.                 <span class="svelte-gdm6a4">European Market</span>
  164.             </a>
  165.         </header>
  166.         <nav class="svelte-a08mwh">
  167.             <ul class="nav-items svelte-a08mwh">
  168.                 <li class="svelte-a08mwh"><a class=" svelte-a08mwh" href=".">Home</a></li>
  169.                 <li class="svelte-a08mwh"><a class=" svelte-a08mwh" href="locations">Locations</a></li>
  170.  
  171.                 <li class="svelte-a08mwh"><a class="selected svelte-a08mwh" href="contact-us">Contact Us</a></li>
  172.                 <li class="svelte-a08mwh"><a class=" svelte-a08mwh" href="our-story">Our Story</a></li>
  173.             </ul>
  174.         </nav>
  175.  
  176.         <main>
  177.  
  178.             <a style="display:none;" href="/contact-us/success/" class="svelte-a7p3di">Success</a>
  179.  
  180.             <section class="Grid svelte-a7p3di">
  181.                 <div class="Cell -12of12">
  182.                     <img src="images/fresh-vegetables-min.jpg" alt="Fresh Vegetables" class="svelte-a7p3di">
  183.                 </div>
  184.  
  185.                 <div class="Cell -12of12">
  186.                     <div id="contactInfo" itemscope itemtype="https://schema.org/LocalBusiness" class="svelte-a7p3di">
  187.                         <p itemprop="telephone">Phone: <a href="tel:864-590-6760" class="svelte-a7p3di">864-590-6760</a></p>
  188.                         <p itemprop="email">Email: <a href="mailto:europeanmarketus@gmail.com" class="svelte-a7p3di">europeanmarketus@gmail.com</a></p>
  189.                     </div>
  190.  
  191.                     <form id="contactUs" name="Contact" method="POST" action="/contact-us/success" data-netlify="true" netlify-honeypot="bot-field" class="svelte-a7p3di">
  192.                         <p class="hidden" style="display:none;">
  193.                             <label>Don’t fill this out if you're human:
  194.                                 <input name="bot-field" class="svelte-a7p3di">
  195.                             </label>
  196.                         </p>
  197.                         <input id="customerName" name="Name" type="text" autocomplete="name" placeholder="Name" required class="svelte-a7p3di">
  198.                         <input id="customerEmail" name="Email" type="email" autocomplete="email" placeholder="Email" required class="svelte-a7p3di">
  199.                         <input id="customerPhone" name="Tel" type="tel" autocomplete="tel" placeholder="Phone (Optional)" class="svelte-a7p3di">
  200.                         <textarea id="customerMessage" name="Message" placeholder="Message" required class="svelte-a7p3di"></textarea>
  201.                         <div class="Grid -right">
  202.                             <button type="submit" class="svelte-a7p3di">Send</button>
  203.                         </div>
  204.                     </form>
  205.  
  206.                 </div>
  207.             </section>
  208.         </main>
  209.     </div>
  210.  
  211.     <!-- Sapper creates a <script> tag containing `app/client.js`
  212.          and anything else it needs to hydrate the app and
  213.          initialise the router -->
  214.     <script>
  215.         __SAPPER__ = {
  216.             baseUrl: "",
  217.             preloaded: [{}, null, {}]
  218.         };
  219.         if ('serviceWorker' in navigator) navigator.serviceWorker.register('/service-worker.js');
  220.     </script>
  221.     <script src="/client/ff8c2734402868986247/main.js"></script>
  222. </body>
  223.  
  224. </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!