-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
185 lines (176 loc) · 8.63 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Awesome Opossum is a collective of strategists, designers, writers, coders and producers. We launch products, create brands and produce one-off projects.">
<meta property="og:url" content="http://www.awsmpssm.com" />
<meta property="og:title" content="Awesome Opossum" />
<meta property="fb:app_id" content="966255023469363" />
<meta property="og:description" content="We launch products, create brands and produce one-off projects." />
<meta property="og:image" content="http://www.awsmpssm.com/img/facebookpic.jpg" />
<link rel="shortcut icon" type="image/png" href="img/awopicon.png"/>
<link href='https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,300italic,300,900italic,100italic,100' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,700,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css" media="screen" title="no title" charset="utf-8">
<title>Awesome Opossum — we create & produce brands </title>
</head>
<body>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '966255023469363',
xfbml : true,
version : 'v2.5'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="wrapper">
<!-- Header -->
<header class="header">
<h1>
AWE<br/>
SOME<br/>
OPOS<br/>
SUM <span class="block"><img class="block--awop" src="awop.gif" /></span><br/>
</h1>
<div class="container">
<h3 class="h3-title">Creative Collective</h3>
</div>
</header>
<!-- Maintext -->
<main class="maintext">
<div class="container">
<p class="maintext-paragraph">Awesome Opossum is a collective of strategists, designers, writers, coders and producers.</p><p class="maintext-paragraph">We launch products, create brands and produce </br>one-off projects.</p>
<a href="https://readymag.com/u19537219/awop-ourpower/"><button class="maintext-button" type="submit">Our Power</button></a>
</div>
</main>
<!-- Portfolio -->
<section class="portfolio">
<div class="container">
<!-- <h3>Projects<h3> -->
<h3>Here are some projects we've worked on</h3>
</div>
<!-- CoverBlock-1 -->
<!-- <a href="http://www.interviewrussia.ru/"> -->
<div class="CoverBlock CoverBlock--1">
<div class="CoverBlock-text">
<h3>Andy Warhol's Interview</h3>
<p>A print magazine with a rich legacy in need of a digital facelift. We created a visual identity and content strategy for their new website.</p>
<ul class="CoverBlock-tags">
<li class="CoverBlock-tag">editorial concept</li>
<li class="CoverBlock-tag">design</li>
<li class="CoverBlock-tag">launch</li>
</ul>
</div>
<div class="CoverBlock-image">
<img class="CoverBlock-logo CoverBlock-logo--1" src="img/interviewmagicon.png" />
</div>
</div>
<!-- </a> -->
<!-- CoverBlock-2 -->
<!-- <a href="http://theoryandpractice.ru/"> -->
<div class="CoverBlock CoverBlock--2">
<div class="CoverBlock-text">
<h3>Theory & Practice</h3>
<p>We brought “edutainment” to the Russian market and created a wildly popular platform for publicizing educational events.</p>
<ul class="CoverBlock-tags">
<li class="CoverBlock-tag">editorial concept</li>
<li class="CoverBlock-tag">brand partnerships</li>
</ul>
</div>
<div class="CoverBlock-image">
<img class="CoverBlock-logo CoverBlock-logo--2" src="img/tpicon.png" />
</div>
</div>
<!-- </a> -->
<!-- CoverBlock-3 -->
<!-- <a href="http://coub.com/"> -->
<div class="CoverBlock CoverBlock--3">
<div class="CoverBlock-text">
<h3>Coub</h3>
<p>Helped the video-remixing service gain a foothold in the US through innovative marketing and media partnerships.</p>
<ul class="CoverBlock-tags">
<li class="CoverBlock-tag">media partnerships</li>
<li class="CoverBlock-tag">marketing strategy</li>
</ul>
</div>
<div class="CoverBlock-image">
<img class="CoverBlock-logo CoverBlock-logo--3" src="img/coubicon.png" />
</div>
</div>
<!-- </a> -->
<!-- CoverBlock-4 -->
<!-- <a href="http://yota.ru"> -->
<div class="CoverBlock CoverBlock--4">
<div class="CoverBlock-text">
<h3>Yota</h3>
<p>Pioneering mobile broadband provider launched its 4G LTE in a big way – like, 1/3rd of the Earth’s landmass “big".</p>
<ul class="CoverBlock-tags">
<li class="CoverBlock-tag">brand book</li>
<li class="CoverBlock-tag">communications strategy</li>
<li class="CoverBlock-tag">website redesign</li>
</ul>
</div>
<div class="CoverBlock-image">
<img class="CoverBlock-logo CoverBlock-logo--4" src="img/yotaicon.png" />
</div>
</div>
</a>
<!-- CoverBlock-5 -->
<!-- <a href="http://picnic.afisha.ru/festival/afisha-2013"> -->
<!--<div class="CoverBlock CoverBlock--5">-->
<!--<div class="CoverBlock-text">-->
<!--<h3>Afisha Picnic Music Festival 2013</h3>-->
<!--<p>Organized Moscow’s biggest outdoor music festival, featuring three stages, 50k visitors, fireworks, Blur, Bat for Lashes, and other awesome stuff. </p>-->
<!--<ul class="CoverBlock-tags">-->
<!--<li class="CoverBlock-tag">art direction</li>-->
<!--<li class="CoverBlock-tag">production</li>-->
<!--</ul>-->
<!--</div>-->
<!--<div class="CoverBlock-image">-->
<!--<img class="CoverBlock-logo CoverBlock-logo--5" src="img/picnicicon.png" />-->
<!--</div>-->
<!--</div>-->
<!-- </a> -->
<!-- CoverBlock-6 -->
<!-- <a href="http://sdelano.ru"> -->
<!--<div class="CoverBlock CoverBlock--6">-->
<!--<div class="CoverBlock-text">-->
<!--<h3> Sdelano </h3>-->
<!--<p>Launched a home renovation startup offering architectural solutions and full construction service plus online booking.</p>-->
<!--<ul class="CoverBlock-tags">-->
<!--<li class="CoverBlock-tag">UX</li>-->
<!--<li class="CoverBlock-tag">launch</li>-->
<!--<li class="CoverBlock-tag">production</li>-->
<!--</ul>-->
<!--</div>-->
<!--<div class="CoverBlock-image">-->
<!--<img class="CoverBlock-logo CoverBlock-logo--6" src="img/sdelanoicon.png" />-->
<!--</div>-->
<!--</div>-->
<!-- </a> -->
</section>
<footer class="footer">
<img class="Icon-awop" src="img/awopicon.png" />
<p>Reach out if you would like to hire us </br> or join the collective </p>
<p><a href="mailto:[email protected]">[email protected]</a></br>
<a href="tel:+13093101662">(310) 309-1662</a></p>
<a href="https://www.facebook.com/awsmpssm"><img class="Icon-facebook" src="img/facebook.png"></a>
</footer>
<!--FORM <div class="pop">
<input type="email" placeholder="Name">
<input type="name" placeholder="Email">
<input type="company" placeholder="Company/Project">
<button class="maintext-button" type="submit">Get in touch</button></br>
<h3>It's going to be awesome!</h3>
</div> -->
</div>
</body>
</html>