forked from Vwampage/friends-irl
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (123 loc) · 3.92 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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Friends IRL</title>
<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body>
<section class="row">
<div class="middle">
<img src="images/img-logo_top.png" alt="Friends are !important">
<p></p>
</div>
<div class="left">
<a class="btn-hero" href="https://www.facebook.com/shareifyouagree/" target="_blank">
<img src="images/ic-share.png" alt="SHARE IF YOU AGREE.">
<p>Share this</p>
</a>
</div>
<div class="right">
<a class="btn btn-1 btn-1a button_box btn-hero" href="https://attending.io/events/friends-irl" target="_blank">rsvp please</a>
</div>
</section>
<section class="row -hero-content">
<div class="headline">
<h1 id="big_headline">We're all experts at something.</h1>
</div>
</section>
<section class="row">
<div class="middle" id="small_logo">
<img src="images/img-logo_sm.png" alt="The itsy bitsy logo climbed up the water spout...">
</div>
</section>
<section class="row">
<div class="body_text">
<p><strong>CHICAGO WEBFRIENDS</strong> is a monthly gathering of designers, developers, and friends from all over the city of Chicago.</p>
</div>
</section>
<section class="row">
<div class="image_bar">
</div>
</section>
<section class="row">
<div class="red_bar">
</div>
</section>
<section class="row">
<div class="headline">
<h2 id="invitation">Please join us for our next event.</h2>
</div>
</section>
<section class="row">
<div class="left_third">
<div class="mini_row">
<p>
<span class="icon">
<img src="images/ic-place.png" alt="The earth is your frame of reference.">
</span>
<span class="text">
Signal<br>
111 N. Canal St. #455
</span>
</p>
</div>
<div class="mini_row">
<p>
<span class="icon">
<img src="images/ic-date.png" alt="Put a date in a microwave. Eat. Hot date.">
</span>
<span class="text">
Wednesday, April 13th
</span>
</p>
</div>
<div class="mini_row">
<p>
<span class="icon">
<img src="images/ic-time.png" alt="Time to get a watch.">
</span>
<span class="text">
7-9PM
</span>
</p>
</div>
</div>
<div class="right_two_thirds">
<div class="talk_title">
<h3>"Whyfi, amiright?"</h3>
</div>
<div class="talk_description">
<p class="description">Most wifi networks start with a consumer access point (hello Wirecutter, who's the best this month?) and do just fine, but when the number of people increase and the space gets bigger things get complicated pretty quickly. David will tell the story of growing the wifi network at Signal from consumer grade access points through multiple sets of new hardware and an office move. Obstacles along the way include terminating cat-5e, mesh networking, noisy neighbors, hammer drills, and metaphors about speakers. Along the way he learned valuable lessons about ping times, friendship, and software updates.</p>
<div class="button-paragraph">
<a class="button_box btn btn-1 btn-1a" href="https://attending.io/events/friends-irl" target="_blank">
rsvp please
</a>
</div>
</div>
</div>
</section>
<section class="padding"></section>
<section class="row">
<div class="left_half">
<img id="big_logo" src="images/img-logo_xl.png" alt="Back in my day logos were so big you couldn't wrap your arms around them!">
</div>
<div class="right_half">
<div class="talk_title">
<h2>Share your knowledge with webfriends.</h2>
</div>
<p class="description">Do you brew your own beer? Are you a successful small business owner? Have you made a deep personal connection with Weird Twitter? Are you the dog dancing champion of North America? We want to hear about it!</p>
<div class="button-paragraph">
<a href="#" id="volunteer" class="button_box btn btn-1 btn-1a">
<p>volunteer</p>
</a>
</div>
</div>
</section>
<section class="row">
<div class="footer">
</div>
</section>
<footer>
<p>© 2016 CHICAGO WEB FRIENDS</p>
</footer>
</body>