website/hub/services/templates/services/base.html

63 lines
No EOL
2.6 KiB
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>Servala - The Cloud Native Services Hub</title>
<link rel="stylesheet" href='{% static "css/bootstrap-icons.min.css" %}'>
<link rel="stylesheet" type="text/css" href='{% static "css/bootstrap.min.css" %}'>
<style>
.rich-text-content {
overflow-wrap: break-word;
word-wrap: break-word;
}
.rich-text-content img {
max-width: 100%;
height: auto;
}
.description-preview img {
max-width: 100%;
height: auto;
}
</style>
{% block extra_css %}{% endblock %}
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="{% url 'services:service_list' %}">Servala</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link {% if request.resolver_match.view_name == 'services:service_list' %}active{% endif %}"
href="{% url 'services:service_list' %}">Services</a>
</li>
<li class="nav-item">
<a class="nav-link {% if request.resolver_match.view_name == 'services:offering_list' %}active{% endif %}"
href="{% url 'services:offering_list' %}">Service Offerings</a>
</li>
<li class="nav-item">
<a class="nav-link {% if request.resolver_match.view_name == 'services:provider_list' %}active{% endif %}"
href="{% url 'services:provider_list' %}">Cloud Providers</a>
</li>
<li class="nav-item">
<a class="nav-link {% if request.resolver_match.view_name == 'services:partner_list' %}active{% endif %}"
href="{% url 'services:partner_list' %}">Consulting Partners</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container mt-4">
{% block content %}
{% endblock %}
</div>
<script src="{% static "js/bootstrap.bundle.min.js" %}"></script>
</body>
</html>