index.html

---
layout: html
title: Pr1mer
description: We connect and help developers around the globe
---

<header>
    <div class="hero">
        <div class="logo"></div>
        <h1 class="title">We are Pr1mer.</h1>
    </div>
</header>
<article>
    <section class="pole">
        <div class="left">
            <h1>#1</h1>
            <p>
                <span class="black">Number one by name, number one by nature.</span>
                We create and support creative projects that succeed.
            </p>
        </div>
        <div class="right"></div>
    </section>
    <section class="connection">
        <div class="left"></div>
        <div class="right">
            <h1>Creative rethinking</h1>
            <p>
                <span class="black">We believe that an idea can change everything</span>, if properly heard. We are constantly <span class="black">challenging ourselves</span> to provide the best services to our users.
            </p>
        </div>
    </section>
    <section class="smarter">
        <h1>Discover our world.</h1>
        <div class="grid">
            {% for i in site.data.projects %}
            <a href="{{ i.link }}" class="item" style="color: {{ i.color }}; background: {{ i.background }}">
                <img class="{{ i.class }}" src="{{ i.logo }}" alt="{{ i.name }}">
                <h2>
                    {{ i.name }}
                </h2>
                <p>
                    {{ i.name }} is {{ i.desc }}
                </p>
            </a>
            {% endfor %}
        </div>
    </section>
</article>