138 lines
6.8 KiB
HTML
138 lines
6.8 KiB
HTML
|
{% extends "frontend/base.html" %}
|
||
|
|
{% load i18n %}
|
||
|
|
{% load static %}
|
||
|
|
{% load bootstrap4 %}
|
||
|
|
{% block "styles" %}
|
||
|
|
<link rel="stylesheet" href="{% static "frontend/css/inspirations.css" %}">
|
||
|
|
{% endblock %}
|
||
|
|
{% block "content" %}
|
||
|
|
<!--===== INNERPAGE-WRAPPER ====-->
|
||
|
|
<section class="innerpage-wrapper">
|
||
|
|
<div id="payment-success" class="section-padding">
|
||
|
|
<div class="container text-center">
|
||
|
|
<div class="row d-flex justify-content-center">
|
||
|
|
<div class="col-md-12 col-lg-8 col-lg-offset-2">
|
||
|
|
<h2>{% trans "Inspirationen" %}</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="row d-flex justify-content-center">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<select class="form-control">
|
||
|
|
<optgroup label="Staat">
|
||
|
|
<option>Testland</option>
|
||
|
|
</optgroup>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<select class="form-control">
|
||
|
|
<optgroup label="Land/Region">
|
||
|
|
<option>Testregion</option>
|
||
|
|
</optgroup>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="row d-flex justify-content-center">
|
||
|
|
<!--<div class="col-md-12 col-lg-8 col-lg-offset-2">-->
|
||
|
|
|
||
|
|
<div class="container bootstrap snippets bootdey">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<a href="javascript:;" data-toggle="modal" data-target="#exampleModal1" class="widget widget-image">
|
||
|
|
<div class="widget-image-cover">
|
||
|
|
<img src="{% static "frontend/images/inspiration.png" %}" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="widget-image-info">
|
||
|
|
<h5>Consectetur adipiscing elit. </h5>
|
||
|
|
<p>
|
||
|
|
Curabitur ullamcorper mi ut rutrum gravida commodo tellus.
|
||
|
|
</p>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="widget-image-user">
|
||
|
|
<div class="widget-image-user-image">
|
||
|
|
<img src="{% static "frontend/images/user-profile.jpg" %}" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="widget-image-user-info">
|
||
|
|
<div>Tourismusverband Hintertupfing</div>
|
||
|
|
<span></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="widget-image-rating-text">1234 Testdorf</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<a href="javascript:;" data-toggle="modal" data-target="#exampleModal1" class="widget widget-image">
|
||
|
|
<div class="widget-image-cover">
|
||
|
|
<img src="{% static "frontend/images/inspiration.png" %}" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="widget-image-info">
|
||
|
|
<h5>Consectetur adipiscing elit. </h5>
|
||
|
|
<p>
|
||
|
|
Curabitur ullamcorper mi ut rutrum gravida commodo tellus.
|
||
|
|
</p>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="widget-image-user">
|
||
|
|
<div class="widget-image-user-image">
|
||
|
|
<img src="{% static "frontend/images/user-profile.jpg" %}" alt="">
|
||
|
|
</div>
|
||
|
|
<div class="widget-image-user-info">
|
||
|
|
<div>Tourismusverband Hintertupfing</div>
|
||
|
|
<span></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="widget-image-rating-text">1234 Testdorf</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- </div> --><!-- end columns -->
|
||
|
|
</div><!-- end row -->
|
||
|
|
</div><!-- end container -->
|
||
|
|
</div><!-- end coming-soon-text -->
|
||
|
|
</section><!-- end innerpage-wrapper -->
|
||
|
|
{% endblock %}
|
||
|
|
{% block "modal" %}
|
||
|
|
<!-- Modal 1 --> <!-- TODO: You know... -->
|
||
|
|
<div
|
||
|
|
class="modal fade"
|
||
|
|
id="exampleModal1"
|
||
|
|
tabindex="-1"
|
||
|
|
aria-labelledby="exampleModal1Label"
|
||
|
|
aria-hidden="true"
|
||
|
|
>
|
||
|
|
<div class="modal-dialog modal-lg">
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="ratio ratio-16x9">
|
||
|
|
<iframe
|
||
|
|
src="https://www.youtube.com/embed/A3PDXmYoF5U"
|
||
|
|
title="YouTube video"
|
||
|
|
allowfullscreen width="100%" height="100%"
|
||
|
|
></iframe>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="text-center py-3">
|
||
|
|
<button type="button" class="btn btn-primary">
|
||
|
|
Jetzt Urlaubsangebote in und um Testdorf erhalten!
|
||
|
|
</button>
|
||
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">
|
||
|
|
Schließen
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% endblock %}
|