Для того чтобы наш сайт выглядел красиво добавим в проект Bootstrap-стили.

В первую очередь создадим общий шаблон для всех страниц, для этого в папку personal_portfolio добавим новую папку templates. А в ней создадим файл base.html. Откроем файл и добавим в него следующее содержимое:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">

{% block page_content %}{% endblock %}

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

Содержимое всех страниц будет включаться в блок page_content, поэтому Bootstrap-стили будут присутствовать на каждой странице.

Теперь мы должны сообщить фреймворку, что появился новый файл base.html. Для этого откройте файл personal_portfolio/settings.py и измените строчку DIRS в списке TEMPLATES (строка 4):

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': ['personal_portfolio/templates/'],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]