templates/default/default.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>SPECK Pumps</title>
  6. </head>
  8. <body>
  10. <style type="text/css">
  11.     body {
  12.         padding:0;
  13.         margin: 0;
  14.         font-family: "Lucida Sans Unicode", Arial, sans-serif;
  15.         font-size: 14px;
  16.     }
  18.     #site {
  19.         margin: 0 auto;
  20.         width: 600px;
  21.         padding: 30px 0 0 0;
  22.         color:#65615E;
  23.     }
  25.     h1, h2, h3 {
  26.         font-size: 18px;
  27.         padding: 0 0 5px 0;
  28.         border-bottom: 1px solid #001428;
  29.         margin-bottom: 5px;
  30.     }
  32.     h3 {
  33.         font-size: 14px;
  34.         padding: 15px 0 5px 0;
  35.         margin-bottom: 5px;
  36.         border-color: #cccccc;
  37.     }
  39.     img {
  40.         border: 0;
  41.     }
  43.     p {
  44.         padding: 0 0 5px 0;
  45.     }
  47.     a {
  48.         color: #000;
  49.     }
  51.     #logo {
  52.         text-align: center;
  53.         padding: 50px 0;
  54.     }
  56.     #logo hr {
  57.         display: block;
  58.         height: 1px;
  59.         overflow: hidden;
  60.         background: #BBB;
  61.         border: 0;
  62.         padding:0;
  63.         margin:30px 0 20px 0;
  64.     }
  66.     .claim {
  67.         text-transform: uppercase;
  68.         color:#BBB;
  69.     }
  71.     #site ul {
  72.         padding: 10px 0 10px 20px;
  73.         list-style: circle;
  74.     }
  76.     .buttons {
  77.         margin-bottom: 100px;
  78.         text-align: center;
  79.     }
  81.     .buttons a {
  82.         display: inline-block;
  83.         background: #6428b4;
  84.         color:#fff;
  85.         padding: 5px 10px;
  86.         margin-right: 10px;
  87.         width:40%;
  88.         border-radius: 2px;
  89.         text-decoration: none;
  90.     }
  92.     .buttons a:hover {
  93.         background: #1C8BC1;
  94.     }
  96.     .buttons a:last-child {
  97.         margin: 0;
  98.     }
  100.     
  101.     div[data-form-block-id] input, div[data-form-block-id] button {
  102.         border-radius: 0 !important;
  103.     }
  104.     
  105.     /*
  106.     div[data-form-block-id] {
  107.         height: auto !important;
  108.         display: flex;
  109.         align-content: center;
  110.         align-items: center;
  111.         justify-content: center;
  112.     }
  113.     */
  114.     
  115.     div[data-form-block-id] .formLoader {
  116.         border: 5px solid #f3f3f3;
  117.         border-radius: 50%;
  118.         border-top: 5px solid #ff3232 !important;
  119.         width: 20px !important;
  120.         height: 20px !important;
  121.         -webkit-animation: spin 2s linear infinite;
  122.         animation: spin 2s linear infinite;
  123.         margin: 0 auto;
  124.     }
  125.     
  126.     div[data-form-block-id] .onFormSubmittedFeedback {
  127.         height: auto !important;
  128.         width: 100% !important;
  129.     }
  130.     /*
  131.     div[data-form-block-id] button {
  132.         height: auto !important;
  133.         padding: 12px !important;
  134.     }
  135.     
  136.     div[data-form-block-id] .wrapperContainer:not(.leftcolumn):not(.rightcolumn) {
  137.         display: flex;
  138.         align-content: center;
  139.         align-items: center;
  140.         justify-content: center;
  141.     }
  142.     
  143.     div[data-form-block-id] .wrapperContainer .leftcolumn, div[data-form-block-id] .wrapperContainer .rightcolumn {
  144.         padding: 0 !important;
  145.         width: 50% !important;
  146.         margin: 0 1% !important;
  147.     }
  148.     */
  149. </style>
  152. <div id="site">
  153.     <div id="logo">
  154.         <img src="https://www.speck-pumps.com/app/themes/enfold-child/assets/images/logos/logo-speck.svg" alt="Logo claim grey" style="width: 400px;" />
  155.     </div>
  156.     <!--
  157. <div data-form-block-id="1d6d7e4c-fe55-ed11-bba2-000d3adeab75"></div> <script src=https://mktdplp102cdn.azureedge.net/public/latest/js/form-loader.js?v=1.84.2007></script> <div id="dpRZHtgzWY6KPJvqMObnENzD7m_51UmiUf4YV5e9aJ68"></div><script src=https://mktdplp102cdn.azureedge.net/public/latest/js/ws-tracking.js?v=1.84.2007></script><div class="d365-mkt-config" style="display:none" data-website-id="pRZHtgzWY6KPJvqMObnENzD7m_51UmiUf4YV5e9aJ68" data-hostname="44edcb9e010749919a3f8d137168ddde.svc.dynamics.com"></div>
  158. -->
  159. <!--    
  160.     <form action="http://example.org/order.php">
  161. <fieldset><legend>Ware</legend>
  162. <ul>
  163.      <li><label for="article-1">Schnittzeichnen in 40 Lektionen</label>
  164. <input id="article-1" name="article-1" type="number" value="0" /></li>
  165.      <li>Fernausbildung in Schnittmuster zeichnen</li>
  166.      <li><label for="article-2">Modul Hosen</label>
  167. <input id="article-2" name="article-2" type="number" value="0" /></li>
  168.      <li><label for="article-3">Modul Kleid, Jupe, Top</label>
  169. <input id="article-3" name="article-3" type="number" value="0" /></li>
  170.      <li><label for="article-4">Modul Alltag: jacke, Bluse, Hemd </label>
  171. <input id="article-4" name="article-4" type="number" value="0" /></li>
  172.      <li><label for="article-5">Modul Blazer</label>
  173. <input id="article-5" name="article-5" type="number" value="0" /></li>
  174. </ul>
  175. </fieldset>
  176. <fieldset><legend>Bezahlung</legend><label for="payment">Art der Bezahlung</label>
  177. <select id="payment" name="payment">
  178. <option value="ae">American Express Card</option>
  179. <option value="master">MasterCard</option>
  180. <option value="visa">VISA</option>
  181. <option value="prepayment">Vorkasse</option>
  182. </select>
  184. <input id="email-receipt" name="email-receipt" type="checkbox" />
  185. <label for="email-receipt">Quittung per E-Mail</label>
  186. <label for="email">an folgende Adresse</label>
  187. <input id="email" name="email" type="email" /></fieldset>
  188. <fieldset><legend>Versand</legend>
  189. <dl>
  190.      <dt>Lieferanschrift</dt>
  191.      <dd>
  192. <ul>
  193.      <li><label for="recipient-name">Name</label>
  194. <input id="recipient-name" name="recipient-name" type="text" /></li>
  195.      <li><label for="recipient-address">Anschrift</label>
  196. <input id="recipient-address" name="recipient-address" type="text" /></li>
  197.      <li><label for="recipient-zip">PLZ</label>
  198. <input id="recipient-zip" name="recipient-zip" type="text" />
  199. <label for="recipient-city">Ort</label>
  200. <input id="recipient-city" name="recipient-city" type="text" /></li>
  201. </ul>
  202. </dd>
  203.      <dt>Rechnungsanschrift</dt>
  204.      <dd>
  205. <ul>
  206.      <li><label for="buyer-name">Name</label>
  207. <input id="buyer-name" name="buyer-name" type="text" /></li>
  208.      <li><label for="buyer-address">Anschrift</label>
  209. <input id="buyer-address" name="buyer-address" type="text" /></li>
  210.      <li><label for="buyer-zip">PLZ</label>
  211. <input id="buyer-zip" name="buyer-zip" type="text" />
  212. <label for="buyer-city">Ort</label>
  213. <input id="buyer-city" name="buyer-city" type="text" /></li>
  214. </ul>
  215. </dd>
  216. </dl>
  217. </fieldset>
  218. <fieldset><legend>Zusatz</legend><label for="message">Ihre Nachricht an uns</label>
  219. <textarea id="message"></textarea></fieldset>
  220. <button>jetzt Kostenpflichtig bestellen</button>
  222. </form>
  223. -->
  225.     {% if editmode %}
  226.         <div class="buttons">
  227.             <a target="_blank" href="https://pimcore.com/docs/6.x/Development_Documentation/Getting_Started/Installation.html">Install Sample Data / Boilerplate</a>
  228.             <a target="_blank" href="https://pimcore.com/docs/6.x/Development_Documentation/Getting_Started/index.html">Getting Started</a>
  229.         </div>
  231.         <div class="info">
  232.             <h2>Where can I edit some pages?</h2>
  233.             <p>
  234.                 Well, it seems that you're using the professional distribution of pimcore which doesn't include any
  235.                 templates / themes or contents, it's designed to start a project from scratch. If you need a jump start
  236.                 please consider using our sample data / boilerplate package which includes everything you need to get started.
  237.             </p>
  238.         </div>
  239.     {% endif %}
  240. </div>
  242. </body>
  243. </html>