Posts

Text Symbols and html code:

 Text: Alfabets Numbers Symbols and html code: A. Symbols 1. Math / Logic Symbols + → Plus → &#43; − → Minus → &minus; × → Multiply → &times; ÷ → Divide → &divide; = → Equal → &#61; ≠ → Not Equal → &ne; < → Less Than → &lt; > → Greater Than → &gt; ≤ → Less or Equal → &le; ≥ → Greater or Equal → &ge; % → Percentage → &#37; ∞ → Infinity → &infin; √ → Square Root → &radic; 2. Currency Symbols $ → Dollar → &#36; ₹ → Indian Rupee → &#8377; € → Euro → &euro; £ → Pound → &pound; ¥ → Yen → &yen; 3. General Symbols @ → At Sign → &#64; # → Hash → &#35; & → Ampersand → &amp; * → Asterisk → &#42; ~ → Tilde → &#126; ^ → Caret → &#94; | → Pipe → &#124; \ → Backslash → &#92; / → Slash → &#47; _ → Underscore → &#95; B. Special Characters 1. Punctuation . → Period → &#46; , → Comma → &#44; : → Colon → &#58; ; → Semicolon → &#59; ! → Exclamation → &#33; ...

How to convert a folder in a app:

  How to convert a folder in a app: To convert a folder into an app, the steps depend on what kind of app you want to build and what content is inside the folder (e.g., HTML, scripts, assets). Here are common ways to convert a folder into an app: --- 🔸 Scenario 1: Convert a Folder with HTML/JS/CSS into a Web App If your folder contains HTML, CSS, JS files, you can convert it into a web app like this: ✅ Steps: 1. Organize Folder Structure my-app/ ├── index.html ├── style.css ├── script.js └── assets/ 2. Add a Web App Manifest (manifest.json) {   "name": "My Web App",   "short_name": "WebApp",   "start_url": "index.html",   "display": "standalone",   "background_color": "#ffffff",   "theme_color": "#317EFB",   "icons": [     {       "src": "icons/icon-192.png",       "sizes": "192x192",       "type": "ima...

Web Page Template:

Image
  Web Page Template: Immage: Asid Section: ( for each page) Section, For Page Related section Links  Section, Other Page Links to go there  Sample Code:  <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8" />   <meta name="viewport" content="width=device-width, initial-scale=1.0" />   <title>Your Website Title</title>   <link rel="stylesheet" href="web_page_template.css">/*(own css file)*/   <script src="https://cdn.tailwindcss.com"></script> </head> <body class="bg-gray-50 text-gray-800 font-sans">   <!-- Header -->   <header class="bg-white shadow">     <div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">       <h1 class="text-xl font-bold">YourBrand</h1>       <nav class="space-x-4">         <a href="#" class=...

বাংলা/हिंदी/English Input Text Reader auto Scroll: select text to start reading

  🔊 বাংলায় শুনুন ✍️ Enter your text (বাংলা/ हिंदी/ English, Limit: 1,500 words): Code: Html: <!-- 📱 Media query --> <style>   @media screen and (max-width: 768px) {     #smartReaderBtn {       right: 5px !important;       top: 170px !important;     }   } </style> <!-- 📝 Input Box & Button --> <div style="font-family: sans-serif; margin: 20px auto; max-width: 700px;">   <div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">     <p id="wordCount" style="color: #555; margin: 0;"></p>     <div id="smartReaderBtn" onclick="toggleSmartReader()" style="align-items: center; background-color: #ff9900; border-radius: 50%; border: 2px solid white; box-shadow: rgba(0,0,0,0.1) 0px 4px 8px; color: white; cursor: pointer; display: flex; padding: 10px; ...

हिंदी Page Reader auto Scroll: select text to start reading

🔊 हिंदी में सुनिए यह एक उदाहरण अनुच्छेद है। यह वाक्य हिंदी में पढ़ा जाएगा।   Code: Html: <!-- 📱 Media query --> <style>   @media screen and (max-width: 768px) {     #smartReaderBtn {       right: 25px !important;       top: 40px !important;     }   } </style> <!--✅ Speaker Icon Button--> <div id="smartReaderBtn" onclick="toggleSmartReader()" style="align-items: center; background-color: #ff9900; border-radius: 50%; border: 2px solid white; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; color: white; cursor: pointer; display: flex; padding: 10px; position: fixed; right: 100px; top: 80px; z-index: 999;">   <span style="font-size: 24px; margin-right: 5px;">🔊</span>   <span id="smartReaderLabel" style="font-size: 16px;">हिंदी में सुनिए</span> </div> <!--✅ Main Content Area--> <div class="post-body">   <p>यह एक उद...

English Page Reader auto Scroll: select text to start reading

🔊 Listen This is a sample paragraph. This sentence will be read in English.   Code: Html: <!--📱 Media query--> <style>   @media screen and (max-width: 768px) {     #smartReaderBtn {       right: 25px !important;       top: 40px !important;     }   } </style> <!--✅ Speaker Icon Button--> <div id="smartReaderBtn" onclick="toggleSmartReader()" style="align-items: center; background-color: #ff9900; border-radius: 50%; border: 2px solid white; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; color: white; cursor: pointer; display: flex; padding: 10px; position: fixed; right: 100px; top: 80px; z-index: 999;">   <span style="font-size: 24px; margin-right: 5px;">🔊</span>   <span id="smartReaderLabel" style="font-size: 16px;">Listen</span> </div> <!--✅ Main Content Area--> <div class="post-body">   <p>This is a sample p...

বাংলা Page Reader auto Scroll: select text to start reading

🔊 বাংলায় শুনুন এটি একটি নমুনা অনুচ্ছেদ।   Code: Html: <!-- ❌ Top Start --📱 Media query--> <style>   @media screen and (max-width: 768px) {     #smartReaderBtn {       right: 25px !important;       top: 40px !important;     }   } </style> <!--✅ Speaker Icon Button--> <div id="smartReaderBtn" onclick="toggleSmartReader()" style="align-items: center; background-color: #ff9900; border-radius: 50%; border: 2px solid white; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; color: white; cursor: pointer; display: flex; padding: 10px; position: fixed; right: 100px; top: 80px; z-index: 999;">   <span style="font-size: 24px; margin-right: 5px;">🔊</span>   <span id="smartReaderLabel" style="font-size: 16px;">বাংলায় শুনুন</span> </div> <!--✅ Main Content Area--> <div class="post-body"> <p>শুরু করা হচ্ছে!</p> <!-- ❌ Top...