codec.coop/products.html at main · codeccoop/codec.coop · 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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
---
layout: default
title: Còdec | Productes
page: products
---

<link rel="stylesheet" href="{{ base.url }}/assets/css/pages/products.css" />
<div class="products__content content">
    <h1 class="products__title title is-3">
        Codifiquem la web
        <span class="subtitle">Solucions digitals</span>
    </h1>
    <div class="products__head columns">
        <div class="products__abstract column is-8">
            <p>
                Des de Còdec, oferim solucions digitals basades en la web ajustades a
                les necessitats dels nostres clients. Amb una àmplia experiència
                dissenyant i desenvolupant aplicacions web, oferim el nostre coneixement
                adaptat a tota classe de solucions, des de pàgines webs personals fins a
                eines distribuïdes de gestió digitals.
            </p>
            <p>
                Treballem la web en tant que protocol lliure i obert, capaç de convertir
                a totes les usuàries de la xarxa en productores actives de contingut i
                cultura, superant els rols de consumidors en què ens encasellen els
                productes tancats i privatius de les grans tecnològiques. Creiem que no
                cal recórrer a aquestes quan podem aportar solucions de forma local i amb
                programari lliure on les usuàries i les comunitats estiguin al centre i les
                puguin gestionar de forma autònoma.
            </p>
        </div>
        <div class="products__image column is-4">
			<picture>
				<source srcset="{{ base.url }}/assets/images/products.png" type="image/png" />
				<img src="{{ base.url }}/assets/images/products.webp" type="image/webp" alt="Il·lustració de la secció de productes"/>
			</picture>
        </div>
    </div>
    <hr />
    {% for product in site.data.products %}
    <article name="{{product.name | downcase}}" class="products__product media">
        <figure class="products__product-badge media-left">
                <p class="image is-64x64">
                    <picture>
                        <source srcset="{{ base.url }}/assets/images/logos/{{ product.id }}.png" type="image/png" />
                        <img src="{{ base.url }}/assets/images/logos/{{product.id }}.webp" type="image/webp" alt="Logotip del producte {{product.name }}"/>
                    </picture>
                </p>
                <p class="image is-96x96">
                    <picture>
                        <source srcset="{{ base.url }}/assets/images/logos/{{ product.id }}.png" type="image/png" />
                        <img src="{{ base.url }}/assets/images/logos/{{product.id }}.webp" type="image/webp" alt="Logotip del producte {{product.name }}"/>
                    </picture>
                </p>
        </figure>
        <div class="products__product-body media-content">
            <a class="products__product-toggle" aria-expanded="false" role="button" tabindex="0" aria-pressed="false">
                <h2 class="products__product-title title is-4">{{ product.name }}</h2>
                <h3 class="products__product-subtitle subtitle is-6"><strong>{{ product.subtitle }}</strong></h3>
                <p class="products__product-description">{{ product.description }}</p>
				<button role="link" class="products__product-contact button is-link" data-href="#pageFooter">Contacta'ns</button>
            </a>
        </div>
    </article>
    {% endfor %}
</div>
<script src="{{ base.url }}/assets/js/pages/products.js"></script>