97 lines
3.7 KiB
HTML
97 lines
3.7 KiB
HTML
|
{% load static i18n %} {% get_current_language as LANGUAGE_CODE %}
|
||
|
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
|
||
|
|
<link href="{% static 'matrixhosting/images/favicon.png' %}" rel="icon" />
|
||
|
|
<title>{% block head_title %}{% endblock %}</title>
|
||
|
|
<meta name="description" content="matrixhosting by ungleich" />
|
||
|
|
<meta name="author" content="ungleich glarus ag" />
|
||
|
|
|
||
|
|
<!-- Web Fonts
|
||
|
|
============================================= -->
|
||
|
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i' type='text/css'>
|
||
|
|
|
||
|
|
<!-- Stylesheet
|
||
|
|
============================================= -->
|
||
|
|
<link href="{% static 'matrixhosting/css/bootstrap.min.css' %}" rel="stylesheet" />
|
||
|
|
<link href="{% static 'matrixhosting/css/fontawesome-all.min.css' %}" rel="stylesheet"type="text/css"/>
|
||
|
|
<link href="{% static 'matrixhosting/css/theme.css' %}" rel="stylesheet" type="text/css"/>
|
||
|
|
<!-- Colors Css -->
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
{% block body %}
|
||
|
|
<!-- Preloader -->
|
||
|
|
<div id="preloader">
|
||
|
|
<div data-loader="dual-ring"></div>
|
||
|
|
</div>
|
||
|
|
<!-- Preloader End -->
|
||
|
|
|
||
|
|
<div id="main-wrapper" class="h-100">
|
||
|
|
<div class="container-fluid px-0 h-100">
|
||
|
|
<div class="row no-gutters h-100">
|
||
|
|
<!-- Welcome Text
|
||
|
|
============================================= -->
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="hero-wrap d-flex align-items-center h-100">
|
||
|
|
<div class="hero-mask opacity-8 bg-dark"></div>
|
||
|
|
<div class="hero-bg hero-bg-scroll" style="background-image:url({% static 'matrixhosting/images/background-image.jpg' %});"></div>
|
||
|
|
<div class="hero-content mx-auto w-100 h-100 d-flex flex-column">
|
||
|
|
<div class="row no-gutters">
|
||
|
|
<div class="col-10 col-lg-9 mx-auto">
|
||
|
|
<div class="logo mt-5 mb-5 mb-md-0"> <a class="d-flex" href="{% url 'matrix:index' %}" title="MatrixHosting"><img src="{% static 'matrixhosting/images/logo-light.png' %}" alt="MatrixHosting"></a> </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row no-gutters my-auto">
|
||
|
|
<div class="col-10 col-lg-9 mx-auto">
|
||
|
|
<h1 class="text-11 text-white mb-4">{% trans "Welcome!" %}</h1>
|
||
|
|
<p class="text-4 text-white">{% trans "We are glad to see you!" %}</p>
|
||
|
|
<p class="text-4 text-white mb-5">{% trans "Grow your community with less effort.!" %}</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Welcome Text End -->
|
||
|
|
<div class="col-md-6 d-flex align-items-center">
|
||
|
|
<div class="container my-4">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-11 col-lg-9 col-xl-8 mx-auto">
|
||
|
|
{% block content %}
|
||
|
|
{% endblock %}
|
||
|
|
{% if messages %}
|
||
|
|
<div>
|
||
|
|
<strong>Messages:</strong>
|
||
|
|
<ul>
|
||
|
|
{% for message in messages %}
|
||
|
|
<li>{{message}}</li>
|
||
|
|
{% endfor %}
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Script -->
|
||
|
|
<script
|
||
|
|
src="https://code.jquery.com/jquery-3.6.0.min.js"
|
||
|
|
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
|
||
|
|
crossorigin="anonymous"
|
||
|
|
></script>
|
||
|
|
<script src="{% static 'matrixhosting/js/bootstrap.bundle.min.js' %}"></script>
|
||
|
|
<!-- Custom JS -->
|
||
|
|
{% block js_extra %} {% endblock js_extra %}
|
||
|
|
<script src="{% static 'matrixhosting/js/theme.js' %}"></script>
|
||
|
|
|
||
|
|
{% endblock %}
|
||
|
|
{% block extra_body %}
|
||
|
|
{% endblock %}
|
||
|
|
</body>
|
||
|
|
</html>
|