title: Django urls href redirect bug
body: <p>When I click on the &quot;apropos&quot; button on my navbar to access to my  &quot;apropos&quot; pages it load the page correctly but with this url <code>http://127.0.0.1:8000/contact/apropos/</code> when it should be <code>http://127.0.0.1:8000/apropos/</code>.</p>
  <p>it does the samething when I click on the &quot;contact&quot; button on my navbar it redirect me to this urls <code>http://127.0.0.1:8000/contact/contact</code></p>
  <p>And when I click on &quot;Accueil&quot; it redirect me to <code>http://127.0.0.1:8000/contact </code>
  When it should redirect me to <code>http://127.0.0.1:8000/</code></p>
  <p>mysite/urls.py</p>
  <pre><code>
  urlpatterns = [
      path(&quot;&quot;, include(&quot;main.urls&quot;)),    
      path('admin/', admin.site.urls),
      path(&quot;apropos/&quot;, include(&quot;main.urls&quot;)),
      path(&quot;contact/&quot;, include(&quot;main.urls&quot;)),
  ]
  </code></pre>
  <p>main/urls.py</p>
  <pre><code>
  urlpatterns = [
      path(&quot;&quot;, views.home, name=&quot;home&quot;),
      path(&quot;apropos/&quot;, views.apropos, name=&quot;apropos&quot;),
      path(&quot;contact/&quot;, views.contact, name=&quot;contact&quot;)
  ]
  
  </code></pre>
  <p>views.py</p>
  <pre><code>
  def home(response):
      return render(response, &quot;main/index.html&quot;, {})
  
  def apropos(response):
      return render(response, &quot;main/about.html&quot;, {})
  
  
  def contact(response):
      return render(response, &quot;main/contact.html&quot;, {})
  
  </code></pre>
  <p>index.html (navbar section)</p>
  <pre><code>&lt;!-- header nav section --&gt;
  &lt;header class=&quot;xs-header-nav&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
          &lt;div class=&quot;row  menu-item&quot;&gt;
              &lt;div class=&quot;col-lg-12&quot;&gt;
                  &lt;nav id=&quot;navigation1&quot; class=&quot;navigation header-nav clearfix&quot;&gt;
  
                      &lt;div class=&quot;nav-header&quot;&gt;
                          &lt;!--  &lt;a class=&quot;nav-brand&quot; href=&quot;#&quot;&gt;&lt;/a&gt;--&gt;
                          &lt;a href=&quot;./index.html&quot; class=&quot;mobile-logo&quot;&gt;
                              &lt;img src=&quot;static/assets/images/mobile_logo.png&quot; alt=&quot;&quot;&gt;
                          &lt;/a&gt;
                          &lt;div class=&quot;nav-toggle&quot;&gt;&lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class=&quot;nav-menus-wrapper clearfix&quot;&gt;
                          &lt;ul class=&quot;nav-menu&quot;&gt;
                  &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;{% url &quot;home&quot; %}&quot;&gt;Home&lt;/a&gt;
                             &lt;/li&gt;
                             &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Services&lt;/a&gt;
                             &lt;/li&gt;
                              &lt;li&gt;&lt;a href=&quot;gallery.html&quot;&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=&quot;{% url &quot;apropos&quot; %}&quot;&gt;À-propos&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;
                      &lt;a href=&quot;{% url &quot;contact&quot; %}&quot;&gt;Contact&lt;/a&gt;
                             &lt;/li&gt;
                          &lt;/ul&gt;
                          &lt;div class=&quot;header-nav-right-info align-to-right&quot;&gt;
                              &lt;label&gt;&lt;i class=&quot;icon icon-phone3&quot;&gt;&lt;/i&gt; (514) 569-2380&lt;/label&gt;
                          &lt;/div&gt;
                          
                      &lt;/div&gt;
  
                  &lt;/nav&gt;
              &lt;/div&gt;
          &lt;/div&gt;&lt;!-- .row end --&gt;
      &lt;/div&gt;&lt;!-- .container end --&gt;
  &lt;/header&gt;&lt;!-- End header nav section --&gt;
  
  
  </code></pre>