70 lines
No EOL
2.8 KiB
Twig
70 lines
No EOL
2.8 KiB
Twig
<div class="modular-row callout">
|
|
{{ content }}
|
|
{% if page.header.pricing %}
|
|
<div class="pricing-container">
|
|
{% for item in page.header.pricing %}
|
|
<div class="pricing-item">
|
|
<div class="name">{{ item.name }}</div>
|
|
<div class="price">{{ item.price }}</div>
|
|
{% for line in item.options %}
|
|
<div class="info">
|
|
{{ line.line }}
|
|
</div>
|
|
{% endfor %}
|
|
<div class="foot">
|
|
<a class="button" href="{{ item.button_url }}">{{ item.button_text }}</a>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% if page.header.portfolio %}
|
|
<div class="notebooks">
|
|
{% for portfolio in page.header.portfolio %}
|
|
<div class="notebook">
|
|
<a href="#portfolioModal{{ portfolio.modalid }}" class="portfolio-link" data-toggle="modal">
|
|
<div class='screen'><div class="screen-content" style="background-image: url({{ page.media[portfolio.image].url }})" ></div><div class="screen-content-hover"><i class="fa fa-plus-square"></i></div></div>
|
|
</a>
|
|
<div class='keyboard'></div>
|
|
<h4>{{ portfolio.title }}</h4>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
|
|
<div class="callout-line"></div>
|
|
</div>
|
|
|
|
{% for portfolio in page.header.portfolio %}
|
|
<div class="portfolio-modal modal" id="portfolioModal{{ portfolio.modalid }}" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-content">
|
|
<div class="close-modal" data-dismiss="modal"><i class="fa fa-times"></i></div>
|
|
<div class="modal-body">
|
|
<h1>{{ portfolio.title }}</h1>
|
|
<a href="{{ portfolio.url }}">
|
|
<img src="{{ page.media[portfolio.image].url }}" class="img-responsive img-centered" alt="{{ portfolio.alt }}">
|
|
</a>
|
|
<p>{{ portfolio.desc }}</p>
|
|
<ul class="client-details">
|
|
<li>Client:
|
|
<strong>
|
|
<a href="{{ portfolio.url }}">{{ portfolio.client }}</a>
|
|
</strong>
|
|
</li>
|
|
<li>Date:
|
|
<strong>
|
|
{{ portfolio.date }}
|
|
</strong>
|
|
</li>
|
|
<li>Service:
|
|
<strong>
|
|
{{ portfolio.category }}
|
|
</strong>
|
|
</li>
|
|
</ul>
|
|
<button type="button" class="button" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %} |