userelease/bloghome.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
<!DOCTYPE html>

<html>
  <head>
    <title>Release</title>
    <link rel="stylesheet" href="dest/styles/style.css">
    <link rel="stylesheet" href="https://unpkg.com/[email protected]/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="ur-bg-light-gray w-100 h-40">
      <!-- header start -->
      <header class="cdb dt-ns mw8 center w-80 pt5 pb5 moderat white">
        <div class="db w-100 tl">
          <img src="dest/assets/logo_dark.svg" alt="" class="w4">
        </div>
      </header>
      <!-- header end -->
      <!-- hero content start -->
      <div class="center mw8 w-80 tl wbfs-aa moderat">
        <h1 class="ur-ts1-ns ur-ts2 lh-solid near-black normal lh-title mb2">Blog</h1>
        <p class="ur-ts3-ns ur-ts4 lh-copy near-black pb4 w-70-ns w-100">The latest from Release, influencer marketing guides, and case studies on our latest and greatest work</p>
      </div>
      <!-- hero content end -->
    </div>
    <!-- hero end -->
    <!-- content start -->
    <div class="center mw8 w-80 tl wbfs-aa moderat bg-white">
      <div class=" w-70-ns w-100">
        <div class="db pt4 pb4 lh-title">
          <a href="" class=" ur-ts2-ns ur-ts3">Influencer Marketing, your Q4 guide</a><br>
          <span class="silver mt2 db ur-ts3-ns ur-ts4">24th October 2017</span>
        </div>
        <div class="db pt4 pb4 lh-title">
          <a href="" class=" ur-ts2-ns ur-ts3">Influencer Marketing, your Q4 guide</a><br>
          <span class="silver mt2 db ur-ts3-ns ur-ts4">24th October 2017</span>
        </div>
        <div class="db pt4 pb4 lh-title">
          <a href="" class=" ur-ts2-ns ur-ts3">Influencer Marketing, your Q4 guide</a><br>
          <span class="silver mt2 db ur-ts3-ns ur-ts4">24th October 2017</span>
        </div>
        <div class="db pt4 pb4 lh-title">
          <a href="" class=" ur-ts2-ns ur-ts3">Influencer Marketing, your Q4 guide</a><br>
          <span class="silver mt2 db ur-ts3-ns ur-ts4">24th October 2017</span>
        </div>
        <div class="db pt4 pb4 lh-title">
          <a href="" class=" ur-ts2-ns ur-ts3">Influencer Marketing, your Q4 guide</a><br>
          <span class="silver mt2 db ur-ts3-ns ur-ts4">24th October 2017</span>
        </div>
        <div class="db pt4 pb4 lh-title">
          <a href="" class=" ur-ts2-ns ur-ts3">Influencer Marketing, your Q4 guide</a><br>
          <span class="silver mt2 db ur-ts3-ns ur-ts4">24th October 2017</span>
        </div>
        <div class="db pt4 pb4 lh-title">
          <a href="" class=" ur-ts2-ns ur-ts3">Influencer Marketing, your Q4 guide</a><br>
          <span class="silver mt2 db ur-ts3-ns ur-ts4">24th October 2017</span>
        </div>
        <div class="mt4 w-100 db h2">
          <a href="" class="btn-secondary">More Posts</a>
        </div>
      </div>
    </div>
    <!-- content end -->
    <!-- footer strip start -->
    <footer class="bg-white pt4 pb5">
      <div class="center mw8 w-80 moderat wbfs-aa pt3 pb3 dt ur-blue-black bt b--near-white">
        <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="">[email protected]</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="scripts/main.js"></script>
  </body>
</html>