В вашем profile.html
вы расширяете base.html
. Это означает, что все в вашем profile.html
должно быть внутри {% block x %}
тегов.
В вашем profile.html
файле у вас сейчас есть два места, а <DOCTYPE>
, который вам не нужен, так как это будет взяты из вашего «родительского» шаблона (base.html
).
Чтобы перезаписать <title>
, просто включите его в свой раздел {% block head %}
, так как он должен быть здесь.
Внутри ваши теги {% block head %}
, нет необходимости повторять <head>
, так как вы уже находитесь внутри тегов заголовка из родительского шаблона на этом этапе.
Все вышеперечисленное приведет к следующему:
{% extends "dating_app/base.html" %}
{% block head %}
<title>Profile</title>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
{% endblock %}
{% block content %}
<div class="container">
<div class="row">
<div class="panel panel-default">
<div class="panel-heading"> <h4 style="color:#CB2603 " >My Profile</h4></div>
<div class="panel-body">
<div class="col-md-4 col-xs-12 col-sm-6 col-lg-4">
<img alt="User Pic" src="{{ profile.photo.url }}" id="profile-image1" class="img-circle img-responsive">
</div>
<div class="col-md-8 col-xs-12 col-sm-6 col-lg-8" >
<div class="container" >
<h2>{{ profile }}</h2>
</div>
<hr>
<ul class="container details" >
<h3 >About me</h3>
<p><span style="width:50px;margin:50px"></span>{{ profile.description }}</p>
</ul>
<hr>
{% if user.id == profile.id %}
<p><a style="color:#CB2603 " href="{% url 'dating_app:update_account' profile.id %}">edit profile</a></p>
{% endif %}
</div>
</div>
</div>
</div>
{% endblock content %}