diff --git a/datacenterlight/templates/datacenterlight/includes/_navbar.html b/datacenterlight/templates/datacenterlight/includes/_navbar.html
index fe948861..9df9e227 100644
--- a/datacenterlight/templates/datacenterlight/includes/_navbar.html
+++ b/datacenterlight/templates/datacenterlight/includes/_navbar.html
@@ -1,90 +1,113 @@
{% load staticfiles i18n%} {% get_current_language as LANGUAGE_CODE %} {% load custom_tags %}
<nav class="navbar navbar-default navbar-fixed-top topnav">
- <div class="topnav">
- <!-- Brand and toggle get grouped for better mobile display -->
- <div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- {% if request.resolver_match.url_name == "index" or request.resolver_match.url_name == "whydatacenterlight" %}
- <a href="{% url 'datacenterlight:index' %}" id="logoBlack" class="navbar-brand topnav" data-url="#home"><img src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
- <a href="{% url 'datacenterlight:index' %}" id="logoWhite" class="navbar-brand topnav" data-url="#home"><img src="{% static 'datacenterlight/img/logo_white.svg' %}"></a>
+ <div class="topnav">
+ <!-- Brand and toggle get grouped for better mobile display -->
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse"
+ data-target="#bs-example-navbar-collapse-1">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ {% if request.resolver_match.url_name == "index" or request.resolver_match.url_name == "whydatacenterlight" %}
+ <a href="{% url 'datacenterlight:index' %}" id="logoBlack" class="navbar-brand topnav" data-url="#home"><img
+ src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
+ <a href="{% url 'datacenterlight:index' %}" id="logoWhite" class="navbar-brand topnav" data-url="#home"><img
+ src="{% static 'datacenterlight/img/logo_white.svg' %}"></a>
+ {% else %}
+ <a href="{% url 'datacenterlight:index' %}" id="logoBlack" class="navbar-brand topnav"><img
+ src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
+ <a href="{% url 'datacenterlight:index' %}" id="logoWhite" class="navbar-brand topnav"><img
+ src="{% static 'datacenterlight/img/logo_white.svg' %}"></a>
+ {% endif %}
+
+ </div>
+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><!-- Start Navbar collapse-->
+ <ul class="nav navbar-nav navbar-right">
+ {% if request.resolver_match.url_name == "index" or request.resolver_match.url_name == "whydatacenterlight" %}
+ <li class="dropdown">
+ <a class="dropdown-toggle visible-mobile" href="#" data-toggle="dropdown" role="button"
+ aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}<span
+ class="caret"></span></a>
+ <a class="dropdown-toggle url disabled visible-desktop menu-url" data-url="#how"
+ data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}
+ <span class="caret"></span></a>
+ <ul class="dropdown-menu">
+ <li><a class="url menu-url" data-url="#your" href="#your">{% trans "Scale out" %}</a></li>
+ <li><a class="url menu-url" data-url="#our" href="#our">{% trans "Reliable and light" %}</a>
+ </li>
+ <li><a class="url menu-url" data-url="#price" href="#price">{% trans "Order VM" %}</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="{% url 'datacenterlight:whydatacenterlight' %}">{% trans "Why Data Center Light?" %}</a>
+ </li>
+ <li>
+ <a class="url" href="{% url 'datacenterlight:index' %}#contact" data-url="#contact">{% trans "Contact" %}</a>
+ </li>
{% else %}
- <a href="{% url 'datacenterlight:index' %}" id="logoBlack" class="navbar-brand topnav"><img src="{% static 'datacenterlight/img/logo_black.svg' %}"></a>
- <a href="{% url 'datacenterlight:index' %}" id="logoWhite" class="navbar-brand topnav"><img src="{% static 'datacenterlight/img/logo_white.svg' %}"></a>
+ <li class="dropdown">
+ <a class="dropdown-toggle visible-mobile" href="#" data-toggle="dropdown" role="button"
+ aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}<span
+ class="caret"></span></a>
+ <a class="dropdown-toggle url disabled visible-desktop menu-url" data-url="#how"
+ data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}
+ <span class="caret"></span></a>
+ <ul class="dropdown-menu">
+ <li><a class="url menu-url" data-url="#your"
+ href="{% url 'datacenterlight:whydatacenterlight' %}#your">{% trans "Scale out" %}</a>
+ </li>
+ <li><a class="url menu-url" data-url="#our"
+ href="{% url 'datacenterlight:whydatacenterlight' %}#our">{% trans "Reliable and light" %}
+ </a></li>
+ <li><a class="url menu-url" data-url="#price"
+ href="{% url 'datacenterlight:whydatacenterlight' %}#price">{% trans "Order VM" %}</a>
+ </li>
+ </ul>
+ </li>
+ <li>
+ <a href="{% url 'datacenterlight:whydatacenterlight' %}">{% trans "Why Data Center Light?" %}</a>
+ </li>
+ <li>
+ <a class="url" href="{% url 'datacenterlight:index' %}#contact" data-url="#contact">{% trans "Contact" %}</a>
+ </li>
{% endif %}
- </div>
- <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><!-- Start Navbar collapse-->
- <ul class="nav navbar-nav navbar-right">
- {% if request.resolver_match.url_name == "index" or request.resolver_match.url_name == "whydatacenterlight" %}
- <li class="dropdown">
- <a class="dropdown-toggle visible-mobile" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}<span class="caret"></span></a>
- <a class="dropdown-toggle url disabled visible-desktop menu-url" data-url="#how" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}<span class="caret"></span></a>
- <ul class="dropdown-menu">
- <li><a class="url menu-url" data-url="#your" href="#your">{% trans "Scale out" %}</a></li>
- <li><a class="url menu-url" data-url="#our" href="#our">{% trans "Reliable and light" %}</a></li>
- <li> <a class="url menu-url" data-url="#price" href="#price">{% trans "Order VM" %}</a></li>
+ <li>
+ {% if LANGUAGE_CODE == 'en-us'%}
+ <a class="on-hover-border" href="{% change_lang 'de' %}">Deutsch <i class="fa fa-globe"
+ aria-hidden="true"></i></a>
+ {% else %}
+ <a class="on-hover-border" href="{% change_lang 'en-us' %}">English <i
+ class="fa fa-globe" aria-hidden="true"></i></a>
+ {% endif %}
+ </li>
+ {% comment %}
+ <!-- to be used when more than one option for language -->
+ <li class="nav-language">
+ <div class="dropdown">
+ <div class="dropdown-toggle select-language" data-toggle="dropdown" role="button"
+ aria-haspopup="true" aria-expanded="false">
+ {% if LANGUAGE_CODE == 'en-us'%}
+ <span>English</span>
+ {% else %}
+ <span>Deutsch</span>
+ {% endif %}
+ <i class="fa fa-globe" aria-hidden="true"></i>
+ </div>
+ <ul class="dropdown-menu drop-language dropdown-menu-right">
+ {% if LANGUAGE_CODE == 'en-us'%}
+ <li><a class="url" href="{% change_lang 'de' %}">Deutsch</a></li>
+ {% else %}
+ <li><a class="url" href="{% change_lang 'en-us' %}">English</a></li>
+ {% endif %}
+ </ul>
+ </div>
+ </li>
+ {% endcomment %}
</ul>
- </li>
- <li>
- <a href="{% url 'datacenterlight:whydatacenterlight' %}" >{% trans "Why Data Center Light?" %}</a>
- </li>
- <li>
- <a class="url" href="{% url 'datacenterlight:index' %}#contact" data-url="#contact" >{% trans "Contact" %}</a>
- </li>
- {% else %}
- <li class="dropdown">
- <a class="dropdown-toggle visible-mobile" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}<span class="caret"></span></a>
- <a class="dropdown-toggle url disabled visible-desktop menu-url" data-url="#how" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Highlights" %}<span class="caret"></span></a>
- <ul class="dropdown-menu">
- <li><a class="url menu-url" data-url="#your" href="{% url 'datacenterlight:whydatacenterlight' %}#your">{% trans "Scale out" %}</a></li>
- <li><a class="url menu-url" data-url="#our" href="{% url 'datacenterlight:whydatacenterlight' %}#our">{% trans "Reliable and light" %}</a></li>
- <li> <a class="url menu-url" data-url="#price" href="{% url 'datacenterlight:whydatacenterlight' %}#price">{% trans "Order VM" %}</a></li>
- </ul>
- </li>
- <li>
- <a href="{% url 'datacenterlight:whydatacenterlight' %}" >{% trans "Why Data Center Light?" %}</a>
- </li>
- <li>
- <a class="url" href="{% url 'datacenterlight:index' %}#contact" data-url="#contact" >{% trans "Contact" %}</a>
- </li>
- {% endif %}
-
- <li>
- {% if LANGUAGE_CODE == 'en-us'%}
- <a class="on-hover-border" href="{% change_lang 'de' %}">Deutsch <i class="fa fa-globe" aria-hidden="true"></i></a>
- {% else %}
- <a class="on-hover-border" href="{% change_lang 'en-us' %}">English <i class="fa fa-globe" aria-hidden="true"></i></a>
- {% endif %}
- </li>
- {% comment %}
- <!-- to be used when more than one option for language -->
- <li class="nav-language">
- <div class="dropdown">
- <div class="dropdown-toggle select-language" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
- {% if LANGUAGE_CODE == 'en-us'%}
- <span>English</span>
- {% else %}
- <span>Deutsch</span>
- {% endif %}
- <i class="fa fa-globe" aria-hidden="true"></i>
- </div>
- <ul class="dropdown-menu drop-language dropdown-menu-right">
- {% if LANGUAGE_CODE == 'en-us'%}
- <li><a class="url" href="{% change_lang 'de' %}">Deutsch</a></li>
- {% else %}
- <li><a class="url" href="{% change_lang 'en-us' %}">English</a></li>
- {% endif %}
- </ul>
- </div>
- </li>
- {% endcomment %}
- </ul>
+ </div>
+ <!-- /.navbar-collapse -->
</div>
- <!-- /.navbar-collapse -->
- </div>
-</nav>
\ No newline at end of file
+</nav>