userelease/index.html at master · releaseplatform/userelease · 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!DOCTYPE html>

<html>
  <head>
    <title>Release</title>
    <link rel="stylesheet" href="./dest/styles/style.css">
    <link rel="stylesheet" href="https://unpkg.com/tachyons@4.8.0/css/tachyons.min.css"/>
    <link rel="icon" href="./dest/assets/favicon.png" type="image/png">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <!-- hero start -->
    <div class="hero w-100 h-75">
      <!-- header start -->
      <header class="cdb dt-ns mw8 center w-100 pa5 moderat white">
        <div class="db w-100 tc">
          <img src="dest/assets/logo_sm.svg" alt="" class="w4">
        </div>
        <!-- <div class="dn dtc-ns v-mid w-100 w-60-ns tl tr-ns mt2 mt0-ns wbfs-aa">
          <a href="" class="mr4 lk1">How Release Helps</a>
          <a href="" class="btn-standout">Book a Demo</a>
        </div> -->
      </header>
      <!-- header end -->
      <!-- hero content start -->
      <div class="w-100 center tc pt4 mt4 pb3 wbfs-aa">
        <h1 class="ur-ts0-ns ur-ts2 lh-solid white moderat normal lh-title pr2 pl2">Grow Your Customer Base</h1>
        <p class="center w-80 ur-ts3-ns ur-ts3 white work-sans lh-copy">Run influencer marketing campaigns that drive sales</p>
      </div>
      <div class="w-100 center tc mb6 pb6 pt4-ns moderat">
        <a href="#content" class="btn-primary mr2">Learn More</a>
        <a href="https://calendly.com/releaseplatform" target="_blank" class="btn-standout br-gradient">Book a Demo</a>
      </div>
      <!-- hero content end -->
    </div>
    <!-- hero end -->
    <!-- social proof start -->
    <!-- client carousel start -->
    <div class="bg-near-black white h4 pt4 w-100 moderat">
      <div class="ur-nl4 h3 marquee">
        <img class="mr4  w4" src="dest/assets/logos/attitude.png" alt="">
        <img class="mr4  w4" src="dest/assets/logos/bellfield.png" alt="">
        <img class="mr4  w4" src="dest/assets/logos/footasylum.png" alt="">
        <img class="mr4  w4" src="dest/assets/logos/forzieri.png" alt="">
        <img class="mr4  w4" src="dest/assets/logos/hawkinsbazaar.png" alt="">
        <img class="mr4  w4" src="dest/assets/logos/liquiproof.png" alt="">
        <img class="mr4  w4" src="dest/assets/logos/matchedbets.png" alt="">
        <img class="mr4  w4" src="dest/assets/logos/merrell.png" alt="">
        <img class="mr4  w4" src="dest/assets/logos/mysteryvibe.png" alt="">
        <img class="mr4  w4" src="dest/assets/logos/oliversweeney.png" alt="">
        <img class="mr4  w4" src="dest/assets/logos/philipbrowne.png" alt="">
        <img class="mr4  w4" src="dest/assets/logos/sebago.png" alt="">
        <img class="mr4  w4" src="dest/assets/logos/sneaky.png" alt="">
        <img class="mr4  w4" src="dest/assets/logos/tateossian.png" alt="">
        <img class="mr4  w4" src="dest/assets/logos/vertbaudet.png" alt="">
      </div>
    </div>
    <!-- client carousel end -->
    <!-- testimonial start -->
    <div class="ur-bg-blue-black white moderat wfs-aa testimonial-block dt-ns h-20">
      <div class="dib-ns db w-100 w-50-ns w-40-l v-mid-ns testimonial-img">
      </div>
      <div class="dib-ns db w-100 w-40-ns testimonial-text v-mid-ns ml3">
        <div class="ml2 pa3">
          <p class="lh-copy ur-ts3-ns ur-ts4-m">“Release works like magic. We are generating more traffic and sales from the platform than Google and Facebook combined. Couldn’t be happier!” </p>
          <p class="lh-title ur-ts3-ns ur-ts4-m b">Caner Veli<br /> Founder @ Liquiproof</p>
        </div>
      </div>
    </div>
    <!-- testimonial end -->
    <!-- client data start -->
    <div class="w-100 ur-bg-near-white pt5 pb5">
      <div class="w-80-ns w-90 mw8 center moderat dark-gray">
        <h2 class="tc ur-ts2-ns ur-ts3 mt3-ns mb5-ns normal wbfs-aa db w-100 ttu work-sans">How we helped Liquiproof</h2>
        <div class="dt w-100 pt0-ns pb3-ns center pt2-ns pt2">
          <div class="w-third dtc v-mid">
            <div class="w-10-ns tc tr-ns w-100 dtc-ns db pr3 tr-ns">
              <br/>
              <img src="dest/assets/icon-chevron-color.svg" class="w3-ns tc" alt="">
            </div>
            <div class="w-20 dtc tc tl-ns ml2">
              <span class="ur-ts1-ns ur-ts2 b dib lh-title v-mid">26%</span>
              <br/>
              <span class="ur-ts3-ns ur-ts4 db">New Customers</span>
            </div>
          </div>
          <div class="w-third dtc v-mid">
            <div class="w-10-ns tc tr-ns w-100 dtc-ns db pr3 tr-ns">
              <br/>
              <img src="dest/assets/icon-chevron-color.svg" class="w3-ns tc" alt="">
            </div>
            <div class="w-20 dtc tc tl-ns ml2">
                <span class="ur-ts1-ns ur-ts2 b dib lh-title v-mid">90%</span>
                <br/>
                <span class="ur-ts3-ns ur-ts4 db">AOV</span>
              </div>
            </div>
            <div class="w-third dtc v-mid">
              <div class="w-10-ns tc w-100 dtc-ns db pr3 tr-ns">
                <br/>
                <img src="dest/assets/icon-chevron-color.svg" class="w3-ns tc" alt="">
              </div>
              <div class="w-20 dtc tc tl-ns ml2">
                <span class="ur-ts1-ns ur-ts2 b dib lh-title v-mid">55%</span>
                <span class="ur-ts3-ns ur-ts4 db">Revenue</span>
              </div>
            </div>
          </div>
        </div>
        <div class="w-80-ns w-90 center dt pt5">
          <div class="w-third-ns w-half tc dtc mr4 v-mid">
            <img src="dest/assets/ig1.png" class="mt0" alt="">
          </div>
          <div class="w-third-ns w-half tc dtc mr4 v-mid">
            <img src="dest/assets/ig2.png" class="mt2" alt="">
          </div>
          <div class="w-third tc dtc-ns dn v-top">
            <img src="dest/assets/ig3.png" class="mt3" alt="">
          </div>
        </div>
      </div>
    </div>
    <!-- client data end -->
    <!-- contentblock 1 start -->
    <div class="w-90 mw8 db center pb4" id="content">
      <h2 class="ur-ts2-ns ur-ts3 bold moderat dark-gray pl5-ns pr5-ns w-100 tc pt2-ns lh-copy">Did you know that the majority of influencer marketing is loss making?</h2>
      <div class="w-100 dt mb4">
        <div class="w-40-ns w-100 dib dtc-ns v-top tc">
          <img src="dest/assets/roi_chart.png" class="mb4 mr4 ml4 mt3 w-80 mw-100" alt="">
        </div>
        <div class="w-100 w-40-ns dib dtc-ns v-top work-sans lh-copy">
          <p>The Pareto Principle, also known as the 80/20 rule, governs many things in life, and influencer marketing is one of them.</p>
          <p>The majority of brand : influencer collaborations are not profitable, but the small percentage that are, can be hyper profitable.</p>
          <p>What makes Release unique is that it marketing automation to programmatically find, activate and track them, so that you don’t have to.</p>
        </div>
      </div>
    </div>
    <!-- contentblock 1 end -->
    <!-- quote strip start -->
    <div class="quote-strip w-100 pb4 pt4 gradient moderat">
      <div class="center mw7 w-90 white ur-ts3 tc b wbfs-aa">
         In God we trust. All others must bring data.
      </div>
    </div>
    <!-- quote strip end -->
    <!-- contentblock 2 start -->
    <div class="w-90 mw8 db center mt3">
      <h2 class="ur-ts2-ns ur-ts3 bold moderat dark-gray pl6-ns pr6-ns w-100 tc mt4 pt5-ns pb3 lh-copy">How would you like to know:</h2>
      <div class="w-100-s dt pb4">
        <div class="w-100 w-20-ns dib dtc-ns v-top tr-ns tc mb5-ns pb5-ns">
          <img src="dest/assets/inf_leaderboard.png" class="w-80 mw-100" alt="">
        </div>
        <div class="w-100 w-20-ns dib dtc-ns v-top work-sans pr4">
          <ul class="lh-copy pt4-ns">
            <li class="pb4 lh-copy">How many sales each of your influencers was responsible for</li>
            <li class="pb4 lh-copy">Which of your influencers produces the best click through or conversion rate</li>
            <li class="pb4 lh-copy">What the cost and value of an ‘influencer-acquired’ customer is</li>
          </ul>
        </div>
      </div>
    </div>
    <!-- contentblock 2 end -->
    <!-- testimonial 2 start -->
    <div class="ur-bg-blue-black w-100 dt">
      <div class="w-90 mw9 center mt5 mb5">
        <div class="w-40-ns w-100 w-100 dib tr-ns tc v-mid">
          <img src="dest/assets/philipbrowne_logo_lg.png" class="mw5 pb3 pb0-ns" alt="">
        </div>
        <div class="w-40-ns w-100 dib white moderat wbfs-aa ml6-ns v-mid">
          <p class="lh-copy ur-ts3-ns ur-ts4-m">"Supportive, innovative, accommodating and quick to respond, Release have taken ownership of the campaign and we have confidence that our brand is being represented throughout" </p>
          <p class="lh-copy ur-ts4 ur-ts3-ns b">Chris Francis<br />
