forked from jdsteinbach/frontrangefrontend
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (104 loc) · 6.66 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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Front Range Front-End</title>
<meta name="description" content="Front-end developer meetup in Denver, CO. Topics include: HTML, CSS, Sass, JS, accessibility, UI, & UX">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="assets/dev/style.css">
<link rel="stylesheet" href="https://use.typekit.net/pcf7scr.css">
</head>
<body class="l-body">
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a target="_blank" rel="nofollow noreferrer noopener" href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<header class="l-header site-header">
<a href="/" class="site-header__logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -200 3848 1800">
<g fill-rule="evenodd">
<path fill="#60569C" d="M1735.64 0L507.27 1750.66h174.1L1803.34 154.74h19.35l1121.96 1595.93h174.1L1890.36 0h-154.72z"/>
<path fill="#60569C" d="M1881.3 947.64L2209.45 441H2034.9L1817 788.83h-5.25l-217.88-347.8H1419.3l328.14 506.63h133.87z"/>
<path fill="#5C6443" d="M2753.76 467.26l-947.5 1361.57h179.06l835.6-1201.16h14.9l835.6 1201.16h179.06l-947.5-1361.57h-149.22z"/>
<path fill="#2C313E" d="M600.2 925.04L41.05 1749.4h174.6l448.62-665.22h8.83l448.66 665.2h174.57L737.2 925.05h-137z"/>
</g>
</svg>
<span class="site-header__name"><span class="t-logo-cap">F</span>ront <span class="t-logo-cap">R</span>ange <span class="t-logo-cap">F</span>ront-<span class="t-logo-cap">E</span>nd</span>
</a>
<label class="site-header__nav-toggle t-label" for="nav-toggle">Menu</label>
<input type="checkbox" class="hidden-label" name="nav-toggle" id="nav-toggle"></label>
<nav class="site-header__nav">
<a href="#about" class="site-header__nav__link link">About</a>
<a href="#rsvp" class="site-header__nav__link link">RSVP</a>
<a href="#subscribe" class="site-header__nav__link link">Subscribe</a>
<a href="#speak" class="site-header__nav__link link">Speak</a>
<a href="#suggest" class="site-header__nav__link link">Suggest</a>
</nav>
</header>
<main class="l-main site-content">
<header class="l-row l-row--purple l-hero">
<h1 class="t-hero">Front Range <strong>Front-End</strong></h1>
<h2 class="t-heading">A Monthly Meetup for HTML, CSS, Sass, A11Y, JS, and more!</h2>
<a href="#rsvp" class="button light">Join Us</a>
</header>
<section class="l-row" id="about">
<h2 class="t-heading">All About Our Meetup</h2>
<h3 class="t-subheading">What We Talk About</h3>
<p>Front Range Front-End is a meetup for, well, front-end developers. Our talks will help you with:</p>
<ul>
<li><strong>HTML</strong>: accessibility, semantic markup</li>
<li><strong>CSS</strong>: new techniques, tools like PostCSS & Sass</li>
<li><strong>JS</strong>: vanilla JS, browser APIs, not frameworks</li>
<li><strong>Design</strong>: UX, UI, pattern libraries, animation</li>
<li><strong>Performance</strong>: image optimization, SVG, refactoring</li>
</ul>
<h3 class="t-subheading">Where We Meet</h3>
<p>Our meetup is hosted by the kind folks at <a target="_blank" rel="nofollow noreferrer noopener" href="http://www.code-talent.com/"><strong>Code</strong></a>. You can find us at:</p>
<a href="https://goo.gl/maps/whWkqiiTtvm" class="address link">
<p class="address__name">Code Talent</p>
<p class="address__street">3412 Blake Street</p>
<p class="address__city-state">Denver, CO 80205</p>
</a>
<a href="https://goo.gl/maps/whWkqiiTtvm" class="address link">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=39.7676932,-104.9789779&zoom=15&size=400x225&scale=2&maptype=roadmap&markers=color:red%7C39.7676932,-104.9789779" alt="Google Maps" width="400" height="225">
</a>
<h3 class="t-subheading">When We Meet</h3>
<p>We meet the <strong>first Thursday of every month</strong>, at <strong>6:30pm</strong>.</p>
<p>We don’t have food provided currently, but if the group grows & we can get some sponsors, we’d be happy to add that.</p>
</section>
<section class="l-row l-row--green" id="rsvp">
<h2 class="t-heading">RSVP</h2>
<p>If you’d like more information about our next meetup (or you’re ready to RSVP now), head over to our Meetup.com page!</p>
<a href="https://www.meetup.com/preview/Sass-Hack-Denver/events/" class="button">RSVP</a>
</section>
<section class="l-row" id="subscribe">
<h2 class="t-heading">Get Our Newsletter</h2>
<p>Don’t miss a thing at Front Range Front-End: sign up for our newsletter! We’ll email you about each monthly meetup, and maybe some (infrequent) special announcements. You can unsubscribe at any time.</p>
<a target="_blank" rel="nofollow noreferrer noopener" href="http://eepurl.com/c3us5j" class="button">Sign Me Up!</a>
</section>
<section class="l-row l-row--gray" id="speak">
<h2 class="t-heading">Apply to Speak</h2>
<p>Got a topic you’d like to speak about? Maybe an upcoming conference talk you need to practice? Let us know!</p>
<a href="https://goo.gl/forms/IQfeXUbrQpCvCyij2" class="button">Apply</a>
</section>
<section class="l-row" id="speak">
<h2 class="t-heading">Suggest a Topic</h2>
<p>Got a topic you’d like to hear about? Let us know!</p>
<a href="https://goo.gl/forms/vSmuEuK260zFDVlr2" class="button">Suggest</a>
</section>
</main>
<footer class="l-footer site-footer">
<p class="site-footer__copyright">All Contents © 2017 Front Range Front-End</p>
</footer>
<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.4.min.js"><\/script>')</script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>