-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (102 loc) · 4.49 KB
/
index.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
112
---
layout: default
title: Bright X
description: Bright X is a pop-up creative newsroom producing video, photography and text to record and amplify defining moments of professional success.
type: home
---
{% include nav.html %}
<section class="bg-brightxred vh-75-l flex-l items-end">
<div class="ph3 ph4-ns ph5-l pt3 pb5 center cf">
<div class="w-100 w-20-l fl-l"> </div>
<div class="w-100 w-80-l fl-l tc tl-l">
<img class="mb4-l mb0-l mt2-l ml1-l w-90 w-third-l pb3" src="{{ site.baseurl }}/images/BrightX-Logo-ColourRedBack-01-web.png" alt="BrightX" >
<h1 class="f2 f1-l white measure-wide fw3 tl">Bright X records and amplifies defining moments of professional success.</h1>
</div>
</div>
</section>
<section class="center pv4 pb4 pv5-ns cf bg-logo" id="about">
<div class="fl w-100 w-20-l"> </div>
<div class="fl w-100 w-80-l">
<p class="f6 f4-l pt3 pt5-l pl3">
About
</p>
<div class="flex pt3 pb3">
<h2 class="f2 f1-l ph2 pl4-l ttu tracked-tight vertical-text">Applify your<br> <span class="fw3">success</span></h2>
<p class="f3 f2-l mt0 ph4-l pr1 lh-copy measure" data-aos="fade-up">Bright X is a pop-up creative newsroom that produces high quality video, photography and text for distribution across your social media channels. </p>
</div>
</div>
</section>
<div class="embed-container">
<iframe src="https://player.vimeo.com/video/326138870"></iframe>
</div>
<section id="services" class="pt4 pt0-l pb4 pt0-l bt b--black-10 bg-brightxdarkgrey white cb">
<div class="cf mw9 ph3 ph4-l pb5-l center">
<div class="fr w-100 w-80-l" >
<p class="f6 f4-l pt3 pt5-l">
Services
</p>
<div class="f3 f2-l ttu tracked-tight pb4">
<h2 class="mt2 white">Content is<br>
<span class="fw3 white">king</span></h2>
</div>
</div>
<div class="f4 f3-l lh-copy fl w-100 mb4-ns">
<div class="fl-ns w-100 w-20-l pr3-m pr5-l">
<p class="dashed-bullet mt0 mb2">
Short video production and editing
</p>
</div>
<div class="fl-ns w-50-m w-20-l pr3-m pr5-l">
<p class="dashed-bullet mt0 mb2">
World-class photography
</p>
</div>
<div class="fl-ns w-50-m w-20-l pr3-m pr5-l">
<p class="dashed-bullet mt0 mb2">
Branded newsletters
</p>
</div>
<div class="fl-ns w-50-m w-20-l pr3-m pr5-l">
<p class="dashed-bullet mt0 mb2">
Content strategy
</p>
</div>
<div class="fl-ns w-50-m w-20-l pr3-m pr5-l">
<p class="dashed-bullet mt0 mb2">
Social media calendar and engagement plan
</p>
</div>
</div>
<div class="fr w-100 w-80-l" >
<a class="brightx-sans f5 f4-l link dim ph4 ph4-l pv3 mv4 mr3-ns dib white ttu tracked bg-brightxred" href="{{ site.baseurl }}/services/">Find out more</a>
</div>
</div>
</section>
<section class="bg-brightxred white center pv4 pb4 pv5-ns cf">
<div class="fl w-100 w-20-l"> </div>
<div class="fl w-100 w-80-l pt3 pb3">
<p class="f6 f4-l pt3 pt5-l pl3">
Events
</p>
<div class="flex">
<h2 class="f2 f1-l ph2 pl4-l ttu tracked-tight vertical-text white">Community is<br> <span class="fw3">queen</span></h2>
<p class="f3 f2-l mt0 ph1 pr1 ph4-l lh-copy measure" data-aos="fade-up">Whether you are staging events at Davos, Cannes or any other global hub, Bright X ensures you engage with your worldwide audiences at those critical moments with beautiful content delivered live through your social channels.</p>
</div>
<a class="brightx-sans f5 f4-l link dim ph4 ph4-l pv3 mv4 mr3-ns dib brightxred ttu tracked bg-white ml3" href="{{ site.baseurl }}/events/">Find out more</a>
</div>
</section>
<section>
<div class="flex-l">
<div class="relative di w-50-l">
<img src="{{ site.baseurl }}/images/brightx-davos-square.jpg" alt="BrightX" >
<img class="absolute left-1 bottom-1 bottom-2-l h6 h-75-l" src="{{ site.baseurl }}/images/davos-white-v.svg" alt="Davos">
</div>
<div class="ph3 pt2 pb5 w-50-l flex-l items-center-l">
<div class="ph4-l">
<h3 class="f3 f2-l f-sub-ns fw1 mt1 pt2 mb0">Bright X Creative Media at Davos <span class="fw6"><span class="brightxred">/</span> .2020</span></h3>
<p class="f4 f3-l lh-copy measure">The best way to maximise the return on your investment in Davos.</p>
<a class="brightx-sans f5 f4-l link dim ph4 ph4-l pv3 mr3-ns dib white ttu tracked bg-brightxred" href="{{ site.baseurl }}/events/davos">Find out more</a>
</div>
</div>
</div>
</section>