Ecommerce Manager @ Philip Browne Menswear</p>
        </div>
      </div>
    </div>
    <!-- testimonial 2 end -->
    <!-- standout strip start -->
    <div class="quote-strip w-100 pb5 pt3 gradient moderat">
      <div class="center mw7 w-90 white tc wbfs-aa">
         <h2 class="ur-ts2">Want to see what else Release can do?</h2>
         <p class="ur-ts3 normal">Book a demo or get in touch</p>
         <div class="w-100 center tc pt4 moderat">
           <a href="https://calendly.com/releaseplatform" target="_blank" class="btn-primary">Book a Demo</a>
         </div>
      </div>
    </div>
    <!-- standout strip end -->
    <!-- footer strip start -->
    <footer class="bg-white pt4 pb5">
      <div class="center mw8 w-90 moderat wbfs-aa pt3 pb3 dt ur-blue-black">
        <div class="w-10-ns dtc lh-copy ur-ts4-ns ur-ts4">
          <p><span class="b">MediaWorks</span>,<br />
          191 Wood Lane,<br />
          White City Place,<br />
          London</p>
          <p class="mt4 mb4"><a href="">hello@userelease.com</a></p>
          <img src="dest/assets/logo_dark.svg" alt="" class="w4 pt4">
        </div>
        <div class="w-30-ns dtc lh-copy ur-ts4-ns ur-ts4">
          <ul class="list lh-copy">
            <li class="b">Links</li>
            <li class="pt2 "><a href="">Twitter</a></li>
            <li class="pt2 "><a href="">LinkedIn</a></li>
            <li class="pt2 "><a href="">Blog</a></li>
            <li class="pt2 "><a href="">Terms + Conditions</a></li>
            <li class="pt2 "><a href="">Privacy Policy</a></li>
          </ul>
        </div>
      </div>
    </footer>
    <!-- footer strip end -->
    <script src="dest/scripts/main.js"></script>
  </body>
</html>