-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
106 lines (81 loc) · 3.93 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
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta name="description" content="B & W Meet is a Bournemouth-based pub meet for digital creatives. Fit the bill? Join Us.">
<title>B & W Meet | A meet for like-minded digital creatives.</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="animations.css">
<link rel="shortcut icon" href="favicon.ico">
<link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
<meta name="viewport" content="initial-scale=1.0" />
</head>
<body>
<main role="main">
<div id="poster">
<div id="frame">
<div id="tint">
<div id="haveYouThought">
<img src="assets/images/bcbomo-logo.png" alt="BarCamp Bournemouth logo" title="We love BarCamp">
</div>
</div>
<section id="content">
<header>
<div id="logo">
<img src="assets/images/logo.png" alt="B & W Meet logo" width="200">
</div>
</header>
<footer>
<section id="info">
<h2>19:00</h2>
<h2>10th May 2014</h2>
<h2>Bournemouth University</h2>
</section>
<section id="hashtag">
<a href="https://twitter.com/search?q=%23BWMeet&src=typd" target="_blank">#BWMeet</a>
</section>
</footer>
</section>
</div>
</div>
<section id="information">
<nav>
<ul>
<li class="active"><a>What's it all about?</a></li>
<li><a>Who are you guys?</a></li>
<li><a>What's with the poster?</a></li>
</ul>
</nav>
<article class="active">
<p>B & W Meet is an informal pub meet for Bournemouth-based digital creatives.<br>We hold them every 6 weeks or so and - thanks to our wonder sponsor, each one has free drinks (up to a point).</p>
<p>It doesn't matter where you're from or how experienced you are as long as you're passionate about the web.</p>
<p>We’ll always be free and open to all. We look forward to meeting you (or seeing you again!).</p>
</article>
<article>
<p>B & W Meet is run by <a href="http://twitter.com/seanmtracey" target="_blank">Sean Tracey</a> and <a href="http://twitter.com/timofetimo" target="_blank">Tim Stone</a>. We love building for the web and we love meeting people—that's why B & W Meet is a thing.</p>
</article>
<article>
<p>The B & W Meet website doesn't have to say a whole lot. It's because of this that we've had the same site for over a year (a little embarrassing for web developers :P).</p>
<p>So rather than just updating the same old site for each new event, we thought we'd make the<br>B & W Meet site more like a paper poster but with all the goodness of the web.</p>
<p>Like a print run, each B & W Meet event will have a different site that will (try to) show off either some of the latest cool stuff on the internet, or something that we love about Bournemouth/Dorset.</p>
<p>Now, the problem with building a website around the new and shiny of the web is that not everyone can see it, We promise we'll always do our best to make sure the site fails gracefully and gives you the info you need.</p>
</article>
</section>
<div id="ticket">
<a href="http://bwmeet13.eventbrite.com"><img src="assets/images/ticket.png" alt="Grab a ticket"></a>
</div>
</main>
<script src="scripts/libraries/jquery.js"></script>
<script src="scripts/menu.js"></script>
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-11418004-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>