carlislephotofestival-wp-theme/about.html at master · mysk/carlislephotofestival-wp-theme · 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
---
layout: has-masthead
---

<div class="c-masthead">
  <figure class="c-masthead__media">
    <img src="/images/placeholder-square.jpg" alt="">
    <!--
    <figcaption class="c-masthead__caption">Lorem ipsum dolor sit amet, consectetur adipiscing elit <span class="c-masthead__credit">Julian Dawson for Carlisle Photo</span></figcaption>
    -->
  </figure>
</div>

<main class="s-blog-page">
  <section aria-labelledby="about-headline" class="c-about c-band" data-section="About">
    <div class="o-wrapper o-wrapper--narrow">
      <div class="o-layout-flex">
        <div class="o-layout-flex__item u-flex-1/3">
        <h2 id="about-headline">The Festival</h2>
        <hr class="c-dash c-dash--brand-tertiary">
        </div>
        <div class="o-layout-flex__item u-flex-1/3">
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis ligula felis, non iaculis odio egestas id.
            Donec varius ex ac leo gravida laoreet. Maecenas ac nibh nec erat ornare semper id ac sem. Integer nec vehicula
            quam, in maximus nisi. Ut aliquam eros non tortor mollis, at porta mauris gravida. Suspendisse potenti.</p>
          <p>Duis tortor erat, rutrum non luctus ac, molestie a risus. Mauris luctus tellus lectus, vel blandit ex tincidunt
            id.
          </p>
        </div>
        <div class="o-layout-flex__item u-flex-1/3">
          <p>Nulla dapibus sagittis commodo. Suspendisse vehicula ligula leo, sit amet tincidunt metus sollicitudin quis. In
            hac habitasse platea dictumst. Ut luctus sapien risus, a volutpat quam porta vitae. Nullam placerat elementum
            lectus id pulvinar. Morbi interdum viverra velit, id congue mauris pretium et. Sed maximus ex neque, eu rutrum
            diam convallis ultrices.</p>
        </div>
      </div>
    </div>
  </section>

  <section aria-labelledby="about-headline" class="c-band c-band--light" data-section="About">
    <div class="o-wrapper o-wrapper--narrow">
      <h2>Previous Years</h2>
      <hr class="c-dash c-dash--brand-secondary">
      <div class="o-layout-flex">
        <div class="o-layout-flex__item u-flex-1/3">
          {% include about-year.html %}
        </div>
        <div class="o-layout-flex__item u-flex-1/3">
          {% include about-year.html %}
        </div>
        <div class="o-layout-flex__item u-flex-1/3">
          {% include about-year.html %}
        </div>
      </div>
    </div>
  </section>

  <section aria-labelledby="about-headline" class="c-about c-band" data-section="About">
    <div class="o-wrapper o-wrapper--narrow">
      <div class="o-layout-flex">
        <div class="o-layout-flex__item u-flex-1/3">
          <h2>The Team</h2>
          <hr class="c-dash c-dash--brand-tertiary">
        </div>
        <div class="o-layout-flex__item u-flex-2/3">
          <div class="o-layout-flex">
            <div class="c-about__person o-layout-flex__item">
              {% include about-person.html %}
            </div>
            <div class="c-about__person o-layout-flex__item">
              {% include about-person.html %}
            </div>
            <div class="c-about__person o-layout-flex__item">
              {% include about-person.html %}
            </div>
            <div class="c-about__person o-layout-flex__item">
              {% include about-person.html %}
            </div>
            <div class="c-about__person o-layout-flex__item">
              {% include about-person.html %}
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section aria-labelledby="about-headline" class="c-band c-band--light" data-section="About">
    <div class="o-wrapper o-wrapper--narrow">
      <h2>Financiers &amp; Partners</h2>
      <hr class="c-dash c-dash--brand-secondary">
      <div class="c-about__partners">
      <ul class="c-partners__list o-list-inline">
        <li class="o-list-inline__item">
          <img class="c-partners__logo" src="images/sponsors-2.png" alt="Arts Council England">
        </li>
        <li class="o-list-inline__item">
          <img class="c-partners__logo" src="images/sponsors-1.png" alt="Carlisle City Council">
        </li>
        <li class="o-list-inline__item">
          <img class="c-partners__logo" src="images/sponsors-3.png" alt="Cumbria County Council">
        </li>
        <li class="o-list-inline__item">
          <img class="c-partners__logo" src="images/sponsors-4.png" alt="University of Cumbria">
        </li>
      </ul>
      </div>
    </div>
  </section>

</main>