Posts

  <!DOCTYPE html> <html> <head> <title>Image to Text Converter</title> <style> * { box-sizing: border-box; } body { font-family: Arial, sans-serif; background-color: #f1f1f1; } .container { max-width: 800px; margin: 0 auto; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } h1 { text-align: center; color: #333; } #imagePreview { width: 100%; height: auto; margin-bottom: 20px; } .upload-button { display: block; width: 100%; padding: 10px; margin-bottom: 20px; font-size: 16px; text-align: center; border: none; border-radius: 4px; ...
Post a Comment
Read more
  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>URL Shortener</title> <style> /* CSS styles for the URL Shortener */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .container { max-width: 600px; margin: 0 auto; padding: 20px; background-color: #f5f5f5; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h1 { text-align: center; } .form-group { margin-bottom: 15px; } label { display: block; font-weight: bold; margin-bottom: 5px; } input[type="text"], input[type="submit"] { width: 100%; padding: 10px; font-size: 16px; border-radius: 5px; border: 1px solid #ccc; } input[type=...
Post a Comment
Read more
  <!DOCTYPE html> <html> <head> <title>Fast.com Web View</title> <style> html, body { margin: 0; padding: 0; height: 100%; } #webview { width: 100%; height: 100%; border: none; } </style> </head> <body> <iframe id="webview"></iframe> <script> window.onload = function() { var webview = document.getElementById("webview"); function resizeWebview() { webview.style.height = window.innerHeight + "px"; } // Resize the web view when the window is resized window.addEventListener("resize", resizeWebview); // Load the Fast.com website into the web view webview.src = "https://fast.com"; // Initially resize the web view resizeWebview(); }; </script> </body> </html>
Post a Comment
Read more
  <!DOCTYPE html> <html> <head> <title>Advanced Text Editor</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .editor-container { display: flex; flex-direction: column; height: 100vh; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .toolbar { display: flex; align-items: center; padding: 8px; background-color: #f0f0f0; border-bottom: 1px solid #ccc; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } .toolbar button, .toolbar select { margin-right: 8px; background-color: transparent; border: none; cursor: pointer; } .toolbar select { cursor: pointer; } .editor { flex-grow: 1; padding: 16px; border: 1px solid #ccc; outline: none; font-size: 14px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } .status-bar { display:...
Post a Comment
Read more
  <!DOCTYPE html> <html> <head> <title>Advanced Text Editor</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .editor-container { display: flex; flex-direction: column; height: 100vh; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .toolbar { display: flex; align-items: center; padding: 8px; background-color: #f0f0f0; border-bottom: 1px solid #ccc; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } .toolbar button, .toolbar select { margin-right: 8px; background-color: transparent; border: none; cursor: pointer; } .toolbar select { cursor: pointer; } .editor { flex-grow: 1; padding: 16px; border: 1px solid #ccc; outline: none; font-size: 14px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } .status-bar { display:...
Post a Comment
Read more
  <!DOCTYPE html> <html> <head> <title>Coin Toss Game</title> <style> body { font-family: Arial, sans-serif; background-color: #f1f1f1; } .container { display: flex; flex-direction: column; align-items: center; margin-top: 100px; } h1 { font-size: 36px; margin-bottom: 30px; } .button { background-color: #4CAF50; color: white; border: none; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin-bottom: 20px; cursor: pointer; border-radius: 4px; } .result { font-size: 24px; margin-bottom: 20px; } </sty...
Post a Comment
Read more