Kalkulator Diskaun

Kalkulator Diskaun body { font-family: Arial, sans-serif; background-color: #f2f2f2; margin: 0; padding: 20px; } h1 { text-align: center; color: #333; } .calculator { max-width: 400px; margin: 0 auto; background-color:...

Kalkulator Kira Perkataan

.word-counter-container { padding: 16px; font-family: "Roboto", sans-serif; text-align: center; } .word-counter-container h2 { font-size: 42px; } .word-counter-container textarea { display: block; width: 100%; height: 200px; border: 2px solid #14213d; border-radius: 8px; ...

Code Editor

h3.question { font-family: "Roboto", sans-serif; font-size: 24px; text-align: center; font-weight: 100; } .editor-container { width: 500px; height: 540px; margin: 20px auto; position: relative; } #editor { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; font-size: 20px; } Write a program to reverse...

QR Code Generator

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap'); .qrcode-container { max-width: 800px; margin: 0 auto; font-family: "Poppins", sans-serif; text-align: center; } .qrcode-container h2 { font-size: 40px; color: #000; } .qrcode-container .content...

BMR Calculator

.bmr-calculator { max-width: 300px; font-family: "Roboto", sans-serif; padding: 8px 24px; box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.3); padding-bottom: 20px; } .bmr-calculator, .bmr-calculator * { box-sizing: border-box; } .bmr-calculator h2 { text-align: center; background: #222; color: #fff; font-weight: 100; margin: -8px -24px; margin-bottom: 8px; padding:...

Html Converter

.html-entities-converter { max-width: 700px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; font-family: "Roboto", sans-serif; } .html-entities-converter h2 { font-size: 32px; text-transform: uppercase; font-weight: 900; text-align: center; color: #023047; margin: 16px; } .html-entities-converter .input-text, .html-entities-converter .result { height:...