# html টেম্পলেট কে কনভার্ট করি

**কাস্টম css ,js ,images ফাইল নিয়ে কাজ করার জন্য static ফোল্ডারের মধ্যে css ,js ,images নামে ফোল্ডার তৈরী করি।**

**css এবং js ফাইলগুলো static/css এবং static/js ফোল্ডারে রাখি।**

base.html ফাইলে css এবং js ফাইল static ফোল্ডার থেকে যোগ করি। এজন্য base.html ফাইলের ভিতরে html শুরু হওয়ার পূর্বে&#x20;

```
{% load static %}
```

লিখে নিচের মত করে css এবং js ফাইল লোড করতে হবে।

**base.html**

```html
{% load static %}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>{% if title %} {{title}} {% else %} Blog {% endif %}</title>
        <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" />

    </head>
    <body>
        {% block content %}
        {% endblock %}

        <script src="{% static 'js/bootstrap.min.js' %}" defer></script>
    </body>
</html>
```

**django সার্ভার রিস্টার্ট করি**

{% hint style="success" %}

### নোট

{% endhint %}

আমাদের প্রতিটি html টেম্পলেট এ

<pre><code><strong> {% extends 'base.html' %} 
</strong></code></pre>

এর পরের লাইনে&#x20;

```
{% load static %}
```

লিখতে হবে।
