client-maryv/index.html at master · droom/client-maryv · 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
<html>
<head>

<link href="css/mary.css" rel="stylesheet" />

</head>
<body>

<!--
Unsemantic borders!
-->

<div id="left"></div>
<div id="right"></div>
<div id="top"></div>
<div id="bottom"></div>

<!--
<small><a href="mailto:hello@maryv.co">hello@maryv.co</a></small>
-->

<section class="title">
	<h1>
		<a href="#" class="menu who"><sup>1</sup><span class="titleCopy">Mary Valiakas</span></a> <br/>
		<a href="#" class="menu what"><sup>2</sup><span class="titleCopy">writes words</span></a> <br/>
		<a href="#" class="menu where"><sup>3</sup><span class="titleCopy">for companies</span></a>.
	</h1>
</section>

<section class="icons">
	<a href="#" class="menu contact">&#9997;</a>
</section>

<section class="home">

</section>

<section class="who">
	<hr />
	<div class="copy">
		<h2>Get the lowdown</h2>
		<p>Dividing my time between London and Bristol, I work alongside content strategists, UX folk, creative directors, brand and marketing managers to craft words and experiences that inform, entertain and convince.</p>
		<p>And because words are only as effective as the thinking behind them, I also help brands define their positioning and their tone of voice. Did I mention I also run tone of voice training workshops? Handy things, those.</p>
	</div>
</section>

<section class="what">
	<hr />
	<div class="copy">
		<h2>My words at work</h2>
		<p>From tone of voice development. To concepting. And straight-up copywriting.</p>
		<p>A strategy-driven, idea-generating brand storyteller. What about ad concepts, websites, brochures, emailers, packaging? Yep, yep. Blogs, articles, white papers and other content marketing materials? You're in the right place. Tone of voice development and brand positioning? Bread and butter. </p>
		<ul>
			<li>Met Office, Barometer magazine</li>
			<li>Halifax</li>
			<li>Royal Navy Careers</li>
		</ul>
	</div>
</section>

<section class="where">
	<hr />
	<div class="copy">
		<h2>Who I've worked with</h2>
		<p>Big brands, little brands. Local agencies, global ones &mdash; and even some across the pond. Below are just a few folks I've written for.</p>
		<p>I've worked at some of the UK's largest copywriting agencies where I wrote in every conceivable tone of voice and medium. I then combined my love of techy awesomeness with words in a top 100 digital agency. Which pretty much brings us up to date. Need a copywriter / storyteller?</p>
	</div>
</section>

<section class="contact">
	<hr />
	<div class="copy">
		<h2>Get in touch</h2>
		<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
		</p>
	</div>
</section>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/mary.js"></script>


<!--
<script>

</script>
-->


</body>


</html>