<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="icon" href="assets/images/favicon.ico">

	<title></title>

	<link rel="stylesheet" href="assets/css/wwpw.css">
	<link rel="stylesheet" href="assets/css/vendor.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

	<!--[if lt IE 9]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>
<body>
<style>
#main-content {
background: rgba(0,0,0,.7);
padding-top: 60px;
padding-bottom: 100px;
padding-left: 35px;
padding-right: 35px;
}
body {
    padding: 0 !important;
}
.blue-action-left {
    color: #13b1b4;
    font-size: 20px;
    font-family: 'Roboto-Slab', serif;
    font-weight: 300;
    margin-right: 10px;

}
.blue-action-right {
    color: #13b1b4;
    font-size: 20px;
    font-family: 'Roboto-Slab', serif;
    font-weight: 300;
    margin-left: 10px;

}
hr.orange-bar {
    border-top: 3px solid #fd9409;
    margin-bottom: 45px;
}
#mailing-copy {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}
.blue-link-hover:link {
    color: #13b1b4;
    text-decoration: none;
}
.blue-link-hover:visited {
    color: #13b1b4;
    text-decoration: none;
}
.blue-link-hover:hover {
    color: #fff;
    text-decoration: none;
}
.blue-link-hover:active {
    color: #13b1b4;
    text-decoration: none;
}
h1 {
    font-family: 'Roboto-Slab', sans-serif;
    font-size: 36px;
    font-weight: 300;
}
p {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 22px;
}
.success-message {
    color: #4BB543;
    border: 1px solid #4BB543;
    border-radius: 4px;
    height: 53px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1;
}
.error-message {
    color: #ff0033;
    border: 1px solid #ff0033;
    border-radius: 4px;
    height: 53px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1;
}
</style>

<section class="psw psw--test">
	<div class="wrapper">
		<div class="container">
			<div class="row">
				<div id="main-content" class="col-sm-12  col-md-6" data-mh="mh">
					<img class="img-responsive  psw__logo" src="assets/images/psw-logo.png" />
                    <div class="row">
                        <div class="col-xs-4 col-xs-offset-4"><hr class="orange-bar"/></div>
                    </div>
					<p>
						Thank you to all of the wonderful Photoshop World 2017 attendees who came ready to learn, laugh, get involved, and make new friends! You made this the best event we have ever had and we couldn't have done it without you!<br/>
					</p>
						<a class="js-play-video blue-link-hover blue-action-left" href="http://www.youtube.com/watch?v=OBDqQwHxicU"><i class="fa fa-play-circle" aria-hidden="true"></i> Watch Recap</a>  |  <a class="js-open-gallery blue-link-hover blue-action-right" href=""><i class="fa fa-camera" aria-hidden="true"></i> Image Gallery</a>
					<hr />
					<h1>2018 Dates Coming Soon!</h1>
                    <p id="mailing-copy" class="margin-top-0">Join our mailing list to learn more about Photoshop World 2018 and to be notified when dates/locations are announced.</p>
					<form id="email-signup-form" class="subscribe" method="POST" action="">
						<div class="input-group">
							<input id="email-field" style="border: 2px solid #ccc;" type="email" class="form-control" name="email" placeholder="user@emaildomain.com" />
                            <input type="hidden" id="campaign-token" name="campaign_token" value="D" />
							<span class="input-group-btn">
								<button style="background-color: #13b1b4; border: 1px solid #ccc" type="submit" class="[ btn  btn-secondary ]  psw__button">Join <span class="hidden-xs">Mailing List</span></button>
							</span>
						</div>
					</form>
					<div style="display: none;" class="success-message"></div>
					<div style="display: none;" class="error-message"></div>
				</div>
				<div class="col-sm-6  hidden-xs  hidden-sm  text-center"  data-mh="mh">
					<i class="[ pswi  pswi--large-play ]  play-button  js-play-video-btn"></i>

				</div>
			</div>
		</div>
	</div>
</section>


	<script src="assets/js/vendor.min.js"></script>
	<script src="assets/js/webfontloader.min.js"></script>
	<script src="assets/js/site.js"></script>

</body>
</html>
