defining-technology.github.io/index.html at master · kbremner/defining-technology.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
---
layout: index
title: Home
permalink: /
---
<div id="service">
    <div class="container">
        <div style="padding-top: 30px;" class="row centered">
            <div class="col-md-4">
                <i class="fa fa-coffee"></i>
                <h4>Milk, 1 Sugar, Some Expert Advice</h4>
                <p>If you're looking for some advice about how to go about solving your problem,
                big or small, we're always happy to sit down and discuss it over a coffee. Or if you
                just want to chat about the latest tech announcement, that's cool too.</p>
            </div>
            <div class="col-md-4">
                <i class="fa fa-puzzle-piece"></i>
                <h4>Find the Missing Piece</h4>
                <p>We work with you to understand your problems and identify options for solving them. At the end
              of it all we deliver quality solutions, designed to be flexible.</p>
            </div>
            <div class="col-md-4">
                <i class="fa fa-wrench"></i>
                <h4>Right Tools for the Job</h4>
                <p>C# or Java, Elixir or JavaScript, HTML5 or native, monolith or microservices... We strip away
                  the buzz words and jargon, coming up with options that can help solve your problems.</p>
            </div>
        </div>

        <div style="text-align: center; padding-top: 30px; padding-bottom: 30px;">
          <h2 style="padding-bottom: 30px;">Our Process</h2>
          <div style="">
            <img style="width: 100%; max-width: 650px;" src="/assets/img/process-tall.png">
          </div>
        </div>
        <div style="text-align: center; padding-top: 30px;">
          <h2 style="padding-bottom: 30px;">Technologies</h2>
          <div style="padding-bottom: 30px;">When crafting solutions, we choose from a wide range
            of technologies to find the right tool for the job. Below is just a sample of the technologies we've used previously.</div>
          <div class="row centered">
            {% for tech in site.technologies %}
            <div class="col-xs-6 col-sm-2">
              {% if tech.url != null %}
                <a href="{{ tech.url }}" target="_blank"><i class="{{ tech.icon }}"></i></a>
              {% else %}
                <i class="{{ tech.icon }}"></i>
              {% endif %}
            </div>
            {% endfor %}
        </div>
    </div><! --/container -->

</div><! --/service -->