peerpresure/index.html at gh-pages · bespoke-digital/peerpresure · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="shortcut icon" href="/favicon.ico?v=3" type="image/x-icon">
  <link rel="icon" href="/favicon.ico?v=3" type="image/x-icon">
  <link rel="apple-touch-icon" sizes="57x57" href="img/favicons/apple-touch-icon-57x57.png?v=3">
  <link rel="apple-touch-icon" sizes="114x114" href="img/favicons/apple-touch-icon-114x114.png?v=3">
  <link rel="apple-touch-icon" sizes="72x72" href="img/favicons/apple-touch-icon-72x72.png?v=3">
  <link rel="apple-touch-icon" sizes="144x144" href="img/favicons/apple-touch-icon-144x144.png?v=3">
  <link rel="apple-touch-icon" sizes="60x60" href="img/favicons/apple-touch-icon-60x60.png?v=3">
  <link rel="apple-touch-icon" sizes="120x120" href="img/favicons/apple-touch-icon-120x120.png?v=3">
  <link rel="apple-touch-icon" sizes="76x76" href="img/favicons/apple-touch-icon-76x76.png?v=3">
  <link rel="apple-touch-icon" sizes="152x152" href="img/favicons/apple-touch-icon-152x152.png?v=3">
  <link rel="icon" type="image/png" href="img/favicons/favicon-196x196.png?v=3" sizes="196x196">
  <link rel="icon" type="image/png" href="img/favicons/favicon-160x160.png?v=3" sizes="160x160">
  <link rel="icon" type="image/png" href="img/favicons/favicon-96x96.png?v=3" sizes="96x96">
  <link rel="icon" type="image/png" href="img/favicons/favicon-16x16.png?v=3" sizes="16x16">
  <link rel="icon" type="image/png" href="img/favicons/favicon-32x32.png?v=3" sizes="32x32">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="msapplication-TileImage" content="img/favicons/mstile-144x144.png?v=3">
  <meta name="msapplication-config" content="img/favicons/browserconfig.xml">

  <title>Peer Pressure Media</title>

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,400italic,300italic' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="dist/main.css?v=3">
</head>
<body>
  <div class="hero hero-main">
    <div class="hero-accent"></div>
    <img class="hero-logo" src="img/logo-white.svg?v=3" alt="Peer Presure Media"/>
  </div>

  <div class="sales-copy">
    <h2>WHAT IS PROGRESS?</h2>
    <p>It’s just an idea. It’s the idea that the world can become increasingly better. The idea that advances
    in technology, science and organization produce an improvement in the human condition.</p>
    <p>People who make progress are those who create products, systems and ideas that improve and fix
    things. They disrupt what is bad and change it into something good.</p>

    <h2>WHAT IS PEER PRESSURE?</h2>
    <p>Peer pressure is a term used to describe the power a group or individual has to change the attitudes
    and actions of others. It is perhaps the most potent influence on human behaviour and can be used
    as a tool to further progress.</p>

    <h2>WHAT IS PEER PRESSURE MEDIA?</h2>
    <p>We are a full service media and advertising company working with disruptive entrepreneurs seeking
    to make progress. We provide inventors, creators, disruptors and revolutionaries a range of services
    to communicate the benefits of their ideas.</p>
  </div>

  <div class="contact">
    <div class="dimmer"></div>

    <div class="contact-container">
      <h3>IF YOU ARE ONE OF THESE BRAVE FEW,</h3>

      <p>Peer Pressure is the vehicle for you to project your story, change things and make progress.</p>

      <p><strong>TEAM:</strong> Tim Godsall, Deborah Prenger, Matt O’Leary, Aron Jones, Keeley Whitehead, Gillian Carvalho.</p>

      <div class="row">
        <address class="col-sm-4">
        <strong>Toronto</strong><br>
        75 Sherbourne St<br>
        Creative Lab #500-c<br>
        Toronto ON<br>
        M5A 3X9
        </address>

        <address class="col-sm-4">
        <strong>Cape Town</strong><br>
        10 Bosman Ave<br>
        Creative Lab #326<br>
        Llandudno<br>
        Cape Town<br>
        7806
        </address>

        <address class="col-sm-4">
        <strong>New York</strong><br>
        102 East 22nd St<br>
        Creative Lab #11d<br>
        NY, NY<br>
        10010
        </address>
      </div>
    </div>

    <div class="color-bar"></div>

    <div class="mailto contact-container">
      <a href="mailto:deborah@peerpressuremedia.com">
        Get in touch
        <i class="fa fa-envelope-o"></i>
      </a>
    </div>
  </div>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-70919644-1', 'auto');
  ga('send', 'pageview');

</script>
</body>
</html>