API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 20th, 2020
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 16.82 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html>
  3.  
  4. <head>
  5.     <meta name="viewport" content="width=device-width" />
  6.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7.     <title>IHK Lehrstellenbörsen Abruf</title>
  8.     <style>
  9.         /* -------------------------------------
  10.                       GLOBAL RESETS
  11.                   ------------------------------------- */
  12.         /*All the styling goes here*/
  13.        
  14.         img {
  15.             border: none;
  16.             -ms-interpolation-mode: bicubic;
  17.             max-width: 100%;
  18.         }
  19.        
  20.         body {
  21.             background-color: #f6f6f6;
  22.             font-family: sans-serif;
  23.             -webkit-font-smoothing: antialiased;
  24.             font-size: 14px;
  25.             line-height: 1.4;
  26.             margin: 0;
  27.             padding: 0;
  28.             -ms-text-size-adjust: 100%;
  29.             -webkit-text-size-adjust: 100%;
  30.         }
  31.        
  32.         table {
  33.             border-collapse: separate;
  34.             mso-table-lspace: 0pt;
  35.             mso-table-rspace: 0pt;
  36.             width: 100%;
  37.         }
  38.        
  39.         table td {
  40.             font-family: sans-serif;
  41.             font-size: 14px;
  42.             vertical-align: top;
  43.         }
  44.         /* -------------------------------------
  45.                       BODY & CONTAINER
  46.                  ------------------------------------- */
  47.        
  48.        .body {
  49.            background-color: #f6f6f6;
  50.             width: 100%;
  51.         }
  52.         /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
  53.        
  54.         .container {
  55.             display: block;
  56.             margin: 0 auto !important;
  57.             /* makes it centered */
  58.             max-width: 580px;
  59.             padding: 10px;
  60.             width: 580px;
  61.         }
  62.         /* This should also be a block element, so that it will fill 100% of the .container */
  63.        
  64.         .content {
  65.             box-sizing: border-box;
  66.             display: block;
  67.             margin: 0 auto;
  68.             max-width: 580px;
  69.             padding: 10px;
  70.         }
  71.         /* -------------------------------------
  72.                       HEADER, FOOTER, MAIN
  73.                   ------------------------------------- */
  74.        
  75.         .main {
  76.             background: #ffffff;
  77.             border-radius: 3px;
  78.             width: 100%;
  79.         }
  80.        
  81.         .wrapper {
  82.             box-sizing: border-box;
  83.             padding: 20px;
  84.         }
  85.        
  86.         .content-block {
  87.             padding-bottom: 10px;
  88.             padding-top: 10px;
  89.         }
  90.        
  91.         .footer {
  92.             clear: both;
  93.             margin-top: 10px;
  94.             text-align: center;
  95.             width: 100%;
  96.         }
  97.        
  98.         .footer td,
  99.         .footer p,
  100.         .footer span,
  101.         .footer a {
  102.             color: #999999;
  103.             font-size: 12px;
  104.             text-align: center;
  105.         }
  106.         /* -------------------------------------
  107.                       TYPOGRAPHY
  108.                   ------------------------------------- */
  109.        
  110.         h1,
  111.         h2,
  112.         h3,
  113.         h4 {
  114.             color: #000000;
  115.             font-family: sans-serif;
  116.             font-weight: 400;
  117.             line-height: 1.4;
  118.             margin: 0;
  119.             margin-bottom: 30px;
  120.         }
  121.        
  122.         h1 {
  123.             font-size: 35px;
  124.             font-weight: 300;
  125.             text-align: center;
  126.             text-transform: capitalize;
  127.         }
  128.        
  129.         p,
  130.         ul,
  131.         ol {
  132.             font-family: sans-serif;
  133.             font-size: 14px;
  134.             font-weight: normal;
  135.             margin: 0;
  136.             margin-bottom: 15px;
  137.         }
  138.        
  139.         p li,
  140.         ul li,
  141.         ol li {
  142.             list-style-position: inside;
  143.             margin-left: 5px;
  144.         }
  145.        
  146.         a {
  147.             color: #3498db;
  148.             text-decoration: underline;
  149.         }
  150.         /* -------------------------------------
  151.                       BUTTONS
  152.                   ------------------------------------- */
  153.        
  154.         .btn {
  155.             box-sizing: border-box;
  156.             width: 100%;
  157.         }
  158.        
  159.         .btn>tbody>tr>td {
  160.             padding-bottom: 15px;
  161.         }
  162.        
  163.         .btn table {
  164.             width: auto;
  165.         }
  166.        
  167.         .btn table td {
  168.             background-color: #ffffff;
  169.             border-radius: 5px;
  170.             text-align: center;
  171.         }
  172.        
  173.         .btn a {
  174.             background-color: #ffffff;
  175.             border: solid 1px #3498db;
  176.             border-radius: 5px;
  177.             box-sizing: border-box;
  178.             color: #3498db;
  179.             cursor: pointer;
  180.             display: inline-block;
  181.             font-size: 14px;
  182.             font-weight: bold;
  183.             margin: 0;
  184.             padding: 12px 25px;
  185.             text-decoration: none;
  186.             text-transform: capitalize;
  187.         }
  188.        
  189.         .btn-primary table td {
  190.             background-color: #3498db;
  191.         }
  192.        
  193.         .btn-primary a {
  194.             background-color: #3498db;
  195.             border-color: #3498db;
  196.             color: #ffffff;
  197.         }
  198.         /* -------------------------------------
  199.                       OTHER STYLES THAT MIGHT BE USEFUL
  200.                   ------------------------------------- */
  201.        
  202.         .last {
  203.             margin-bottom: 0;
  204.         }
  205.        
  206.         .first {
  207.             margin-top: 0;
  208.         }
  209.        
  210.         .align-center {
  211.             text-align: center;
  212.         }
  213.        
  214.         .align-right {
  215.             text-align: right;
  216.         }
  217.        
  218.         .align-left {
  219.             text-align: left;
  220.         }
  221.        
  222.         .clear {
  223.             clear: both;
  224.         }
  225.        
  226.         .mt0 {
  227.             margin-top: 0;
  228.         }
  229.        
  230.         .mb0 {
  231.             margin-bottom: 0;
  232.         }
  233.        
  234.         .preheader {
  235.             color: transparent;
  236.             display: none;
  237.             height: 0;
  238.             max-height: 0;
  239.             max-width: 0;
  240.             opacity: 0;
  241.             overflow: hidden;
  242.             mso-hide: all;
  243.             visibility: hidden;
  244.             width: 0;
  245.         }
  246.        
  247.         .powered-by a {
  248.             text-decoration: none;
  249.         }
  250.        
  251.         hr {
  252.             border: 0;
  253.             border-bottom: 1px solid #f6f6f6;
  254.             margin: 20px 0;
  255.         }
  256.         /* -------------------------------------
  257.                       RESPONSIVE AND MOBILE FRIENDLY STYLES
  258.                   ------------------------------------- */
  259.        
  260.         @media only screen and (max-width: 620px) {
  261.             table[class=body] h1 {
  262.                 font-size: 28px !important;
  263.                 margin-bottom: 10px !important;
  264.             }
  265.             table[class=body] p,
  266.             table[class=body] ul,
  267.             table[class=body] ol,
  268.             table[class=body] td,
  269.             table[class=body] span,
  270.             table[class=body] a {
  271.                 font-size: 16px !important;
  272.             }
  273.             table[class=body] .wrapper,
  274.             table[class=body] .article {
  275.                 padding: 10px !important;
  276.             }
  277.             table[class=body] .content {
  278.                 padding: 0 !important;
  279.             }
  280.             table[class=body] .container {
  281.                 padding: 0 !important;
  282.                 width: 100% !important;
  283.             }
  284.             table[class=body] .main {
  285.                 border-left-width: 0 !important;
  286.                 border-radius: 0 !important;
  287.                 border-right-width: 0 !important;
  288.             }
  289.             table[class=body] .btn table {
  290.                 width: 100% !important;
  291.             }
  292.             table[class=body] .btn a {
  293.                 width: 100% !important;
  294.             }
  295.             table[class=body] .img-responsive {
  296.                 height: auto !important;
  297.                 max-width: 100% !important;
  298.                 width: auto !important;
  299.             }
  300.         }
  301.         /* -------------------------------------
  302.                       PRESERVE THESE STYLES IN THE HEAD
  303.                   ------------------------------------- */
  304.        
  305.         @media all {
  306.             .ExternalClass {
  307.                 width: 100%;
  308.             }
  309.             .ExternalClass,
  310.             .ExternalClass p,
  311.             .ExternalClass span,
  312.             .ExternalClass font,
  313.             .ExternalClass td,
  314.             .ExternalClass div {
  315.                 line-height: 100%;
  316.             }
  317.             .apple-link a {
  318.                 color: inherit !important;
  319.                 font-family: inherit !important;
  320.                 font-size: inherit !important;
  321.                 font-weight: inherit !important;
  322.                 line-height: inherit !important;
  323.                 text-decoration: none !important;
  324.             }
  325.             #MessageViewBody a {
  326.                 color: inherit;
  327.                 text-decoration: none;
  328.                 font-size: inherit;
  329.                 font-family: inherit;
  330.                 font-weight: inherit;
  331.                 line-height: inherit;
  332.             }
  333.             .btn-primary table td:hover {
  334.                 background-color: #34495e !important;
  335.             }
  336.             .btn-primary a:hover {
  337.                 background-color: #34495e !important;
  338.                 border-color: #34495e !important;
  339.             }
  340.         }
  341.     </style>
  342. </head>
  343.  
  344. <body class="">
  345.     <span class="preheader">Hier sind die neusten Ausbildungsstellen Auschreiben aus der Lehrstellenbörse der IHK</span>
  346.     <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
  347.         <tr>
  348.             <td>&nbsp;</td>
  349.             <td class="container">
  350.                 <div class="content">
  351.  
  352.                     <!-- START CENTERED WHITE CONTAINER -->
  353.                     <table role="presentation" class="main">
  354.  
  355.                         <!-- START MAIN CONTENT AREA -->
  356.                         <tr>
  357.                             <td class="wrapper">
  358.                                 <table role="presentation" border="0" cellpadding="0" cellspacing="0">
  359.                                     <tr>
  360.                                         <td>
  361.                                             <p>Hallo Ashkan,</p>
  362.                                             <p>Hier sind die ersten 5 Ausbildungsstellen welche mithilfe deinen Sucheinstellungen gefunden wurden:</p>
  363.                                             <table>
  364.                                                 <tr>
  365.                                                     <th>Beruf</th>
  366.                                                     <th>Unternehmen</th>
  367.                                                     <th>Ort</th>
  368.                                                     <th>Freie Plätze</th>
  369.                                                     <th>Ausbildungsnummer</th>
  370.                                                 </tr>
  371.                                                 <tr>
  372.                                                     <td class="align-center">""" + str(jobs[0][1][0]) + """</td>
  373.                                                     <td class="align-center">""" + str(jobs[3][1][0]) + """</td>
  374.                                                     <td class="align-center">""" + str(jobs[1][1][0]) + """</td>
  375.                                                     <td class="align-center">""" + str(jobs[4][1][0]) + """</td>
  376.                                                     <td class="align-center"><a href="https://www.ihk-lehrstellenboerse.de/suche?query=""" + str( jobs[5][1][0]) + """>Zur Stelle</a></td>
  377.                                                         </tr>
  378.                                                         <tr>
  379.                                                             <td class="align-center ">" "" + str(jobs[0][1][1]) + "" "</td>
  380.                                                             <td class="align-center ">" "" + str(jobs[3][1][1]) + "" "</td>
  381.                                                             <td class="align-center ">" "" + str(jobs[1][1][1]) + "" "</td>
  382.                                                             <td class="align-center ">" "" + str(jobs[4][1][1]) + "" "</td>
  383.                                                             <td class="align-center "><a href="https://www.ihk-lehrstellenboerse.de/suche?query=""" + str(
  384.        jobs[5][1][1]) + """>Zur Stelle</a>
  385.                                                     </td>
  386.                                                 </tr>
  387.                                                 <tr>
  388.                                                     <td class="align-center">""" + str(jobs[0][1][2]) + """</td>
  389.                                                     <td class="align-center">""" + str(jobs[3][1][2]) + """</td>
  390.                                                     <td class="align-center">""" + str(jobs[1][1][2]) + """</td>
  391.                                                     <td class="align-center">""" + str(jobs[4][1][2]) + """</td>
  392.                                                     <td class="align-center"><a href="https://www.ihk-lehrstellenboerse.de/suche?query=""" + str( jobs[5][1][2]) + """>Zur Stelle</a></td>
  393.                                                         </tr>
  394.                                                         <tr>
  395.                                                             <td class="align-center ">" "" + str(jobs[0][1][3]) + "" "</td>
  396.                                                             <td class="align-center ">" "" + str(jobs[3][1][3]) + "" "</td>
  397.                                                             <td class="align-center ">" "" + str(jobs[1][1][3]) + "" "</td>
  398.                                                             <td class="align-center ">" "" + str(jobs[4][1][3]) + "" "</td>
  399.                                                             <td class="align-center "><a href="https://www.ihk-lehrstellenboerse.de/suche?query=""" + str(
  400.        jobs[5][1][3]) + """>Zur Stelle</a>
  401.                                                     </td>
  402.                                                 </tr>
  403.                                                 <tr>
  404.                                                     <td class="align-center">""" + str(jobs[0][1][4]) + """</td>
  405.                                                     <td class="align-center">""" + str(jobs[3][1][4]) + """</td>
  406.                                                     <td class="align-center">""" + str(jobs[1][1][4]) + """</td>
  407.                                                     <td class="align-center">""" + str(jobs[4][1][4]) + """</td>
  408.                                                     <td class="align-center"><a href="https://www.ihk-lehrstellenboerse.de/suche?query=""" + str( jobs[5][1][4]) + """>Zur Stelle</a></td>
  409.                                                         </tr>
  410.                                                     </table>
  411.                                                     <br>
  412.                                                     <p>Um zu dem Ausbildungsausschreiben zu gelangen, klicke einfach auf den nebenliegenden Button</p>
  413.                                                 </td>
  414.                                             </tr>
  415.                                         </table>
  416.                                     </td>
  417.                                 </tr>
  418.  
  419.                                 <!-- END MAIN CONTENT AREA -->
  420.                             </table>
  421.                             <!-- END CENTERED WHITE CONTAINER -->
  422.  
  423.                             <!-- START FOOTER -->
  424.                             <div class="footer ">
  425.                                 <table role="presentation " border="0 " cellpadding="0 " cellspacing="0 ">
  426.                                     <tr>
  427.                                         <td class="content-block ">
  428.                                             <span class="apple-link ">Informationen aus der Lehrstellenbörse der IHK entnommen</span>
  429.                                             <br><a href="https://www.ihk-lehrstellenboerse.de/ ">IHK Lehrstellenbörse öffnen</a>
  430.                                         </td>
  431.                                     </tr>
  432.                                     <tr>
  433.                                         <td class="content-block powered-by ">
  434.                                             Entwickelt von Ashkan Navid.
  435.                                         </td>
  436.                                     </tr>
  437.                                 </table>
  438.                             </div>
  439.                             <!-- END FOOTER -->
  440.  
  441.                         </div>
  442.                     </td>
  443.                     <td>&nbsp;</td>
  444.                 </tr>
  445.             </table>
  446.         </body>
  447.  
  448.         </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!