Initial commit
This commit is contained in:
36
all_paw_care/templates/pages/faq.html
Normal file
36
all_paw_care/templates/pages/faq.html
Normal file
@@ -0,0 +1,36 @@
|
||||
{% extends "jinja/types/page.html" %}
|
||||
|
||||
{% set title %}FAQ{% endset %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row text-center mb-2">
|
||||
<h1 class="text-primary display-1">
|
||||
Frequently asked questions
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
{% for faq in config.FAQS.items() %}
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
</div>
|
||||
|
||||
<a class="btn btn-primary text-center" data-bs-toggle="collapse"
|
||||
href="#{{ faq[1][0] }}" role="button" aria-expanded="false"
|
||||
aria-controls="{{ faq[1][0] }}">
|
||||
<h2>{{ faq[0] }}</h2>
|
||||
</a>
|
||||
|
||||
<div class="collapse" id="{{ faq[1][0] }}">
|
||||
<div class="card card-body text-center">
|
||||
{{ faq[1][1] }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-1">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="invisible">
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
|
||||
37
all_paw_care/templates/pages/index.html
Normal file
37
all_paw_care/templates/pages/index.html
Normal file
@@ -0,0 +1,37 @@
|
||||
{% extends "jinja/types/page.html" %}
|
||||
|
||||
{% set title %}About me{% endset %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row text-center">
|
||||
<h1 class="text-primary display-1">
|
||||
About me
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
{% for row in config.ABOUT_ME %}
|
||||
<div class="row pb-3">
|
||||
<div class="col-8 text-center {{ loop.cycle('order-first','order-last') }}">
|
||||
<p class="text-secondary lead">
|
||||
{{ row[1] }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-4 {{ loop.cycle('order-last','order-first') }}">
|
||||
<picture>
|
||||
{% for img in row[0] %}
|
||||
{% if not loop.last %}
|
||||
<source srcset="{{ img }}"
|
||||
media="(max-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
|
||||
{% else %}
|
||||
<source srcset="{{ img }}"
|
||||
media="(min-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<img class="img-fluid" src="{{ row[0][1] }}">
|
||||
</picture>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
121
all_paw_care/templates/pages/services.html
Normal file
121
all_paw_care/templates/pages/services.html
Normal file
@@ -0,0 +1,121 @@
|
||||
{% extends "jinja/types/page.html" %}
|
||||
|
||||
{% set title %}Services{% endset %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row text-center pb-2">
|
||||
<h1 class="text-primary display-1">
|
||||
Services & Pricing
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<h2 class="text-secondary display-2">
|
||||
Primary services:
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div class="row pt-2 pb-4">
|
||||
{% for service in config.SERVICES.items() %}
|
||||
<div class="col-4">
|
||||
<div class="card">
|
||||
<picture>
|
||||
{% for img in service[1][0] %}
|
||||
{% if not loop.last %}
|
||||
<source srcset="{{ img }}"
|
||||
media="(max-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
|
||||
{% else %}
|
||||
<source srcset="{{ img }}"
|
||||
media="(min-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<img class="img-fluid card-img-top"
|
||||
src="{{ service[1][0][1] }}">
|
||||
</picture>
|
||||
<div class="card-body">
|
||||
<h1 class="card-title text-center text-primary">{{ service[0] }}</h1>
|
||||
|
||||
<hr>
|
||||
|
||||
<h2 class="text-success text-center">
|
||||
{{ service[1][1] }}
|
||||
</h2>
|
||||
|
||||
<hr class="invisible">
|
||||
|
||||
<p class="text-secondary">
|
||||
{{ service[1][2] }}
|
||||
|
||||
<ul>
|
||||
{% for included in service[1][3] %}
|
||||
<li>{{ included }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<h2 class="text-secondary">
|
||||
Add-on services:
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div class="row pt-2 pb-4">
|
||||
{% for service in config.SERVICES.items() %}
|
||||
<div class="col-4">
|
||||
<div class="card">
|
||||
<picture>
|
||||
{% for img in service[1][0] %}
|
||||
{% if not loop.last %}
|
||||
<source srcset="{{ img }}"
|
||||
media="(max-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
|
||||
{% else %}
|
||||
<source srcset="{{ img }}"
|
||||
media="(min-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<img class="img-fluid" class="card-img-top"
|
||||
src="{{ service[1][0][1] }}"
|
||||
alt="Woman walking dog">
|
||||
</picture>
|
||||
<div class="card-body">
|
||||
<h1 class="card-title text-center text-primary">{{ service[0] }}</h1>
|
||||
|
||||
<hr>
|
||||
|
||||
<h2 class="text-success text-center">
|
||||
{{ service[1][1] }}
|
||||
</h2>
|
||||
|
||||
<hr class="invisible">
|
||||
|
||||
<p class="text-secondary">
|
||||
{{ service[1][2] }}
|
||||
|
||||
<ul>
|
||||
{% for included in service[1][3] %}
|
||||
<li>{{ included }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="btn btn-primary">
|
||||
<a class="link-light" href="{{ url_for('forms.meet_and_greet') }}">
|
||||
Request meet & greet
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user