Advertisement
jmdweb

Thank You Page Code

Aug 24th, 2016
308
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.46 KB | None | 0 0
  1.  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  3. <html>
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  7.     <meta name="HandheldFriendly" content="true" />
  8.     <title>Thank You</title>
  9.     <link href='' rel='stylesheet' type='text/css'>
  10.     <script type="text/javascript" src="https://submit.jotformpro.com/js/prototype.js"></script>
  11.     <style type="text/css">
  12.       @import url();
  13.       * {
  14.         -moz-box-sizing:border-box;
  15.         -webkit-box-sizing:border-box;
  16.         box-sizing:border-box;
  17.         *behavior:url(js/boxsizing.htc);
  18.       }
  19.       html, body { width:100%; margin:0px; padding:0px; }
  20.       body {
  21.         background: url('https://www.jotform.com/uploads/mdscj1/form_files/United_Games_Image-Jotform.jpg') #f5f5f5;
  22.         background-repeat: repeat;
  23.         background-attachment: scroll;
  24.         background-position: center top;
  25.         background-size: auto;
  26.         background-size: cover;
  27.         font-family: 'Lucida Grande', sans-serif;
  28.         font-size: 14px;
  29.         color: rgb(255, 255, 255);
  30.         text-align:center;
  31.       }
  32.       .form-all {
  33.         background: url('') rgba(64, 76, 220, 0.83);
  34.         background-repeat: repeat;
  35.         background-attachment: scroll;
  36.         background-position: center top;
  37.         background-size: auto;
  38.        
  39.         width: 100%;
  40.         max-width: 500px;
  41.         margin: 36px auto;
  42.         padding: 8px 29px ;
  43.         -webkit-box-shadow: 0 4px 4px -1px rgba(0,0,0,0.1);
  44.         box-shadow: 0 4px 4px -1px rgba(0,0,0,0.1);
  45.       }
  46.       @media screen and (max-width: 500px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
  47.         body {
  48.           background-color: rgba(64, 76, 220, 0.83);
  49.         }
  50.         .form-all {
  51.           margin-top: 0;
  52.           border: 0;
  53.           -webkit-box-shadow: none;
  54.           box-shadow: none;
  55.         }
  56.       }
  57.       @media print {
  58.        body {
  59.         background: white;
  60.         color: black;
  61.        }
  62.  
  63.        .form-all {
  64.         margin:0 auto;
  65.         max-width: 100%;
  66.         box-shadow: none;
  67.         background:white;
  68.         float:none;
  69.         width: 500px;
  70.        }
  71.        img {
  72.         max-width: 100% !important;
  73.         page-break-inside: avoid;
  74.        }
  75.  
  76.       }
  77.     </style>
  78.     <style type="text/css">
  79.    
  80.  
  81.     </style>
  82.     <!-- <link href="css/print-new.css" rel="stylesheet" type="text/css" media="print"> -->
  83.   </head>
  84.   <body class="thankyou">
  85.     <div id="stage" class="form-all"><p style="text-align: center;"><img src="https://cdn.jotfor.ms/img/check-icon.png" alt="" width="128" height="128" /></p>
  86. <div style="text-align: center;">
  87. <h1 style="text-align: center;"><span style="font-size: 18pt; font-family: arial,helvetica,sans-serif;">Thank You for your submission!</span></h1>
  88. <p style="text-align: center;"><span style="font-family: arial,helvetica,sans-serif;">  <span style="font-size: large;">You will receive a confirmation email shortly acknowledging your request.  We are glad to have you in our sports app community.</span> </span></p>
  89. </div></div>
  90.   </body>
  91.   <script type="text/javascript">
  92.     if (window.parent !== window) { window.parent.postMessage('setHeight:' + $$('body')[0].getHeight(), '*'); }
  93.   </script>
  94. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement