Posts

Text Elements Structure

 Complete Text Elements Structure A. Alphabets (Letters) 👉 Basic language characters. Capital Letters (A–Z) Small Letters (a–z) Vowels Consonants Other Language Letters (Bengali, Greek, etc.) B. Numbers 👉 Numeric text elements. Whole Numbers (1, 2, 3) Decimal Numbers (1.5, 2.75) Roman Numbers (I, II, III) Ordinal Numbers (1st, 2nd, 3rd) Percentage Numbers (10%) Negative Numbers (-5) C. Symbols 👉 Meaning-based characters. Math Symbols (+ − × ÷ =) Logic Symbols (≠ ≤ ≥) Currency Symbols ($ ₹ € £) General Symbols (@ # & %) Measurement Symbols (° §) D. Special Characters 👉 Writing and formatting characters. Punctuation (. , : ; ! ?) Formatting Characters (space, line break) Accent Characters (é ñ ü) Escape Characters E. Brackets 👉 Grouping characters. Parentheses ( ) Square Brackets [ ] Curly Brackets { } Angle Brackets < > Special Brackets « » F. Quotes 👉 Quotation characters. Single Quotes ‘ ’ Double Quotes “ ” Apostrophe ' G. Arrows 👉 Direction indicators. → ← ↑ ↓ Na...
Post a Comment
Read more
  A. Emoji 1. Smileys & Emotion 😀 → Grinning Face → &#128512; 😁 → Beaming Face → &#128513; 😂 → Face With Tears of Joy → &#128514; 🤣 → Rolling on the Floor Laughing → &#129315; 😊 → Smiling Face With Smiling Eyes → &#128522; 😍 → Smiling Face With Heart Eyes → &#128525; 😎 → Smiling Face With Sunglasses → &#128526; 😢 → Crying Face → &#128546; 😭 → Loudly Crying Face → &#128557; 😡 → Angry Face → &#128544; 🥰 → Smiling Face With Hearts → &#129392; 😘 → Face Blowing Kiss → &#128536; 🤔 → Thinking Face → &#129300; 😴 → Sleeping Face → &#128564; 🥳 → Party Face → &#129395; 2. People & Body 👋 → Waving Hand → &#128075; 👍 → Thumbs Up → &#128077; 👎 → Thumbs Down → &#128078; 👏 → Clapping Hands → &#128079; 🙏 → Folded Hands → &#128591; 💪 → Flexed Biceps → &#128170; 👀 → Eyes → &#128064; 🧠 → Brain → &#129504; 👶 → Baby → &#128118; 👨 → Man → &#128104; 👩 → Woman → &#12...
Post a Comment
Read more

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; ...
Post a Comment
Read more

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...
Post a Comment
Read more

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=...
Post a Comment
Read more

বাংলা/हिंदी/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; ...
Post a Comment
Read more

हिंदी 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>यह एक उद...
Post a Comment
Read more