[PDF] <> Personal <> <<first_forename>> <<surname</b> </h1> <div class="main" id="pdfiframe" > <div style="padding:5px;"> <style> #myProgress { width: 100%; background-color: #ddd; } #myBar { width: 25%; height: 15px; background-color: green; color:white; } </style> <!-- <div id="iframeLoado"> <form role="search" action="https://www.google.com/search" method="get" style="width:100% !important;padding-bottom:2px;" onsubmit="goooggle('inp2');"> <table style="vertical-align:middle;height:36px; width:100%;"> <tr style=" width:100%;"> <td><input type="text" name="q" placeholder="Search For PDF , Doc documents ..." style=" width:100%;font-size:20px" id="inp2"/></td> <td><input type="submit" value="Search" style=" width:100%;font-size:20px"/></td> </tr> </table></form> <script> function goooggle(id) { var x=document.getElementById(id); var v=x.value; x.value='site:pdfprof.com '+v; } </script> <div> <small id="readit"> </small><br/> <a href="https://www.facebook.com/sharer/sharer.php?u=https://pdfprof.com/PDFV2/Documents1/5628/27/20" rel="nofollow" target="_blank" style="margin-right: 5px; background: #03A9F4; color: white; padding: 1%; font-size:15px; width:46%; ">Share on Facebook</a> <a href="https://api.whatsapp.com/send?text=%3C%3Cdate%3E%3E+Personal+%3C%3Ctitle%3E%3E+%3C%3Cfirst_forename%3E%3E+%3C%3Csurname+Download+From++-+https%3A%2F%2Fpdfprof.com%2FPDFV2%2FDocuments1%2F5628%2F27%2F20" rel="nofollow" target="_blank" style="background: #4CAF50; color: white; padding: 1%; width:48%; font-size:15px;">Share on Whatsapp</a> </div> <script> function myFunction() { navigator.clipboard.writeText("https://pdfprof.com/PDFV2/Documents1/5628/27/20"); document.getElementById("copied").innerHTML="Link is Copied"; } </script> <br/> <br/> --> <div id="iframeLoado"> <div id="myProgress" style="display:none;" > <div id="myBar"><small >Loading...</small></div> <span id="opp"></span> </div> <script> var i = 0; function move() { if (i == 0) { i = 1; var elem = document.getElementById("myBar"); var width = 25; var id = setInterval(frame, 500); function frame() { if (width >= 100) { clearInterval(id); elem.innerHTML="<br/>"; elem.style.background="#fff"; i = 0; } else { if(width==100) { // document.getElementById("opp").innerHTML='<small>if the file is not opened , <a href="#listepdfs2" style="background:#075f3f;color:white;padding-left:10px;"> Click Here to show other Links</a></small> <b><a href="#dddd" style="background:#fff;">Download</a></b>'; } width+=10; elem.style.width = (width*1) + "%"; } } } } // move(); </script> <br/> <button id="myBtn" ><img src="https://pdfprof.com/pdf1.jpg" style="width:30px !important;"><b>View - Download </b> <<date>> Personal <<title>> <<first_forename>> <<surname</button> <br/> <div style="width:100%;background:#fff;min-height:200px !important;"> <br/> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1570187411384203" crossorigin="anonymous"></script> <!-- Responsive1 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1570187411384203" data-ad-slot="2836242943" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <br/> <table style="width:100%;"> <tr style="width:100%;"> <td style="width:45%;"> <style> .bblinkss{ color: #e0e5eb; background: #2d7aa7; padding: 5px; border-radius: 2px; width:97%; display:block; text-align:center; text-decoration: none; } .bblinkss:hover{ color: #2d7aa7; background: #e0e5eb; padding: 5px; border-radius: 2px; } #myBtn{border:1px solid #aaa;color:white;padding:8px;width:98%;color:white;background:green;display:block;} #myBtn:hover{ background:blue; cursor:pointer; } </style> <a href="https://pdfprof.com/PDFV2/Documents1/5628/27/19" class="bblinkss"> Previous PDF </a> </td><!-- <td style="width:30%;"> <a href="#listepdfs" class="bblinkss" style="background:#2ebd2e;">PDF List</a> </td>--> <td style="width:5%;"></td> <td style="width:45%;"> <a href="https://pdfprof.com/PDFV2/Documents1/5628/27/21" class="bblinkss"> Next PDF </a> </td> </tr> </table> <div><script> function hideref() { document.getElementById("ppif").style="display:none;"; document.getElementById("bbbok").style="display:none;"; } </script> <!-- <br/> <button id="myBtn" >View & Download This PDF</button> --> <span id="dddd" style=""></span> </div> <br/> <style> .wordss{ word-break: break-all; } </style> <span class="wordss" id="sourrces"></span> <script> //document.getElementById("sourrces").innerHTML='https://www.essex.ac.uk/-/media/documents/directories/human-resources/apprenticeships/apprentice-university-of-essex-fixed-term-cover-letter-'; </script> </div> <div id="listepdfs"> <div id="listepdfs2"> <br/><br/> <div id="cas5629" style="border:1px solid blue; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/12"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> Addendum to contract effective 1 April 2020 Following a period of</a></h2> <p>Apr 1 2020 including 36 hours per week (or an average 36 hours week pattern where shift patterns vary). ... hour of overtime and time and-a-half thereafter ...<br/> </p> </div> <br/><br/> <div id="cas5630" style="border:1px solid blue; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/13"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> GOING PUBLIC: ICELANDS JOURNEY TO A SHORTER WORKING</a></h2> <p>hour to a 35- or 36-hour week without reduced pay. — commenced in Iceland First<br/> </p> </div> <br/><br/> <div id="cas5631" style="border:1px solid blue; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/14"> <img src="https://pdfprof.com/PDFV2/GoBo/Images47/27_5628_4_.png" alt="Redistribution of working time: achieving a better work-life balance" title="Redistribution of working time: achieving a better work-life balance" style="width:auto !important;"> Redistribution of working time: achieving a better work-life balance</a></h2> <p>Sep 6 2022 ... shift patterns will not fit neatly into a seven-day week. ... Some even indicated a preference for 12-hour shifts that would deliver a 36-hour ...<br/> </p> </div> <br/><br/> <div id="cas5633" style="border:1px solid blue; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/16"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> UNISON</a></h2> <p>For example some councils have a. 35-hour working week and agreements for a 36-hour week are not uncommon. hour shift pattern<br/> </p> </div> <br/><br/> <div id="cas5634" style="border:1px solid blue; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/17"> <img src="https://pdfprof.com/PDFV2/GoBo/Images47/27_5628_7_.png" alt="EPSU European Firefighters Network Report on working time and" title="EPSU European Firefighters Network Report on working time and" style="width:auto !important;"> EPSU European Firefighters Network Report on working time and</a></h2> <p>hour shifts over weekends and 24-hour shifts during the week. In the Slovak European Firefighters' Working Hours and Shift Patterns. Country. Basic* weekly.<br/> </p> </div> <br/><br/> <div id="cas5635" style="border:1px solid blue; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/18"> <img src="https://pdfprof.com/PDFV2/GoBo/Images33/27_5628_8_.png" alt="Work Scheduling and Fatigue Management" title="Work Scheduling and Fatigue Management" style="width:auto !important;"> Work Scheduling and Fatigue Management</a></h2> <p>shifts in a row. • Cons: 12-hr night shifts; shift ... • 4 on/3 off pattern. • All teams overlap schedules one day a week. • 36-hr work weeks (w/ 8.5-hr shifts).<br/> </p> </div> <br/><br/> <div id="cas5636" style="border:1px solid blue; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/19"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> Salary Regulations Human Resources Department</a></h2> <p>Sheriff's Department who are assigned to work four ten-hour days per week twenty-four hour shift patterns in merit system fire districts) designated by board ...<br/> </p> </div> <br/><br/> <div id="cas5637" style="border:1px solid blue; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/21"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> MAKING UP FOR LOST TIME</a></h2> <p>The complexities of introducing a 35-hour working week across many shift patterns meant that the of the 36-hour working week in the Dutch banking sector. Acta ...<br/> </p> </div> <br/><br/> <div id="cas5638" style="border:1px solid blue; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/22"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> WORKING TIME AND OPERATING HOURS IN THE EUROPEAN</a></h2> <p>Three-shift system 36 hours/week; night shift 34 hours/week; weekend shift Various shift patterns possible on the basis of the 28.8 hrs week. Shift ...<br/> </p> </div> </div> <div id="listepdfs2" > <br/><br/> <div id="cas5640" style="border:1px solid #eee; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/1"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> Alternative Work Schedule - Option Examples</a></h2> <p>Four and a half day workweek (for 40-hour employee). Work 36 hours in four days; 4 hours in one day. Monday through Thursday work 9 hours (7:00 a.m. 4:30 <br/> </p> </div> <br/><br/> <div id="cas5641" style="border:1px solid #eee; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/2"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> GOING PUBLIC: ICELANDS JOURNEY TO A SHORTER WORKING</a></h2> <p>hour to a 35- or 36-hour week without reduced pay. — commenced in Iceland<br/> </p> </div> <br/><br/> <div id="cas5642" style="border:1px solid #eee; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/3"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> Shift Rotation Manual HEABC / BCNU Revised Sept_2003</a></h2> <p>Sixty-six years ago a nursing textbook described shift the 7.2 hour day and the 36 hour work week. ... adjust to the changes in shift patterns.<br/> </p> </div> <br/><br/> <div id="cas5643" style="border:1px solid #eee; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/4"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> Cupe Collective Agreement</a></h2> <p>HOURS OF WORK AND SHIFT PATTERNS WILL BE IN 36. 17.02 EMPLOYEE STRANDING ARISING FROM. A REGULAR SHIFT . ... March 31 2005 – 36 hour work week rate.<br/> </p> </div> <br/><br/> <div id="cas5644" style="border:1px solid #eee; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/5"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> COLLECTIVE AGREEMENT BETWEEN: NEXCYCLE PLASTICS</a></h2> <p>shift patterns and starting and quitting times. 12.03 (a) The normal hours of work and the "Week 1 - Thirty-Six (36) Hour Week" - Friday Saturday<br/> </p> </div> <br/><br/> <div id="cas5645" style="border:1px solid #eee; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/6"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> SGEU Collective Bargaining Agreement.pdf</a></h2> <p>Feb 6 2018 36. Special Hours of Work and Shift Arrangements . ... 36. Modified Office Work Pattern – 5-5 Two Week Cycle .<br/> </p> </div> <br/><br/> <div id="cas5646" style="border:1px solid #eee; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/7"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> Discussion Paper: The Health and Safety Impacts of 24 Hour Shifts</a></h2> <p>Mar 2 2011 changing to a 24 hour shift pattern until the recommended research has been ... be reduced to 72<br/> </p> </div> <br/><br/> <div id="cas5647" style="border:1px solid #eee; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/8"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> Miiiffifiltte Maiidl</a></h2> <p>The basic work week will be thirty-six (36) hours in duration. (ii). Employees on continental shifts are entitled to two (2) paid ten (10) minute breaks and.<br/> </p> </div> <br/><br/> <div id="cas5648" style="border:1px solid #eee; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/9"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> 31.82 New Shift Pattern 20 week option (003)</a></h2> <p>Week 1. Mon. Tue. Wed. Thu. Fri. Sat. Sun. Sum of weekly hours. Shift. 7x15. 7x15. 17x01. 17x01. 23x07. 23x07. R. Refs Break 36 mins. 36 mins. 36 mins.<br/> </p> </div> <br/><br/> <div id="cas5649" style="border:1px solid #eee; padding:2px;font-size:18px;"> <h2><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/10"> <img src="https://pdfprof.com/pdf.png" style="width:60px !important;"> CAA PAPER 2002/06 Work Hours of Aircraft Maintenance Personnel</a></h2> </div> </div> </div> <style> .ahover:hover{ background:#efefef; } </style> <div style="padding:5px; font-size:22px;"> <a href="https://pdfprof.com/PDFV2/Documents1/5629/27" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] 36 hour week working day calendar</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/5630/27" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] 36 hour work week for nurses</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/5631/27" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] 36 hour work week law</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/5632/27" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] 36 hour work week salary</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/5633/27" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] 36 hour work week uk</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/5634/27" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] 36 hour work week year</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/5635/27" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] 36/44 hour work week schedule</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/5636/27" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] 37 avenue hoche paris 75008 france</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/5637/27" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] 37 boulevard malesherbes paris 75008</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/5638/27" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] 37 quai d'orsay 75700 paris sp 07</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/5639/27" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] 39 bis rue d'assas 75006 paris 6e arrondissement france</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/5640/27" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] 3d animation for beginners pdf</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/5641/27" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] 3d bar histogram python</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/5642/27" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] 3d body reconstruction from single image</a><br/><br/> <a href="https://pdfprof.com/PDFV2/Documents1/5643/27" style="font-size:27px;padding:0.5%;border:1px solid #aaa;width:99%;display:block;" class="ahover">[PDF] 3d color histogram python</a><br/><br/> </div> </div> </div> <div class="left"> <br/> <div style="width:100%;padding:2px;"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1570187411384203" crossorigin="anonymous"></script> <!-- Responsive1 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1570187411384203" data-ad-slot="2836242943" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <br/> <br/> <br/> <br/> <div style="background:#efefef;"><br/></div> </div> <div> <style> .exit-intent-popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: rgba(33, 33, 33, 0.8); transform: translateY(60%) scale(0); transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1); } .exit-intent-popup.visible { transform: translateY(0) scale(1); } .newsletter { position: absolute; top: 20%; left: 20%; transform: translate(-20%, -20%); } /* Popup-specific styles */ .newsletter { background: #FFF; padding: 10px; border-radius: 3px; } .close { position: absolute; top: 10px; right: 10px; cursor: pointer; width: 20px; height: 20px; font-size:18px; } </style> <link rel="stylesheet" href="popup.css" /> <div class="exit-intent-popup"> <div class="newsletter"> <span>Nous vous remercions chaleureusement pour votre soutien et votre générosité.</span><br/> <br/> <img src="https://pdfprof.com/PDFV2/6oB.gif" style="max-width:100%;"/> <div style="width:100%;"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://pdfprof.com/PDFV2/Documents1/5628/27/20" rel="nofollow" target="_blank" style="margin-right: 5px; background: #03A9F4; color: white; padding: 1%; font-size:15px; width:46%; ">Share on Facebook</a> <a href="https://api.whatsapp.com/send?text=3d+color+histogram+python+Download+From++-+https%3A%2F%2Fpdfprof.com%2FPDFV2%2FDocuments1%2F5628%2F27%2F20" rel="nofollow" target="_blank" style="background: #4CAF50; color: white; padding: 1%; width:48%; font-size:15px;">Share on Whatsapp</a> </div> <br/> <span class="close">x</span> </div> </div> <script> /* const CookieService = { setCookie(name, value, days) { let expires = ''; if (days) { const date = new Date(); date.setTime(date.getTime() + (days * 12 * 60 * 60 * 1000)); expires = '; expires=' + date.toUTCString(); } document.cookie = name + '=' + (value || '') + expires + ';'; }, getCookie(name) { const cookies = document.cookie.split(';'); for (const cookie of cookies) { if (cookie.indexOf(name + '=') > -1) { return cookie.split('=')[1]; } } return null; } }; const exit = e => { const shouldExit = [...e.target.classList].includes('exit-intent-popup') || // user clicks on mask e.target.className === 'close' || // user clicks on the close icon e.keyCode === 27; // user hits escape if (shouldExit) { document.querySelector('.exit-intent-popup').classList.remove('visible'); } }; const mouseEvent = e => { const shouldShowExitIntent = !e.toElement && !e.relatedTarget && e.clientY < 10; if (shouldShowExitIntent) { document.removeEventListener('mouseout', mouseEvent); document.querySelector('.exit-intent-popup').classList.add('visible'); CookieService.setCookie('exitIntentShown', true, 30); } }; if (!CookieService.getCookie('exitIntentShown')) { setTimeout(() => { document.addEventListener('mouseout', mouseEvent); document.addEventListener('keydown', exit); document.querySelector('.exit-intent-popup').addEventListener('click', exit); }, 0); } */ </script> <!-- Trigger/Open The Modal --> <!-- The Modal --> <div> <div id="myModal" class="modal"> <!-- Modal content --> <div class="modal-content"> <span class="closeA">×</span> <style> .downlink{ border:1px solid #aaa;color:white;padding:8px;width:98%;color:white;background:green;display:block; } .downlink:hover{ background:blue; cursor:pointer; } </style> <table style="width:80%;"> <tr style="width:100%;"> <td style="width:50%;"><a href="https://pdfprof.com/PDFV2/ShowLink_1.php?vidt=5628&vt=27&links=https%3A%2F%2Fwww.essex.ac.uk%2F-%2Fmedia%2Fdocuments%2Fdirectories%2Fhuman-resources%2Fapprenticeships%2Fapprentice-university-of-essex-fixed-term-cover-letter-" class="downlink" target="_blank">PDF Download</a> </td> <td style="width:45%;"><a href="https://pdfprof.com/PDFV2/Documents1/5628/27/21" class="bblinkss"> Next PDF </a> </td></tr> </table> <iframe id="ppifa" frameBorder="0" width="100%" src="https://pdfprof.com/PDFV2/getFrameTestV3.php?links=https://www.essex.ac.uk/-/media/documents/directories/human-resources/apprenticeships/apprentice-university-of-essex-fixed-term-cover-letter-&idt=5628&t=27&view=20&url=https://pdfprof.com/PDFV2/Documents1/5628/27/20" style="width:100%;height:90vh;" ></iframe> <script> /* var iframe = document.getElementById("ppifa"); var srcv=iframe.src; var loadingStatus = false; function abc(){ iframe.onload = function () { loadingStatus = true; console.log('ok is loaded iframe'); } if(loadingStatus==false) { iframe.src=srcv; } } abc(); */ </script> </div> </div> </div> <style> body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 10px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 5px; border: 1px solid #888; width: 90%; } /* The Close Button */ .closeA { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; background:red; padding:5px; } .closeA:hover, .closeA:focus { color: #000; text-decoration: none; cursor: pointer; } </style> <script> // Get the modal var modal = document.getElementById("myModal"); // Get the button that opens the modal var btn = document.getElementById("myBtn"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("closeA")[0]; // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function() { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } </script> </body> </html>