You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
2.3 KiB
HTML
53 lines
2.3 KiB
HTML
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
|
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
|
|
|
<div class="page" data-name="services">
|
|
|
|
<div class="navbar">
|
|
<div class="navbar-inner text-color-white color-white">
|
|
<div class="left">
|
|
<a class="link back" href="#">
|
|
<i class="icon icon-back"></i>
|
|
<span class="if-not-md">Back</span>
|
|
</a>
|
|
</div>
|
|
<div class="title">Services</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="page-content noselect">
|
|
<div class="row justify-content-center margin-top">
|
|
<div class="col-100 medium-90 xlarge-75 margin-horizontal">
|
|
<a name="top"></a>
|
|
{{#each services}}
|
|
<h2 class="margin-left display-flex justify-content-space-between">
|
|
<span>{{cat}}</span>
|
|
<span onclick="$('.page[data-name=services] .page-content').animate({scrollTop: '0'});" class="margin-top-half"><i class="material-icons">arrow_upward</i></span>
|
|
</h2>
|
|
<div class="row justify-content-center">
|
|
{{#each services}}
|
|
<div class="col-100 small-50 xlarge-33">
|
|
<div class="card margin">
|
|
<div class="card-content text-align-center padding-vertical">
|
|
<div>
|
|
<div class="card-header display-block no-hairlines">
|
|
<h1 class="no-margin"><i class="{{icon}}"></i></h1>
|
|
<h1 class="no-margin">{{title}}</h1>
|
|
<small style="opacity: 0.7">{{price}}</small>
|
|
</div>
|
|
</div>
|
|
<div class="card-content-padding">
|
|
<p>{{text}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div> |