PageSourceSearch

https://bottola.ai/blog.html

html bottola.ai collected 2026-10-05 14:06:42 UTC 28,257 bytes, 633 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" prefix="og: https://ogp.me/ns#">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6
7<!-- ═══ Primary SEO ═══ -->
8<title>Blog — Bottola AI | AI Creativity Tips, Guides & News from Bangladesh</title>
9<meta name="description" content="The Bottola AI blog — guides, tips, and news about AI image generation, AI video, AI music, and the growing AI creative scene in Bangladesh.">
10<meta name="keywords" content="Bottola AI blog, AI Bangladesh blog, AI image generation guide Bangladesh, AI creative tips, bKash AI tools, Bangla AI prompts, AI art Bangladesh, generative AI guide Bengali">
11<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large">
12<meta name="author" content="Bottola AI">
13<meta name="theme-color" content="#063d06">
14<link rel="icon" type="image/png" href="assets/Logo.png">
15<link rel="apple-touch-icon" href="assets/Logo.png">
16<link rel="canonical" href="https://bottola.ai/blog.html">
17
18<!-- Geo -->
19<meta name="geo.region" content="BD">
20<meta name="geo.placename" content="Dhaka, Bangladesh">
21
22<!-- Open Graph -->
23<meta property="og:type" content="website">
24<meta property="og:url" content="https://bottola.ai/blog.html">
25<meta property="og:site_name" content="Bottola AI">
26<meta property="og:locale" content="en_US">
27<meta property="og:title" content="Blog — Bottola AI | AI Creativity Tips & Guides">
28<meta property="og:description" content="Guides, tips, and news about AI image generation, AI video, AI music, and the AI creative scene in Bangladesh.">
29<meta property="og:image" content="https://bottola.ai/assets/Logo.png">
30
31<!-- Twitter Card -->
32<meta name="twitter:card" content="summary_large_image">
33<meta name="twitter:title" content="Blog — Bottola AI">
34<meta name="twitter:description" content="Guides, tips, and news about AI creativity in Bangladesh.">
35<meta name="twitter:image" content="https://bottola.ai/assets/Logo.png">
36
37<link rel="preconnect" href="https://fonts.googleapis.com">
38<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
39<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap" rel="stylesheet">
40
41<link rel="stylesheet" href="assets/css/loader.css">
42<link rel="stylesheet" href="assets/css/variables.css">
43<link rel="stylesheet" href="assets/css/base.css">
44<link rel="stylesheet" href="assets/css/nav.css">
45<link rel="stylesheet" href="assets/css/hero.css">
46<link rel="stylesheet" href="assets/css/sections.css">
47<link rel="stylesheet" href="assets/css/footer.css">
48<link rel="stylesheet" href="assets/css/responsive.css">
49<link rel="stylesheet" href="assets/css/animations.css">
50
51<style>
52  /* ── Blog hero ── */
53  .blog-hero {
54    padding: 120px 28px 72px;
55    text-align: center;
56    background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(99,207,73,.07) 0%, transparent 65%);
57    position: relative;
58  }
59  .blog-hero::before {
60    content: '';
61    position: absolute;
62    inset: 0;
63    background-image:
64      linear-gradient(rgba(99,207,73,.03) 1px, transparent 1px),
65      linear-gradient(90deg, rgba(99,207,73,.03) 1px, transparent 1px);
66    background-size: 60px 60px;
67    pointer-events: none;
68  }
69  .blog-hero > * { position: relative; z-index: 1; }
70  .blog-hero h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 800; letter-spacing: -.03em; line-height: 1.1; margin-bottom: 16px; }
71  .blog-hero p { color: var(--text-sec); font-size: 1rem; max-width: 500px; margin: 0 auto; }
72
73  /* ── Category filter bar ── */
74  .blog-filters {
75    display: flex;
76    flex-wrap: wrap;
77    gap: 10px;
78    justify-content: center;
79    padding: 40px 28px 0;
80    max-width: 900px;
81    margin: 0 auto;
82  }
83  .blog-filter-btn {
84    background: var(--surface);
85    border: 1px solid var(--border-sub);
86    color: var(--text-sec);
87    font-size: .8rem;
88    font-weight: 600;
89    font-family: var(--font-body);
90    padding: 7px 18px;
91    border-radius: var(--r-pill);
92    cursor: pointer;
93    transition: border-color .2s, color .2s, background .2s;
94  }
95  .blog-filter-btn:hover,
96  .blog-filter-btn.active {
97    border-color: var(--accent);
98    color: var(--accent);
99    background: rgba(99,207,73,.06);
100  }
101
102  /* ── Blog grid ── */
103  .blog-body {
104    max-width: 1100px;
105    margin: 0 auto;
106    padding: 56px 28px 96px;
107  }
108
109  /* Featured post (first card) */
110  .blog-featured {
111    display: grid;
112    grid-template-columns: 1fr 1fr;
113    gap: 0;
114    background: var(--surface);
115    border: 1px solid var(--border-sub);
116    border-radius: var(--r-lg);
117    overflow: hidden;
118    margin-bottom: 40px;
119    transition: border-color .25s, transform .25s;
120    text-decoration: none;
121    color: inherit;
122  }
123  .blog-featured:hover { border-color: var(--accent); transform: translateY(-3px); }
124  .blog-featured-img {
125    height: 320px;
126    object-fit: cover;
127    width: 100%;
128    display: block;
129  }
130  .blog-featured-body {
131    padding: 40px;
132    display: flex;
133    flex-direction: column;
134    justify-content: center;
135  }
136  .blog-featured-body .post-label { margin-bottom: 16px; }
137  .blog-featured-body h2 { font-size: 1.5rem; font-weight: 800; line-height: 1.25; margin-bottom: 14px; }
138  .blog-featured-body p { color: var(--text-sec); font-size: .875rem; line-height: 1.7; margin-bottom: 20px; flex: 1; }
139  .post-meta { display: flex; align-items: center; gap: 14px; font-size: .78rem; color: var(--text-muted); flex-wrap: wrap; }
140  .post-meta .dot { color: var(--border-str); }
141  .post-read-time { color: var(--accent); font-weight: 600; }
142
143  /* Regular grid */
144  .blog-grid {
145    display: grid;
146    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
147    gap: 24px;
148  }
149  .blog-card {
150    background: var(--surface);
151    border: 1px solid var(--border-sub);
152    border-radius: var(--r-md);
153    overflow: hidden;
154    text-decoration: none;
155    color: inherit;
156    display: flex;
157    flex-direction: column;
158    transition: border-color .25s, transform .25s;
159  }
160  .blog-card:hover { border-color: var(--accent); transform: translateY(-4px); }
161  .blog-card-img {
162    width: 100%;
163    height: 200px;
164    object-fit: cover;
165    display: block;
166  }
167  .blog-card-body { padding: 24px; display: flex; flex-direction: column; flex: 1; }
168  .post-label {
169    display: inline-flex;
170    align-items: center;
171    gap: 6px;
172    background: rgba(99,207,73,.1);
173    color: var(--accent);
174    font-size: .72rem;
175    font-weight: 700;
176    letter-spacing: .08em;
177    text-transform: uppercase;
178    padding: 4px 10px;
179    border-radius: var(--r-pill);
180    margin-bottom: 12px;
181    width: fit-content;
182  }
183  .blog-card-body h3 { font-size: 1rem; font-weight: 700; line-height: 1.35; margin-bottom: 10px; }
184  .blog-card-body p { color: var(--text-sec); font-size: .83rem; line-height: 1.65; flex: 1; margin-bottom: 18px; }
185  .blog-card-body .post-meta { margin-top: auto; }
186
187  /* Coming-soon card */
188  .blog-card-soon {
189    border-style: dashed;
190    border-color: var(--border-sub);
191    display: flex;
192    align-items: center;
193    justify-content: center;
194    min-height: 260px;
195    flex-direction: column;
196    gap: 10px;
197    color: var(--text-muted);
198    font-size: .85rem;
199    cursor: default;
200  }
201  .blog-card-soon:hover { transform: none; border-color: var(--border-sub); }
202  .blog-card-soon span { font-size: 1.8rem; }
203
204  /* Newsletter strip */
205  .blog-newsletter {
206    background: var(--surface);
207    border: 1px solid var(--border-sub);
208    border-radius: var(--r-lg);
209    padding: 48px 40px;
210    text-align: center;
211    margin-top: 56px;
212  }
213  .blog-newsletter h3 { font-size: 1.4rem; font-weight: 800; margin-bottom: 8px; }
214  .blog-newsletter p { color: var(--text-sec); font-size: .9rem; margin-bottom: 28px; }
215  .newsletter-form { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; max-width: 480px; margin: 0 auto; }
216  .newsletter-form input {
217    flex: 1;
218    min-width: 200px;
219    background: var(--surface-dark);
220    border: 1px solid var(--border-str);
221    border-radius: var(--r-sm);
222    padding: 11px 16px;
223    color: var(--text);
224    font-size: .875rem;
225    font-family: var(--font-body);
226    outline: none;
227    transition: border-color .2s;
228  }
229  .newsletter-form input:focus { border-color: var(--accent); }
230  .newsletter-form input::placeholder { color: var(--text-muted); }
231
232  @media (max-width: 768px) {
233    .blog-featured { grid-template-columns: 1fr; }
234    .blog-featured-img { height: 220px; }
235    .blog-featured-body { padding: 28px; }
236    .blog-newsletter { padding: 36px 24px; }
237  }
238  @media (max-width: 640px) {
239    .blog-hero { padding: 100px 20px 56px; }
240    .blog-body { padding: 40px 20px 64px; }
241  }
242</style>
243
244<!-- ═══ Structured Data ═══ -->
245<script type="application/ld+json">
246{
247  "@context": "https://schema.org",
248  "@graph": [
249    {
250      "@type": "Blog",
251      "@id": "https://bottola.ai/blog.html#blog",
252      "url": "https://bottola.ai/blog.html",
253      "name": "Bottola AI Blog",
254      "description": "Guides, tips, tutorials, and news about AI image generation, AI video, AI music, and the AI creative scene in Bangladesh.",
255      "publisher": { "@id": "https://bottola.ai/#organization" },
256      "inLanguage": ["en", "bn"],
257      "blogPost": [
258        {
259          "@type": "BlogPosting",
260          "headline": "How to Write AI Image Prompts in Bangla — A Complete Beginner's Guide",
261          "description": "Learn how to craft effective AI image prompts in Bangla and Banglish to get stunning results from Bottola AI's image generation tool.",
262          "url": "https://bottola.ai/blog/bangla-ai-prompts-guide.html",
263          "datePublished": "2026-06-10",
264          "author": { "@id": "https://bottola.ai/#organization" },
265          "image": "https://bottola.ai/assets/img/creators-tree.jpg",
266          "keywords": "Bangla AI prompts, AI image generation Bangladesh, Bottola AI guide"
267        },
268        {
269          "@type": "BlogPosting",
270          "headline": "bKash, Nagad & Rocket: How to Pay for AI Tools Without a Dollar Account",
271          "description": "A step-by-step guide to subscribing to Bottola AI using bKash, Nagad, or Rocket mobile banking — no international card needed.",
272          "url": "https://bottola.ai/blog/bkash-nagad-rocket-ai-payment.html",
273          "datePublished": "2026-06-05",
274          "author": { "@id": "https://bottola.ai/#organization" },
275          "image": "https://bottola.ai/assets/img/digital-marketplace.jpg",
276          "keywords": "bKash AI payment, Nagad AI, Rocket AI, AI tools Bangladesh payment"
277        },
278        {
279          "@type": "BlogPosting",
280          "headline": "In-House vs Off-the-Shelf AI: Why It Matters for Bangladeshi Creators",
281          "description": "Why Bottola AI building its own models instead of reselling foreign APIs makes a real difference for quality, cultural relevance, and pricing.",
282          "url": "https://bottola.ai/blog/inhouse-ai-models-bangladesh.html",
283          "datePublished": "2026-05-28",
284          "author": { "@id": "https://bottola.ai/#organization" },
285          "image": "https://bottola.ai/assets/img/tech-tree-city.jpg",
286          "keywords": "in-house AI models, Bangladesh AI development, Bottola AI technology"
287        },
288        {
289          "@type": "BlogPosting",
290          "headline": "AI Image vs AI Video vs AI Music: Which Tool Should You Start With?",
291          "description": "A practical guide to choosing the right Bottola AI tool for your creative project — whether you're a designer, filmmaker, or musician.",
292          "url": "https://bottola.ai/blog/which-ai-tool-to-start.html",
293          "datePublished": "2026-05-20",
294          "author": { "@id": "https://bottola.ai/#organization" },
295          "image": "https://bottola.ai/assets/img/music-tech.jpg",
296          "keywords": "AI image generation, AI video generation, AI music generation, Bottola AI tools"
297        },
298        {
299          "@type": "BlogPosting",
300          "headline": "10 Stunning AI Image Styles You Can Generate on Bottola AI",
301          "description": "From photorealistic portraits to anime landscapes — explore the top artistic styles available on Bottola AI and how to prompt for each one.",
302          "url": "https://bottola.ai/blog/ai-image-styles-bottola.html",
303          "datePublished": "2026-05-14",
304          "author": { "@id": "https://bottola.ai/#organization" },
305          "image": "https://bottola.ai/assets/img/mystic-portal.jpg",
306          "keywords": "AI image styles, Bottola AI gallery, AI art Bangladesh, AI image prompts"
307        }
308      ]
309    },
310    {
311      "@type": "WebPage",
312      "@id": "https://bottola.ai/blog.html#webpage",
313      "url": "https://bottola.ai/blog.html",
314      "name": "Blog — Bottola AI",
315      "isPartOf": { "@id": "https://bottola.ai/#website" },
316      "breadcrumb": {
317        "@type": "BreadcrumbList",
318        "itemListElement": [
319          { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://bottola.ai" },
320          { "@type": "ListItem", "position": 2, "name": "Blog", "item": "https://bottola.ai/blog.html" }
321        ]
322      }
323    }
324  ]
325}
326</script>
326
327</head>
328<body>
329
330<!-- ══ PAGE LOADER ══ -->
331<div id="page-loader" role="status" aria-label="Loading Bottola AI">
332  <div class="ldr-grid" aria-hidden="true"></div>
333  <div class="ldr-glow" aria-hidden="true"></div>
334  <div class="ldr-ping" aria-hidden="true"></div>
335  <div class="ldr-ping" aria-hidden="true"></div>
336  <div class="ldr-ping" aria-hidden="true"></div>
337  <div class="ldr-particles" aria-hidden="true"></div>
338  <div class="ldr-center">
339    <div class="ldr-rings" aria-hidden="true">
340      <div class="ldr-ring-outer"></div>
341      <div class="ldr-ring-mid"></div>
342      <div class="ldr-ring-inner"></div>
343      <div class="ldr-orbit"><div class="ldr-orbit-dot"></div></div>
344      <div class="ldr-orbit"><div class="ldr-orbit-dot"></div></div>
345      <div class="ldr-logo-wrap">
346        <div class="ldr-logo-halo"></div>
347        <img src="assets/Logo.png" alt="" class="ldr-logo">
348      </div>
349    </div>
350    <p class="ldr-brand"><span class="ldr-brand-main">BOTTOLA</span><span class="ldr-brand-accent">_AI</span></p>
351    <p class="ldr-tagline">Bangladesh's AI Creative Platform</p>
352    <p class="ldr-status" id="ldr-status">Initializing AI systems...</p>
353    <div class="ldr-progress-wrap">
354      <div class="ldr-progress-track">
355        <div class="ldr-progress-fill"></div>
356      </div>
357      <div class="ldr-progress-meta">
358        <span class="ldr-percent" id="ldr-percent">0%</span>
359        <span class="ldr-step" id="ldr-step">01 / 06</span>
360      </div>
361    </div>
362  </div>
363</div>
364
365<!-- ══ NAV ══ -->
366<nav id="nav" role="navigation" aria-label="Main navigation">
367  <a href="index.html" class="nav-logo" aria-label="Bottola AI Home">
368    <img src="assets/Logo.png" alt="" class="nav-logo-img" aria-hidden="true">
369    Bottola<span>_AI</span>
370  </a>
371  <ul class="nav-links" role="list">
372    <li><a href="index.html">Home</a></li>
373    <li><a href="about.html">About</a></li>
374    <li><a href="index.html#services">Services</a></li>
375    <li><a href="index.html#listings">Gallery</a></li>
376    <li><a href="prompt-guide.html">Prompt Guide</a></li>
377    <li><a href="blog.html" class="active">Blog</a></li>
378    <li><a href="faq.html">FAQ</a></li>
379    <li><a href="index.html#contact">Contact</a></li>
380  </ul>
381  <a href="https://app.bottola.ai" target="_blank" rel="noopener" class="nav-cta">Get Started Free</a>
382  <button class="hamburger" id="ham-btn" aria-label="Toggle mobile menu" aria-expanded="false">
383    <span></span><span></span><span></span>
384  </button>
385</nav>
386
387<!-- Mobile Menu -->
388<div id="mobile-menu" role="dialog" aria-label="Mobile navigation">
389  <a href="index.html" onclick="closeMob()">Home</a>
390  <a href="about.html" onclick="closeMob()">About</a>
391  <a href="index.html#services" onclick="closeMob()">Services</a>
392  <a href="index.html#listings" onclick="closeMob()">Gallery</a>
393  <a href="prompt-guide.html" onclick="closeMob()">Prompt Guide</a>
394  <a href="blog.html" onclick="closeMob()">Blog</a>
395  <a href="faq.html" onclick="closeMob()">FAQ</a>
396  <a href="index.html#contact" onclick="closeMob()">Contact</a>
397  <a href="https://app.bottola.ai" target="_blank" rel="noopener" class="mob-cta" onclick="closeMob()">Get Started Free →</a>
398</div>
399
400<!-- ══ HERO ══ -->
401<div class="blog-hero">
402  <span class="hero-badge">✍️ Bottola AI Blog</span>
403  <h1>AI Creativity <em class="grad-text">for Bangladesh</em></h1>
404  <p>Guides, tutorials, tips, and news about AI image, video, and music creation — written for Bangladeshi creators.</p>
405</div>
406
407<!-- ── Category filters ── -->
408<div class="blog-filters" role="group" aria-label="Filter posts by category">
409  <button class="blog-filter-btn active" type="button">All</button>
410  <button class="blog-filter-btn" type="button">Guides</button>
411  <button class="blog-filter-btn" type="button">Tips & Tricks</button>
412  <button class="blog-filter-btn" type="button">Payments</button>
413  <button class="blog-filter-btn" type="button">Technology</button>
414  <button class="blog-filter-btn" type="button">News</button>
415</div>
416
417<div class="blog-body">
418
419  <!-- Featured post -->
420  <a href="blog/bangla-ai-prompts-guide.html" class="blog-featured" aria-label="Read: How to Write AI Image Prompts in Bangla">
421    <img src="assets/img/creators-tree.jpg" alt="AI generated creators under a glowing tree" class="blog-featured-img" loading="eager">
422    <div class="blog-featured-body">
423      <span class="post-label">⭐ Featured · Guide</span>
424      <h2>How to Write AI Image Prompts in Bangla — A Complete Beginner's Guide</h2>
425      <p>Learn how to craft effective AI image prompts in Bangla and Banglish to get stunning results. From simple descriptions to advanced style keywords — everything a Bangladeshi creator needs to know to get the most out of Bottola AI.</p>
426      <div class="post-meta">
427        <span>Bottola AI Team</span>
428        <span class="dot">·</span>
429        <span>June 10, 2026</span>
430        <span class="dot">·</span>
431        <span class="post-read-time">8 min read</span>
432      </div>
433    </div>
434  </a>
435
436  <!-- Post grid -->
437  <div class="blog-grid" role="list">
438
439    <a href="blog/bkash-nagad-rocket-ai-payment.html" class="blog-card" role="listitem" aria-label="Read: bKash, Nagad & Rocket payment guide">
440      <img src="assets/img/digital-marketplace.jpg" alt="Digital marketplace AI art" class="blog-card-img" loading="lazy">
441      <div class="blog-card-body">
442        <span class="post-label">💳 Payments</span>
443        <h3>bKash, Nagad & Rocket: How to Pay for AI Tools Without a Dollar Account</h3>
444        <p>Step-by-step guide to subscribing to Bottola AI using mobile banking — no international card or dollar conversion needed.</p>
445        <div class="post-meta">
446          <span>June 5, 2026</span>
447          <span class="dot">·</span>
448          <span class="post-read-time">5 min read</span>
449        </div>
450      </div>
451    </a>
452
453    <a href="blog/inhouse-ai-models-bangladesh.html" class="blog-card" role="listitem" aria-label="Read: In-House vs Off-the-Shelf AI">
454      <img src="assets/img/tech-tree-city.jpg" alt="Technology tree city AI art" class="blog-card-img" loading="lazy">
455      <div class="blog-card-body">
456        <span class="post-label">🔬 Technology</span>
457        <h3>In-House vs Off-the-Shelf AI: Why It Matters for Bangladeshi Creators</h3>
458        <p>Why running our own infrastructure and fine-tuning models — instead of simply reselling Midjourney or DALL-E — makes a real difference for quality and cultural fit.</p>
459        <div class="post-meta">
460          <span>May 28, 2026</span>
461          <span class="dot">·</span>
462          <span class="post-read-time">6 min read</span>
463        </div>
464      </div>
465    </a>
466
467    <a href="blog/which-ai-tool-to-start.html" class="blog-card" role="listitem" aria-label="Read: Which AI tool to start with">
468      <img src="assets/img/music-tech.jpg" alt="Music and technology AI art" class="blog-card-img" loading="lazy">
469      <div class="blog-card-body">
470        <span class="post-label">🎨 Guide</span>
471        <h3>AI Image vs AI Video vs AI Music: Which Tool Should You Start With?</h3>
472        <p>Not sure where to begin? This practical guide helps you choose the right Bottola AI tool based on your creative goals.</p>
473        <div class="post-meta">
474          <span>May 20, 2026</span>
475          <span class="dot">·</span>
476          <span class="post-read-time">7 min read</span>
477        </div>
478      </div>
479    </a>
480
481    <a href="blog/ai-image-styles-bottola.html" class="blog-card" role="listitem" aria-label="Read: 10 AI image styles">
482      <img src="assets/img/mystic-portal.jpg" alt="Mystic portal AI VFX art" class="blog-card-img" loading="lazy">
483      <div class="blog-card-body">
484        <span class="post-label">💡 Tips & Tricks</span>
485        <h3>10 Stunning AI Image Styles You Can Generate on Bottola AI</h3>
486        <p>From photorealistic portraits to anime landscapes — explore the top artistic styles and how to prompt for each one.</p>
487        <div class="post-meta">
488          <span>May 14, 2026</span>
489          <span class="dot">·</span>
490          <span class="post-read-time">5 min read</span>
491        </div>
492      </div>
493    </a>
494
495    <a href="blog/ai-video-generation-guide.html" class="blog-card" role="listitem" aria-label="Read: AI video generation guide">
496      <img src="assets/img/neon-city.jpg" alt="Neon city AI art" class="blog-card-img" loading="lazy">
497      <div class="blog-card-body">
498        <span class="post-label">🎬 Guide</span>
499        <h3>AI Video Generation in Bangladesh: From Prompt to Final Clip in 90 Seconds</h3>
500        <p>A hands-on walkthrough of generating your first AI video on Bottola — from writing the prompt to downloading the final file.</p>
501        <div class="post-meta">
502          <span>May 7, 2026</span>
503          <span class="dot">·</span>
504          <span class="post-read-time">9 min read</span>
505        </div>
506      </div>
507    </a>
508
509    <div class="blog-card blog-card-soon" aria-label="More posts coming soon">
510      <span>✍️</span>
511      <strong>More posts coming soon</strong>
512      <p style="text-align:center;font-size:.8rem;max-width:180px;">Subscribe below to get notified when new articles drop.</p>
513    </div>
514
515  </div>
516
517  <!-- Newsletter -->
518  <div class="blog-newsletter">
519    <h3>Get New Articles in Your Inbox</h3>
520    <p>No spam — just practical AI guides and Bottola AI updates, in Bangla and English.</p>
521    <form class="newsletter-form" action="https://api.web3forms.com/submit" method="POST" onsubmit="handleNewsletter(event, this)">
522      <input type="hidden" name="access_key" value="8d746ae9-cf93-4e4a-9788-3d164b949e55">
523      <input type="hidden" name="subject" value="New newsletter subscription from Bottola AI blog">
524      <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" aria-hidden="true">
525      <input type="email" name="email" placeholder="[email protected]" required aria-label="Email address">
526      <button type="submit" class="btn-primary" id="nl-btn">Subscribe →</button>
527    </form>
528  </div>
529
530</div>
531
532<!-- ══ FOOTER ══ -->
533<div class="divider"></div>
534<footer role="contentinfo">
535  <div class="footer-inner">
536    <div class="footer-grid">
537      <div class="footer-brand">
538        <a href="index.html" class="nav-logo footer-logo" aria-label="Bottola AI Home">
539          <img src="assets/Logo.png" alt="" class="nav-logo-img" aria-hidden="true">
540          Bottola<span>_AI</span>
541        </a>
542        <p>Bangladesh's first home-grown AI creative platform — in-house models, local payments, and tools built specifically for Bangladeshi creators.</p>
543        <div class="footer-social-links" aria-label="Social media">
544          <a href="https://www.facebook.com/BottolaAI/" target="_blank" rel="noopener" aria-label="Facebook">Facebook</a>
545          <span class="sep">·</span>
546          <a href="https://www.instagram.com/bottola.AI/" target="_blank" rel="noopener" aria-label="Instagram">Instagram</a>
547          <span class="sep">·</span>
548          <a href="https://www.youtube.com/channel/UCT8CkKNGhGysp8e6Sc8cu1A" target="_blank" rel="noopener" aria-label="YouTube">YouTube</a>
549          <span class="sep">·</span>
550          <a href="https://www.linkedin.com/company/bottola" target="_blank" rel="noopener" aria-label="LinkedIn">LinkedIn</a>
551          <span class="sep">·</span>
552          <a href="https://discord.gg/uXWkXstSW" target="_blank" rel="noopener" aria-label="Discord">Discord</a>
553        </div>
554      </div>
555      <div class="footer-col">
556        <h5>Platform</h5>
557        <ul>
558          <li><a href="index.html#services">AI Image Gen</a></li>
559          <li><a href="index.html#services">AI Video Gen</a></li>
560          <li><a href="index.html#services">AI Music Gen</a></li>
561          <li><a href="index.html#services">Tola Lab</a></li>
562          <li><a href="index.html#listings">Gallery</a></li>
563        </ul>
564      </div>
565      <div class="footer-col">
566        <h5>Company</h5>
567        <ul>
568          <li><a href="about.html">About Us</a></li>
569          <li><a href="index.html#pricing">Pricing</a></li>
570          <li><a href="blog.html">Blog</a></li>
571          <li><a href="faq.html">FAQ</a></li>
572          <li><a href="mailto:[email protected]?subject=Careers+at+Bottola+AI">Careers</a></li>
573        </ul>
574      </div>
575      <div class="footer-col">
576        <h5>Legal</h5>
577        <ul>
578          <li><a href="privacy-policy.html">Privacy Policy</a></li>
579          <li><a href="terms-of-service.html">Terms of Service</a></li>
580          <li><a href="privacy-policy.html#cookies">Cookie Policy</a></li>
581          <li><a href="refund-policy.html">Refund Policy</a></li>
582          <li><a href="delivery-policy.html">Delivery Policy</a></li>
583        </ul>
584      </div>
585    </div>
586    <div class="footer-payment">
587      <img src="assets/img/payment-methods-banner.png" alt="Accepted payment methods: Visa, Mastercard, bKash, Nagad, Rocket, and more — verified by SSLCommerz" loading="lazy">
588    </div>
589
590    <div class="footer-bottom">
591      <div class="footer-legal">
592        <p>© 2026 Bottola AI, a product of Everest Information Technology. All rights reserved. Made with ❤️ in Bangladesh.</p>
593        <p class="footer-legal-info">Trade License No. TRAD/DNCC/044912/2023 · Registered Address: ক-১০১, মহাখালী, ঢাকা-১২১২, Bangladesh</p>
594      </div>
595      <a href="#" class="footer-back-top" aria-label="Back to top">↑ Back to top</a>
596    </div>
597  </div>
598</footer>
599
600<script src="assets/js/loader.js"></script>
vendor: 2 bytes, line 600
600
601<script src="assets/js/nav.js"></script>
vendor: 2 bytes, line 601
601
602<script src="assets/js/animations.js"></script>
vendor: 2 bytes, line 602
602
603<script>
604// Category filter
605document.querySelectorAll('.blog-filter-btn').forEach(btn => {
606  btn.addEventListener('click', function () {
607    document.querySelectorAll('.blog-filter-btn').forEach(b => b.classList.remove('active'));
608    this.classList.add('active');
609  });
610});
611
612// Newsletter form
613function handleNewsletter(e, form) {
614  e.preventDefault();
615  const btn = document.getElementById('nl-btn');
616  btn.textContent = 'Subscribing…';
617  btn.disabled = true;
618  fetch('https://api.web3forms.com/submit', { method: 'POST', body: new FormData(form) })
619    .then(r => r.json())
620    .then(j => {
621      if (j.success) {
622        btn.textContent = '✓ Subscribed!';
623        form.reset();
624      } else { throw new Error(); }
625    })
626    .catch(() => {
627      btn.textContent = 'Try again';
628      btn.disabled = false;
629    });
630}
631</script>
631
632</body>
633</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.