-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
197 lines (179 loc) · 8.06 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
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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!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 and subject to separate copyright restrictions per the creator.
-->
<html>
<head>
<title>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" class="alt">
<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="#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><a href="/join.html">Join</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Banner -->
<section id="banner">
<div class="inner">
<div class="logo"><span class="icon fa-cubes"></span></div>
<h2>Content + UX</h2>
<p>A community of professionals celebrating content strategy, content itself, and its role in the user experience.</p>
</div>
</section>
<!-- Wrapper -->
<section id="wrapper">
<!-- One -->
<section id="one" class="wrapper spotlight style1">
<div class="inner">
<a href="#" class="image"><img src="images/pic01.png" alt="" /></a>
<div class="content"><a name="about"></a>
<h2 class="major">Find your people</h2>
<p>Join more than 14,000 content and content-adjacent professionals who support each other, share knowledge and understanding, and help shape the field of content strategy.</p>
<a href="/join.html" class="special">Join us on Slack</a>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt spotlight style2">
<div class="inner">
<a href="#" class="image"><img src="images/pic02.png" alt="" /></a>
<div class="content"><a name="coc"></a>
<h2 class="major">Code of conduct</h2>
<p>This community works because we respect each other as professionals and as humans. We expect everyone to abide by the Code of Conduct, so be sure to read it in full before choosing to participate.</p>
<a href="/code-of-conduct.html" class="special">Read the Code of Conduct</a>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper spotlight style3">
<div class="inner">
<a href="#" class="image"><img src="images/pic03.png" alt="" /></a>
<div class="content">
<h2 class="major">Team</h2>
<p>Content + UX is managed by <a href="https://jessicasand.com">Jess Sand</a>, with help from an amazing team of volunteer admins: Jess H., Sara B., Clay D., Kenneth Y., and Ben L. You can reach us by emailing hello at contentandux.org.<br/> Originally founded by <a href="http://mjmetts.com/">Michael Metts</a>.</p>
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="wrapper alt style1">
<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>
<!-- Start omission
<ul class="actions">
<li><a href="#" class="button">Browse All</a></li>
</ul>
End omission -->
</div>
</section>
</section>
<!-- Start footer -->
<section id="footer">
<div class="inner">
<!-- Start contact
<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 contect -->
<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>
<!-- End footer -->
</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>