Pool Quality
How do I make an pool quality?
What is a pool quality? How do you make a pool quality? This script and codes were developed by Marcus Macmillan on 23 September 2022, Friday.
Pool Quality - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Pool Quality</title> <link rel='stylesheet prefetch' href='https://www.education.tas.gov.au/documentcentre/Documents/HazardsRisksPagesStyle_1.css'>
<link rel='stylesheet prefetch' href='https://www.education.tas.gov.au/documentcentre/Documents/Menu.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body> <!--DIV CONTAINER FOR MEDIA QUERY--> <div id="Container"> <!--DIV LEFT PADDING FOR WEB PAGE--> <div id="PageMargin"> <!--HAZARDS & RISKS HEADER!--> <img id="Header" src="https://www.education.tas.gov.au/documentcentre/Documents/(2)Hazards%20and%20Risks.PNG" /> <!--Menu Container--> <div id="MenuContainer" onclick="openNav()"> <div id="NewHeader">Pool Quality</div> <div class="Menu1"></div> <div class="Menu2"></div> <div class="Menu3"></div> </div> <!--End of div Menu Container--> <!--Side Navigation Bar Menu--> <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">x</a> <a href="https://www.education.tas.gov.au/intranet/CSD/HR/whs/SitePages/Home.aspx">Home</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(1)%20Managing%20Health%20and%20Safety_1.html">Managing Work Health & Safety</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(2)Hazards%20and%20Risks_1.html"> Hazards & Risks</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(4)%20WHS%20Alerts_1.html">Work Health & Safety Alerts</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(5)%20WHS%20Resources%20Page.html">WHS Resources Page</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(6)%20WHS%20Events_1.html">WHS Events</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(7)Emergency%20Management_1.html">Emergency Management</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(8)Training%20and%20Development_1.html">Training & Development</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(9)%20WHS%20Management%20System_1.html">Work Health & Safety Management System</a> <a href="https://www.education.tas.gov.au/documentcentre/Documents/(10)%20Incident%20Notification%20Procedures_1.html">Incident Notification Procedures</a> </div> <!-- End of SideNav div--> <p></p> <!--INTRO TEXT SECTION!--> <div class="Border2"> <p><a href="https://www.ballarat.vic.gov.au/media/1332477/hs826_pool_operators_web.pdf">Pool Operators’ Handbook</a></p> <p><a href="https://www.education.tas.gov.au/documentcentre/_layouts/WordViewer.aspx?id=/documentcentre/Documents/Safety-Checklist-Swimming-Pool.doc">Safety Checklist – Swimming Pool</a></p> <p><a href="https://www.safeworkaustralia.gov.au/sites/SWA/about/Publications/Documents/626/Managing_Work_Environment_and_Facilities2.pdf">Code of Practice – Managing the Work Environment and Facilities</a></p> </div> <!--NO PADDING FOR FOOTER!--> </div> <img id="Footer" src="https://www.education.tas.gov.au/documentcentre/Documents/WHS%20Footer.PNG" /> <!--END OF CONTAINER FOR PAGE MEDIA FORMATTING--> </div> <!--JAVASCRIPT FOR MENU & NAVBAR--> <Script src="Menu.js"></script>
</body> <script src='https://www.education.tas.gov.au/documentcentre/Documents/Menu.js'></script>
</body>
</html>
Pool Quality - Script Codes CSS Codes
/*CSS STYLING FOR POOL QUALITY WEB PAGE*/
/*FIRST MEDIA SCREEN SIZE SET CONTAINER WIDTH TO 100% FOR SIZING */
/*MEDIA SCREEN SIZE FOR LARGE SCREENS*/
@media screen and (max-width: 1820px) { #Container { width: 100%; } #Header { width: 100%; height: 200px; } #Footer { width: 100%; height: 120px; }
}
/*MEDIA SCREEN SIZE FOR MINIMIZED LARGE SCREEN DESKTOPS AND LAPTOPS*/
@media screen and (max-width: 1500px) { #Container { width: 100%; } p { font-size: 20px; } ul { font-size: 20px; } #Header { width: 100%; height: 150px; } #Footer { width: 100%; height: 75px; } #PageMargin { margin-left: 20px; } #NewHeader { font-size: 28px; padding-top: 0.2%; padding-left: 41%; }
}
/*MEDIA SCREEN SIZE FOR IPADS LANDSCAPE*/
@media screen and (max-width: 1024px) { #Container { width: 100%; } p { font-size: 18px; } ul { font-size: 18px; } #Header { width: 100%; height: 100px; } #Footer { width: 100%; height: 75px; } #PageMargin { margin-left: 15px; } #NewHeader { font-size: 20px; padding-top: 0.3%; padding-left: 41%; }
}
/*MEDIA SCREEN SIZE FOR IPADS PORTRAIT*/
@media screen and (max-width: 768px) { #Container { width: 100%; } p { font-size: 14px; } ul { font-size: 14px; } #Header { width: 100%; height: 75px; } #Footer { width: 100%; height: 50px; } #PageMargin { margin-left: 10px; } #NewHeader { font-size: 16px; padding-top: 0.2%; padding-left: 41%; }
}
/*SET SMALLEST SCREEN SIZE ALLOWABLE*/
@media screen and (max-width: 360px) { #Container { width: 320px; } p { font-size: 12px; } ul { font-size: 12px; } #Header { width: 100%; height: 75px; } #Footer { width: 100%; height: 25px; } #PageMargin { margin-left: 5px; } #NewHeader { font-size: 12px; padding-top: 0.4%; padding-left: 37%; }
}
Developer | Marcus Macmillan |
Username | Marcus666 |
Uploaded | September 23, 2022 |
Rating | 3 |
Size | 2,802 Kb |
Views | 24,288 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
WHS Resources_New | 4,455 Kb |
Hazards and Risks | 5,058 Kb |
Managing HS | 6,166 Kb |
Home Economics | 3,144 Kb |
Wet Weather | 4,291 Kb |
Manual Handling | 3,428 Kb |
School Practical Work | 2,754 Kb |
Playgrounds and Outdoor Areas | 3,106 Kb |
WHS Resources Endless Scrolling Bar | 4,274 Kb |
Endless Scrolling Bar | 2,127 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Simple blog concept | Drew_mc | 2,666 Kb |
Siema - add pagination to prototype | Pawelgrzybek | 2,575 Kb |
Cool audio | Bigliam | 1,868 Kb |
Simple DevTools | Deegill | 2,511 Kb |
Tail rose iris lined | Kbrtrm | 1,846 Kb |
Pictos font library from CodePen | Jstam | 3,790 Kb |
We Simplify animation | Meodai | 48,169 Kb |
Right Click Menu | Anodpixels | 2,252 Kb |
Twinkling Stars | Ripley6811 | 2,750 Kb |
Comment Jquery | SquishyAndroid | 2,421 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!