<meta name="viewport" content= "width=device-width, user-scalable=no"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <title>CBT-ECP42 GO FOR EDU</title> <link rel="icon" type="image/x-icon" href="https://i.postimg.cc/XvLbJCgf/Logo-SMP.png"> <style> /* ----------------------------------------------- Blogger Template Style Name : Misbahul Fahmi Fahrezi Youtube : Go For Edu Date : 07 Oktober 2022 ----------------------------------------------- */ html { position: fixed; overflow: auto; left: 0; right: 0; top: 0; bottom: 0; } body { font-family: Arial, Helvetica, sans-serif; overflow-y: hidden; /* Hide vertical scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */ } .header { background-color: #326091; width: 100%; } .header img { max-width: 250px; margin: 20px 0 20px 20px; } .header-right { float: right; margin: 30px 20px 0 0; } .header-right a { font-weight: bold; font-size: 20px; color: #74b9ff; } .header-right img { max-width: 20px; } .formulir { width: 100%; height:100vh; } iframe { height: 90%; width: 100%; padding-top: 8px; position: static; border: 0px; margin-bottom: 200px; } #timer { color: white; font-size: 17px; font-weight: bold; } #video-webcam { max-width: 100px; bottom: 0; right: 0; position: absolute; margin-right: 18px; margin-bottom: 18px; border: 4px solid #326091; } .credit-link img { bottom: 0; left: 0; position: absolute; margin-left: 15px; margin-bottom: 15px; max-width: 40px; } @media only screen and (max-width: 600px) { .header { overflow: hidden; background-color: #326091; padding: 0px 0px; } .header img { max-width: 100px; float: left; margin: 9px 0px 9px 9px; } .credit-link img { max-width: 100px; margin: 6px 0px 5px 5px; } .header-right { margin: 13px 10px 0 0px; } .header-right a { font-weight: bold; font-size: 7px; } #timer { color: white; font-size: 7px; font-weight: bold; } #video-webcam { max-width: 50px; bottom: 0; right: 0; position: absolute; margin-right: 10px; margin-bottom: 10px; border: 2px solid #326091; } iframe { padding-top: 2px; height: 95%; } .credit-link img { bottom: 0; left: 0; position: absolute; margin-left: 10px; margin-bottom: 10px; max-width: 30px; } } } </style> </head> <body> <div class="header"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfvqVYKQgDVOYqgBqWLtfYWrnGh2RBkPxPUiYAwQmesxGNhBu873Pkk-5ekYUKKDSldSUv3hrAyJpJlpya2GMfaC3zwl3bHx-yXxJLLii0n8ploRaNYPtanDoEpKl7uArQ1M-CauvYrAxXdmM9vkpRJf_KC0jp6v_LDnNulCs-Wb6vVVFZGvhSaOB18wkp/s320/Salinan%20dari%20Salinan%20dari%20Web%20Sekolah%20Logo%20Google%20Site%20(2).png"> <div class="header-right"> <div id="timer"> <span id="time"></span> <a class="fa fa-clock-o"></a> </div> </div> </div> <div class='credit-link'> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu72vVYtvGpmjlbFsie2xsawVtnQ62XSMvKH8hF5ZG83wvhRerTGBD6W6hAEAI1p6oH_vL2ByVMsAlMCXZpHAUBQIshK58lqz1Ba6ld4XmKWNS6axY-XcN7x_XPlvrcsEktVPiLOeb8lDB2twc4erFMyLaoX9eKsm3aAcP_V8cxzwwtjOF7ndtqin-3ms7/s843/Logo_Pemda.png"> </div> <div class="formulir"> <span id="form"> <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdheYytdNJY3mZlAnUKV7tV50qhJvFT0el-znkjE0t9CdSQag/viewform?usp=sf_link">LOADING
Upgrade Browser Terbaru!
.png)
