-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
111 lines (105 loc) · 4.49 KB
/
about.html
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 & 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>