You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
3.1 KiB
102 lines
3.1 KiB
---
|
|
layout: default
|
|
section_id: pages
|
|
services:
|
|
- title: VISUAL IDENTITY
|
|
desc: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
|
icon: fa fa-tint
|
|
- title: BRAND STRATEGY
|
|
desc: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
|
icon: fas fa-lightbulb
|
|
- title: USABILITY
|
|
desc: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
|
icon: fas fa-universal-access
|
|
- title: UX DESIGN
|
|
desc: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
|
icon: fas fa-pencil-alt
|
|
- title: PRINT
|
|
desc: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
|
icon: fas fa-print
|
|
- title: COPYWRITING
|
|
desc: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
|
icon: fas fa-copy
|
|
|
|
steps:
|
|
- title: Research
|
|
desc: Lorem ipsum dolor sit amet adipisicing elit. Maxime eos facilis veniam obcaecati,
|
|
fugiat illo soluta accusantium?
|
|
- title: Iterations
|
|
desc: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, nihil
|
|
accusamus sint et repudiandae ea sapiente voluptatibus fuga.
|
|
- title: Implementation
|
|
desc: Dolor sit amet, consectetur adipisicing elit. Maxime eos facilis veniam obcaecati,
|
|
fugiat illo soluta accusantium?
|
|
---
|
|
|
|
<div class="full centered-text overlay" style="background-image: url(/images/@stock/services-header.jpg);">
|
|
<div class="four spacing"></div>
|
|
<div class="section-title white">
|
|
<div class="row">
|
|
<div class="medium-10 medium-centered columns">
|
|
<h1 class="wow slideInUp">Services</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="medium-9 medium-centered columns">
|
|
<div class="header-quote">
|
|
<p>While we specialize in working with Open Source and Internet Freedom Projects, we understand that every community might have different needs and aim to accommodate those in our design processes.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="two spacing"></div>
|
|
</div>
|
|
<div class="full">
|
|
<div class="row">
|
|
<div class="large-12 columns">
|
|
<div class="services">
|
|
{% for service in page.services %}
|
|
<div class="large-4 columns">
|
|
<a href="#" class="icon-text">
|
|
<i class="{{service.icon}}"></i><br />
|
|
<h3>{{service.title}}</h3>
|
|
<p>{{service.desc}}</p>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="full light-grey">
|
|
<div class="section-title">
|
|
<div class="row">
|
|
<div class="medium-10 medium-centered columns">
|
|
<h2>Our process</h2>
|
|
<p>We do things step by step</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
{% for step in page.steps %}
|
|
<div class="large-4 columns">
|
|
<div class="process">
|
|
<h3><span>0{{forloop.index}}.</span>{{step.title}}</h3>
|
|
<p>{{step.desc}}</p>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<div class="full centered-text">
|
|
<div class="two spacing"></div>
|
|
<div class="row">
|
|
<div class="large-12 columns">
|
|
<h2>Have a project in mind?</h2>
|
|
<div class="two spacing"></div>
|
|
<a href="mailto:hello@ura.design" class="button blue boxed">Let's talk</a>
|
|
</div>
|
|
</div>
|
|
<div class="two spacing"></div>
|
|
</div>
|
|
|