-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathjoin.html
161 lines (144 loc) · 6.16 KB
/
join.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
<!DOCTYPE HTML>
<!--
DESIGN CREDITS
Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<!--
CONTENT (WORDS & PICTURES) CREDITS
by Jess Sand
jessicasand.com | @asdesignlabs
Free for personal and non-commercial use with attribution, under the CCA 4.0 license: https://creativecommons.org/licenses/by-nc-sa/4.0/
// kosinska-getting-started.png courtesy of Joanna Kosinska via Unsplash.
-->
<html>
<head>
<title>Join Content + UX</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-46419101-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-46419101-3');
</script>
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">Content + UX</a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="index.html#about">About</a></li>
<li><a href="/code-of-conduct.html">Code of Conduct</a></li>
<li><a href="#resources">Resources</a></li>
<li><a href="/salary-transparency.html">Salary Transparency</a></li>
<li><b><a href="/join.html">Join</a></b></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Wrapper -->
<section id="wrapper">
<header>
<div class="inner">
<h2>Join Content + UX</h2>
<p>Use the Google form below to join the group in Slack.</p>
</div>
</header>
<!-- Content -->
<div class="wrapper">
<div class="inner">
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSesIaokzknNNPbWPnA8H3zfJI45S0CgiulQ9nAzy6yISU2Gtw/viewform?embedded=true" width="640" height="1588" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
</div>
</section>
<section id="footer">
<div class="inner"><a name="resources"></a>
<h2 class="major">Content strategy resources</h2>
<section class="features">
<article>
<a href="https://airtable.com/shrTmPMOH5e6zU3mD#utm_source=c-ux-site&utm_medium=web&utm_campaign=admin&utm_content=library" class="image"><img src="images/library.png" alt="" /></a>
<h3 class="major">C+UX Resource Library</h3>
<p>Free directory of useful tools for the content practioner, compiled from the Content + UX Slack group.</p>
<a href="https://airtable.com/shrTmPMOH5e6zU3mD#utm_source=c-ux-site&utm_medium=web&utm_campaign=admin&utm_content=library" class="special">Explore the library</a>
</article>
<article>
<a href="getting-started-content-strategy.html" class="image"><img src="images/kosinska-getting-started.png" alt="" /></a>
<h3 class="major">Getting Started with Content Strategy</h3>
<p>A high-level overview of where to start if you're interested in understanding the content strategy field.</p>
<a href="getting-started-content-strategy.html" class="special">Get started</a>
</article>
</section>
</div>
</div>
<section id="footer">
<div class="inner">
<!-- Start Footer
<h2 class="major">Get in touch</h2>
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
<form method="post" action="#">
<div class="fields">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="email" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="4"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
<ul class="contact">
<li class="fa-home">
Untitled Inc<br />
1234 Somewhere Road Suite #2894<br />
Nashville, TN 00000-0000
</li>
<li class="fa-phone">(000) 000-0000</li>
<li class="fa-envelope"><a href="#">[email protected]</a></li>
<li class="fa-twitter"><a href="#">twitter.com/untitled-tld</a></li>
<li class="fa-facebook"><a href="#">facebook.com/untitled-tld</a></li>
<li class="fa-instagram"><a href="#">instagram.com/untitled-tld</a></li>
</ul>
End Footer -->
<!-- Start truncated footer -->
<!-- End custom footer -->
<ul class="copyright">
<li>© 2019-present Jess Sand; all rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>