DevDays Online 2021

<!-- This page's Draftr asset ID is 305612 -->
<div id="content-placeholder" class="landingpage library-landingpage-fy18">
<div class="pc-16">
<link rel="stylesheet" href="https://static-dc.autodesk.net/etc/designs/templates-general/structure/clientlibs.min.css" type="text/css">
<link rel="stylesheet" href="https://static-dc.autodesk.net/etc/designs/external-libraries/clientlibs.min.css" type="text/css">
<link rel="stylesheet" href="https://static-dc.autodesk.net/etc/designs/templates-general/skins/troposphere/clientlibs.min.css" type="text/css">

<link rel="stylesheet" href="https://static-dc.autodesk.net/etc/designs/templates-general/structure/fonts/artifakt/clientlibs/artifakt.css"/>
<link rel="stylesheet" href="https://static-dc.autodesk.net/etc/designs/templates-general/structure/fonts/artifakt/clientlibs/troposphere-artifakt.css"/>
<!-- include this one in aem -->
<link rel="stylesheet" href="https://damassets.autodesk.net/content/dam/autodesk/css/campaign-landing-page-styles-v2.css">
<div class="body-content">
<!-- Content -->
<!-- This page's Draftr asset ID is 305612 -->
<div class="pattern-body-content parsys">
<div class="decorative-box section">
<div class="lp-banner-container">
<div class="box-content parsys">
<div class="decorative-box section">
<div class="lp-banner-xlarge wd-pb-48" style="background-color: #444444; background-image: url('https://damassets.autodesk.net/content/dam/autodesk/draftr/5865/cropped-1547053610.jpg'); min-height: 310px !important">
<div class="box-content parsys">
<div class="responsive-grid section">
<div class="row wd-ph-20">
<div class="wp-banner-card grid-columns">
<div class="responsive-column-0 responsive-column">
<div class="wd-mr-16 wd-pb-24 wd-bbw-1 wp-bc-medium-grey">
<div class="column-content parsys">
<div class="heading section">
</div>
<div class="heading section">
<h1 class=" wd-color-white wd-font-50 wd-mv-0 wd-normal">Autodesk DevDays 2021</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="responsive-grid section">
<div class="row wd-ph-20">
<div class="wp-banner-card grid-columns">
<div class="responsive-column-0 responsive-column">
<div class="wd-mr-16 wd-pt-32">
<div class="column-content parsys">
<div class="text section">
<p class="wd-mt-0 wd-mb-20 wd-font-19 wd-color-gray-80">DevDays Online is a great opportunity to learn about the Forge platform, as well as where Autodesk is taking its cloud and desktop platforms in the coming year. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="responsive-grid section">
<div class="row wd-ph-20">
<div class="medium-10 grid-columns">
<div class="medium-6 large-4 grid-columns">
<div class="responsive-column-0 responsive-column">
<div class="column-content parsys">
<div class="responsive-grid section">
<div class="row">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="decorative-box section">
<div class="lp-banner-credits-light wd-pb-32-md wd-pb-32-lg">
<div class="box-content parsys">
<div class="responsive-grid section">
<div class="row wd-ph-20">
<div class="grid-columns">
<div class="responsive-column-0 responsive-column">
<div class="column-content parsys">
<div class="text section">
<p class="wd-font-12 wd-color-gray-60 wd-mv-0">Banner image credits</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="code section">
<style>
.lp-banner-xlarge {
background-size: cover;
padding-top: 94px;
min-height: 620px;
}

.lp-banner-xlarge .responsive-grid.section {
position: relative;
}

.lp-banner-xlarge .responsive-grid.section,
.lp-banner-credits-light {
z-index: 7;
}

.wp-banner-card {
max-width: 600px;
}

.lp-banner-xlarge a:not(.wd-button) {
border-bottom: none !important;
}

.wp-bc-medium-grey {
border-color: #666 !important;
}

.lp-banner-xlarge .wp-btn-grey {
background: #ddd !important;
box-shadow: 2px 2px #999 !important;
}

.lp-banner-xlarge .wp-btn-grey:hover {
background: #a6a6a6 !important;
}

.lp-banner-xlarge .wp-btn-grey span {
color: #444 !important;
}

.lp-banner-xlarge .wp-btn-line-grey {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #999 !important;
transition: border 0.2s;
}

.lp-banner-xlarge .wp-btn-line-grey:hover {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #b3b3b3 !important;
}

.lp-banner-xlarge .wp-btn-line-grey span {
color: #999 !important;
transition: color 0.2s;
}

.lp-banner-xlarge .wp-btn-line-grey:hover span {
color: #b3b3b3 !important;
}

.lp-banner-xlarge .wp-btn-line-blue {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #FAA21B !important;
transition: border 0.2s;
}

.lp-banner-xlarge .wp-btn-line-blue:hover {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #dd8805 !important;
}

.lp-banner-xlarge .wp-btn-line-blue span {
color: #FAA21B !important;
transition: color 0.2s;
}

.lp-banner-xlarge .wp-btn-line-blue:hover span {
color: #dd8805 !important;
}

.lp-banner-xlarge .svg-icon {
height: 30px !important;
width: 30px !important;
margin-right: 4px;
margin-top: 5px;
fill: #666;
}

html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .lp-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}

html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .lp-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}

.lp-banner-social .social-share {
margin-left: -4px;
}

@media only screen and (min-width: 40.063em) {
.lp-banner-social .text,
.lp-banner-social .social-share {
display: table-cell;
vertical-align: middle;
}
.lp-banner-social .social-share {
margin-left: 0px;
}
}

.lp-banner-xlarge .social-share svg {
height: 37px;
width: 37px;
fill: #9a9a9a;
transition: fill 0.2s;
}

.lp-banner-xlarge .social-share svg:hover {
fill: #fff;
}

html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .lp-overlay.wp-light {
background: url('https://damassets.autodesk.net/content/dam/autodesk/www/patterns/visual-overviews/overlay-video-light.png') repeat;
}

html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .lp-overlay.wp-neutral {
background: url('https://damassets.autodesk.net/content/dam/autodesk/www/patterns/visual-overviews/overlay-video-neutral.png') repeat;
}

html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .lp-overlay.wp-dark {
background: url('https://damassets.autodesk.net/content/dam/autodesk/www/patterns/visual-overviews/overlay-video-dark.png') repeat;
}

html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .lp-banner-container {
position: relative;
background: #000;
}

body:not(.cq-wcm-edit) .lp-overlay{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}

@media only screen and (max-width: 40.0629em) {
.lp-banner-credits-light {
padding: 12px 0;
background: #000;
}
}

@media only screen and (min-width: 40.063em) {
html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .lp-banner-credits-light {
position: absolute;
width: 100%;
bottom: 0;
background: transparent;
}
}
</style>
</div>
<div class="code section">
<script type="text/javascript">
(function(adsk) {
adsk.defer(['jquery'], function($) {
var pcBrand = $('.pc-brand:not(.folded):not(.wd-button):not(local-navigation-outer)').css('color');
$('.svg-icon.pc-brand path').css('fill', pcBrand);
$('.svg-icon.pc-brand polygon').css('fill', pcBrand);
});
}(window.adsk));
</script>
</div>
<div class="code section">
<div style="display: none">
<svg width="0" height="0" style="position:absolute">
<symbol viewBox="0 0 100 100" id="icon-svg-twitter" xmlns="http://www.w3.org/2000/svg">
<path d="M50 10c-22.1 0-40 17.9-40 40s17.9 40 40 40 40-17.9 40-40-17.9-40-40-40zm21.7 31.2v1.3c0 13.3-10.1 28.6-28.6 28.6-5.7 0-11-1.7-15.4-4.5.8.1 1.6.1 2.4.1 4.7 0 9.1-1.6 12.5-4.3-4.4-.1-8.1-3-9.4-7 .6.1 1.2.2 1.9.2.9 0 1.8-.1 2.7-.4-4.6-.9-8.1-5-8.1-9.9v-.1c1.4.8 2.9 1.2 4.6 1.3-2.7-1.8-4.5-4.9-4.5-8.4 0-1.8.5-3.6 1.4-5.1 5 6.1 12.4 10.1 20.7 10.5-.2-.7-.3-1.5-.3-2.3 0-5.6 4.5-10.1 10.1-10.1 2.9 0 5.5 1.2 7.3 3.2 2.3-.5 4.4-1.3 6.4-2.4-.8 2.3-2.3 4.3-4.4 5.6 2-.2 4-.8 5.8-1.6-1.5 2.1-3.2 3.9-5.1 5.3z">
</path>
</symbol>
<symbol viewBox="0 0 100 100" id="icon-svg-facebook" xmlns="http://www.w3.org/2000/svg">
<path d="M50 10.2c-22.1 0-40 17.9-40 40C10 70.4 24.9 87 44.3 89.8V61.5H34.2V49.8h10.1v-8.6c0-10 6.1-15.5 15.1-15.5 4.3 0 8 .3 9 .5v10.5h-6.2c-4.9 0-5.8 2.3-5.8 5.7v7.5H68l-1.5 11.7H56.4v28.2C75.4 86.6 90 70.1 90 50.2c0-22.1-17.9-40-40-40z">
</path>
</symbol>
<symbol viewBox="0 0 100 100" id="icon-svg-linkedin" xmlns="http://www.w3.org/2000/svg">
<path d="M54.1 44zM50 10c-22.1 0-40 17.9-40 40s17.9 40 40 40 40-17.9 40-40-17.9-40-40-40zM39.9 67.6h-9.1V40h9.1v27.6zm-4.6-31.3c-3.1 0-5.1-2.1-5.1-4.8 0-2.7 2-4.8 5.2-4.8 3.1 0 5.1 2.1 5.1 4.8 0 2.7-2 4.8-5.2 4.8zm37.6 31.3h-9.1V52.8c0-3.7-1.3-6.2-4.6-6.2-2.5 0-4 1.7-4.7 3.3-.2.6-.3 1.4-.3 2.2v15.4H45s.1-24.9 0-27.5h9.1v3.9c1.2-1.9 3.4-4.5 8.2-4.5 6 0 10.5 3.9 10.5 12.4v15.8z">
</path>
</symbol>
<symbol viewBox="0 0 100 100" id="icon-svg-email" xmlns="http://www.w3.org/2000/svg">
<path d="M50 10c-22.1 0-40 17.9-40 40s17.9 40 40 40 40-17.9 40-40-17.9-40-40-40zM28 39.9L39.7 50 28 60.2V39.9zm0 25.2l14.6-12.6 7.4 6.4 7.4-6.4L72 65.1H28zm44-4.9L60.3 50 72 39.9v20.3zm0-25.3L50 54 28 34.9h44z">
</path>
</symbol>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="pattern-body-content parsys">
<div class="decorative-box section">
<div class="lp-2col-right wd-pv-64" style="background-color: #ffffff;">
<div class="box-content parsys">
<div class="responsive-grid section">
<div class="row wd-ph-20">
<div class="medium-8 large-5 grid-columns">
<div class="responsive-column-0 responsive-column">
<div class="wd-pr-24-sm">
<div class="column-content parsys">
<div class="image parbase section"><img src="https://damassets.autodesk.net/content/dam/autodesk/draftr/5865/cropped-1549990892.jpg" alt="Register for DevDays Online" class="cq-dd-image"></div>
</div>
</div>
</div>
</div>
<div class="large-6 end grid-columns">
<div class="responsive-column-1 responsive-column">
<div class="wd-pr-16-sm wd-ml-32-lg">
<div class="column-content parsys">
<div class="heading section">
<h2 class="pc-brand wd-normal wd-font-34">Register for DevDays Online</h2> </div>
<div class="text section">
<p class="wd-light wd-font-19 wd-mt-6">These DevDays Online webinars are open to all audiences. If you would like to sign up for our webinars for ADN members only, please log in to the Autodesk Developer Network, or <a href="https://www.autodesk.com/developer-network/overview">learn more</a> about how to become a member.</p>
<p class="wd-light wd-font-19 wd-mt-6">All webinars start at 8 AM PST (4 PM GMT, 5 PM CET, 11 AM EST).</p>
<p class="wd-light wd-font-19 wd-mt-6">If you are unable to attend these webinars live, a recording will be made available for later viewing. Registration is open to all except where noted.</p>
<p class="wd-light wd-font-19 wd-mt-6"> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="code section">
<style>
.lp-2col-right {
background-color: #f5f5f5;
}

/* draftr custom */
.lp-2col-right .wp-btn-grey {
background: #ddd !important;
box-shadow: 2px 2px #999 !important;
}

.lp-2col-right .wp-btn-grey:hover {
background: #a6a6a6 !important;
}

.lp-2col-right .wp-btn-grey span {
color: #444 !important;
}

.lp-2col-right .wp-btn-line-grey {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #999 !important;
transition: border 0.2s;
}

.lp-2col-right .wp-btn-line-grey:hover {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #b3b3b3 !important;
}

.lp-2col-right .wp-btn-line-grey span {
color: #999 !important;
transition: color 0.2s;
}

.lp-2col-right .wp-btn-line-grey:hover span {
color: #b3b3b3 !important;
}

.lp-2col-right .wp-btn-line-blue {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #FAA21B !important;
transition: border 0.2s;
}

.lp-2col-right .wp-btn-line-blue:hover {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #dd8805 !important;
}

.lp-2col-right .wp-btn-line-blue span {
color: #FAA21B !important;
transition: color 0.2s;
}

.lp-2col-right .wp-btn-line-blue:hover span {
color: #dd8805 !important;
}

.lp-2col-right .svg-icon{
height: 25px !important;
width: 25px !important;
margin-right: 4px;
}

.lp-2col-right a.link-icon{
border-bottom: none !important;
}

/* /draftr custom */

.lp-2col-right p {
max-width: 690px;
}

.lp-2col-right img {
width: 100%;
}

.lp-2col-right .grid-columns:nth-of-type(1) {
padding-bottom: 24px;
}

@media only screen and (min-width: 64.063em) {
lp-2col-right .grid-columns:nth-of-type(1) {
padding-bottom: 0px;
}
}
</style>
</div>
</div>
</div>
</div>
</div>

<div class="pattern-body-content parsys">
<div class="decorative-box section">
<div class="lp-2col-left wd-pv-64" style="background-color: #ffffff;">
<div class="box-content parsys">
<div class="responsive-grid section">
<div class="row wd-ph-20">
<div class="large-6 grid-columns">
<div class="responsive-column-0 responsive-column">
<div class="wd-pr-16-sm wd-mr-32-lg">
<div class="column-content parsys">
<div class="heading section">
<h2 class="pc-brand wd-normal wd-font-34">DevDays Keynotes</h2>
</div>
<div class="text section">
<p class="wd-light wd-font-19 wd-mt-6"><strong>TUESDAY, MARCH 2</strong></p>
<p class="wd-light wd-font-19 wd-mt-6">Jim Quanci, Senior Director for Developer Advocacy & Support, kicks off our DevDays online webinar series with a "state of the union" presentation on Autodesk’s strategic direction—including the latest news for desktop developers, the growth of Autodesk’s cloud-based business, Forge strategy, the Autodesk App Store, and more.</p>
<p class="wd-light wd-font-19 wd-mt-6"> </p>
</div>
<div class="button section">
<a href="https://autodesk.zoom.us/webinar/register/WN_gWKcZ9miQaWPsLL8MQkn-w" class="wd-button pc-brand wp-btn-line-blue wd-uppercase" data-wat-link="true" data-wat-loc="content-2-columns-left"><!--
--><span>Sign up</span><!--
--><span><i class="icon-arrow-button"></i></span><!--
--></a>
</div>
</div>
</div>
</div>
</div>
<div class="medium-8 large-5 end grid-columns">
<div class="responsive-column-1 responsive-column">
<div class="wd-pr-24-sm">
<div class="column-content parsys">
<div class="image parbase section"><img src="https://damassets.autodesk.net/content/dam/autodesk/draftr/5865/cropped-1549926071.jpg" alt="" class="cq-dd-image"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="code section">
<style>
/* draftr custom */
.lp-2col-left .wp-btn-grey {
background: #ddd !important;
box-shadow: 2px 2px #999 !important;
}

.lp-2col-left .wp-btn-grey:hover {
background: #a6a6a6 !important;
}

.lp-2col-left .wp-btn-grey span {
color: #444 !important;
}

.lp-2col-left .wp-btn-line-grey {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #999 !important;
transition: border 0.2s;
}

.lp-2col-left .wp-btn-line-grey:hover {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #b3b3b3 !important;
}

.lp-2col-left .wp-btn-line-grey span {
color: #999 !important;
transition: color 0.2s;
}

.lp-2col-left .wp-btn-line-grey:hover span {
color: #b3b3b3 !important;
}

.lp-2col-left .svg-icon{
height: 25px !important;
width: 25px !important;
margin-right: 4px;
}

.lp-2col-left a.link-icon{
border-bottom: none !important;
}

.lp-2col-left .wp-btn-line-blue {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #FAA21B !important;
transition: border 0.2s;
}

.lp-2col-left .wp-btn-line-blue:hover {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #dd8805 !important;
}

.lp-2col-left .wp-btn-line-blue span {
color: #FAA21B !important;
transition: color 0.2s;
}

.lp-2col-left .wp-btn-line-blue:hover span {
color: #dd8805 !important;
}

/* /draftr custom */

.lp-2col-left p {
max-width: 690px;
}

.lp-2col-left img {
width: 100%
}

.lp-2col-left .grid-columns:nth-of-type(1) {
padding-bottom: 24px;
}

@media only screen and (min-width: 64.063em) {
.lp-2col-left .grid-columns:nth-of-type(1) {
padding-bottom: 0px;
}
}
</style>
</div>
</div>
</div>
</div>
</div>

<div class="pattern-body-content parsys">
<div class="decorative-box section">
<div class="lp-2col-right wd-pv-64" style="background-color: #ffffff;">
<div class="box-content parsys">
<div class="responsive-grid section">
<div class="row wd-ph-20">
<div class="medium-8 large-5 grid-columns">
<div class="responsive-column-0 responsive-column">
<div class="wd-pr-24-sm">
<div class="column-content parsys">
<div class="image parbase section"><img src="https://damassets.autodesk.net/content/dam/autodesk/draftr/5865/cropped-1549926104.jpg" alt="" class="cq-dd-image"></div>
</div>
</div>
</div>
</div>
<div class="large-6 end grid-columns">
<div class="responsive-column-1 responsive-column">
<div class="wd-pr-16-sm wd-ml-32-lg">
<div class="column-content parsys">
<div class="heading section">
<h2 class="pc-brand wd-normal wd-font-34">Forge API update</h2> </div>
<div class="text section">
<p class="wd-light wd-font-19 wd-mt-6"><strong>WEDNESDAY, MARCH 3</strong></p>
<p class="wd-light wd-font-19 wd-mt-6">Tune to to this update from Augusto Goncalves, Forge Advocate Manager, to learn about all the new and updated APIs added to the Forge platform during the last year, in detail.</p>
</div>
<div class="button section">
<a href="https://autodesk.zoom.us/webinar/register/WN_unMOWlS_QIWa5zFHsToEvw" class="wd-button pc-brand wp-btn-line-blue wd-uppercase" data-wat-link="true" data-wat-loc="content-2-columns-right"><!--
--><span>Sign up</span><!--
--><span><i class="icon-arrow-button"></i></span><!--
--></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="code section">
<style>
.lp-2col-right {
background-color: #f5f5f5;
}

/* draftr custom */
.lp-2col-right .wp-btn-grey {
background: #ddd !important;
box-shadow: 2px 2px #999 !important;
}

.lp-2col-right .wp-btn-grey:hover {
background: #a6a6a6 !important;
}

.lp-2col-right .wp-btn-grey span {
color: #444 !important;
}

.lp-2col-right .wp-btn-line-grey {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #999 !important;
transition: border 0.2s;
}

.lp-2col-right .wp-btn-line-grey:hover {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #b3b3b3 !important;
}

.lp-2col-right .wp-btn-line-grey span {
color: #999 !important;
transition: color 0.2s;
}

.lp-2col-right .wp-btn-line-grey:hover span {
color: #b3b3b3 !important;
}

.lp-2col-right .wp-btn-line-blue {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #FAA21B !important;
transition: border 0.2s;
}

.lp-2col-right .wp-btn-line-blue:hover {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #dd8805 !important;
}

.lp-2col-right .wp-btn-line-blue span {
color: #FAA21B !important;
transition: color 0.2s;
}

.lp-2col-right .wp-btn-line-blue:hover span {
color: #dd8805 !important;
}

.lp-2col-right .svg-icon{
height: 25px !important;
width: 25px !important;
margin-right: 4px;
}

.lp-2col-right a.link-icon{
border-bottom: none !important;
}

/* /draftr custom */

.lp-2col-right p {
max-width: 690px;
}

.lp-2col-right img {
width: 100%;
}

.lp-2col-right .grid-columns:nth-of-type(1) {
padding-bottom: 24px;
}

@media only screen and (min-width: 64.063em) {
lp-2col-right .grid-columns:nth-of-type(1) {
padding-bottom: 0px;
}
}
</style>
</div>
</div>
</div>
</div>
</div>

<div class="pattern-body-content parsys">
<div class="decorative-box section">
<div class="lp-2col-left wd-pv-64" style="background-color: #ffffff;">
<div class="box-content parsys">
<div class="responsive-grid section">
<div class="row wd-ph-20">
<div class="large-6 grid-columns">
<div class="responsive-column-0 responsive-column">
<div class="wd-pr-16-sm wd-mr-32-lg">
<div class="column-content parsys">
<div class="heading section">
<h2 class="pc-brand wd-normal wd-font-34">Autodesk Construction Cloud and API update</h2>
</div>
<div class="text section">
<p class="wd-light wd-font-19 wd-mt-6"><strong>THURSDAY, MARCH 4</strong></p>
<p class="wd-light wd-font-19 wd-mt-6">Join Mikako Harada, AEC Technical Lead, to hear the latest news about the Autodesk Construction Cloud unified products and learn about its APIs. We’ll also talk about recent BIM 360 API additions and enhancements.</p>
<p class="wd-light wd-font-19 wd-mt-6"> </p>
</div>
<div class="button section">
<a href="https://autodesk.zoom.us/webinar/register/WN_YMXE1hErSuuCysUFWyDnzQ" class="wd-button pc-brand wp-btn-line-blue wd-uppercase" data-wat-link="true" data-wat-loc="content-2-columns-left"><!--
--><span>Sign up</span><!--
--><span><i class="icon-arrow-button"></i></span><!--
--></a>
</div>
</div>
</div>
</div>
</div>
<div class="medium-8 large-5 end grid-columns">
<div class="responsive-column-1 responsive-column">
<div class="wd-pr-24-sm">
<div class="column-content parsys">
<div class="image parbase section"><img src="https://damassets.autodesk.net/content/dam/autodesk/draftr/5865/cropped-1549926117.jpg" alt="" class="cq-dd-image"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="code section">
<style>
/* draftr custom */
.lp-2col-left .wp-btn-grey {
background: #ddd !important;
box-shadow: 2px 2px #999 !important;
}

.lp-2col-left .wp-btn-grey:hover {
background: #a6a6a6 !important;
}

.lp-2col-left .wp-btn-grey span {
color: #444 !important;
}

.lp-2col-left .wp-btn-line-grey {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #999 !important;
transition: border 0.2s;
}

.lp-2col-left .wp-btn-line-grey:hover {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #b3b3b3 !important;
}

.lp-2col-left .wp-btn-line-grey span {
color: #999 !important;
transition: color 0.2s;
}

.lp-2col-left .wp-btn-line-grey:hover span {
color: #b3b3b3 !important;
}

.lp-2col-left .svg-icon{
height: 25px !important;
width: 25px !important;
margin-right: 4px;
}

.lp-2col-left a.link-icon{
border-bottom: none !important;
}

.lp-2col-left .wp-btn-line-blue {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #FAA21B !important;
transition: border 0.2s;
}

.lp-2col-left .wp-btn-line-blue:hover {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #dd8805 !important;
}

.lp-2col-left .wp-btn-line-blue span {
color: #FAA21B !important;
transition: color 0.2s;
}

.lp-2col-left .wp-btn-line-blue:hover span {
color: #dd8805 !important;
}

/* /draftr custom */

.lp-2col-left p {
max-width: 690px;
}

.lp-2col-left img {
width: 100%
}

.lp-2col-left .grid-columns:nth-of-type(1) {
padding-bottom: 24px;
}

@media only screen and (min-width: 64.063em) {
.lp-2col-left .grid-columns:nth-of-type(1) {
padding-bottom: 0px;
}
}
</style>
</div>
</div>
</div>
</div>
</div>

<div class="pattern-body-content parsys">
<div class="decorative-box section">
<div class="lp-banner-container">
<div class="box-content parsys">
<div class="decorative-box section">
<div class="lp-banner-xlarge wd-pb-48" style="background-color: #444444; background-image: url('https://damassets.autodesk.net/content/dam/autodesk/draftr/5865/cropped-1547822156.jpg');">
<div class="box-content parsys">
<div class="responsive-grid section">
<div class="row wd-ph-20">
<div class="wp-banner-card grid-columns">
<div class="responsive-column-0 responsive-column">
<div class="wd-mr-16 wd-pb-24 wd-bbw-1 wp-bc-medium-grey">
<div class="column-content parsys">
<div class="heading section">
</div>
<div class="heading section">
<h1 class="wd-uppercase wd-color-white wd-font-50 wd-mv-0 wd-normal">Join the Autodesk Developer Network</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="responsive-grid section">
<div class="row wd-ph-20">
<div class="wp-banner-card grid-columns">
<div class="responsive-column-0 responsive-column">
<div class="wd-mr-16 wd-pt-32">
<div class="column-content parsys">
<div class="text section">
<p class="wd-mt-0 wd-mb-20 wd-font-19 wd-color-gray-80">Some of the DevDays Online webinars are only accessible to ADN Members. Learn more about becoming a member of the Autodesk Developer Network below.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="responsive-grid section">
<div class="row wd-ph-20">
<div class="medium-10 grid-columns">
<div class="medium-6 large-4 grid-columns">
<div class="responsive-column-0 responsive-column">
<div class="column-content parsys">
<div class="responsive-grid section">
<div class="row">
<div class="medium-12 grid-columns">
<div class="responsive-column-0 responsive-column">
<div class="wd-pr-8-md wd-pr-8-lg wd-mb-6">
<div class="column-content parsys">
<div class="button section">
<a href="https://www.autodesk.com/developer-network/overview" class="wd-button wd-button-responsive wd-uppercase pc-brand" data-wat-link="true" data-wat-loc="banner-large"><!--
--><span>Become an ADN member</span><!--
--><span><i class="icon-arrow-button"></i></span><!--
--></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="code section">
<style>
.lp-banner-xlarge {
background-size: cover;
padding-top: 94px;
min-height: 620px;
}

.lp-banner-xlarge .responsive-grid.section {
position: relative;
}

.lp-banner-xlarge .responsive-grid.section,
.lp-banner-credits-light {
z-index: 7;
}

.wp-banner-card {
max-width: 600px;
}

.lp-banner-xlarge a:not(.wd-button) {
border-bottom: none !important;
}

.wp-bc-medium-grey {
border-color: #666 !important;
}

.lp-banner-xlarge .wp-btn-grey {
background: #ddd !important;
box-shadow: 2px 2px #999 !important;
}

.lp-banner-xlarge .wp-btn-grey:hover {
background: #a6a6a6 !important;
}

.lp-banner-xlarge .wp-btn-grey span {
color: #444 !important;
}

.lp-banner-xlarge .wp-btn-line-grey {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #999 !important;
transition: border 0.2s;
}

.lp-banner-xlarge .wp-btn-line-grey:hover {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #b3b3b3 !important;
}

.lp-banner-xlarge .wp-btn-line-grey span {
color: #999 !important;
transition: color 0.2s;
}

.lp-banner-xlarge .wp-btn-line-grey:hover span {
color: #b3b3b3 !important;
}

.lp-banner-xlarge .wp-btn-line-blue {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #FAA21B !important;
transition: border 0.2s;
}

.lp-banner-xlarge .wp-btn-line-blue:hover {
background: transparent !important;
box-shadow: none !important;
border: 2px solid #dd8805 !important;
}

.lp-banner-xlarge .wp-btn-line-blue span {
color: #FAA21B !important;
transition: color 0.2s;
}

.lp-banner-xlarge .wp-btn-line-blue:hover span {
color: #dd8805 !important;
}

.lp-banner-xlarge .svg-icon {
height: 30px !important;
width: 30px !important;
margin-right: 4px;
margin-top: 5px;
fill: #666;
}

html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .lp-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}

html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .lp-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}

.lp-banner-social .social-share {
margin-left: -4px;
}

@media only screen and (min-width: 40.063em) {
.lp-banner-social .text,
.lp-banner-social .social-share {
display: table-cell;
vertical-align: middle;
}
.lp-banner-social .social-share {
margin-left: 0px;
}
}

.lp-banner-xlarge .social-share svg {
height: 37px;
width: 37px;
fill: #9a9a9a;
transition: fill 0.2s;
}

.lp-banner-xlarge .social-share svg:hover {
fill: #fff;
}

html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .lp-overlay.wp-light {
background: url('https://damassets.autodesk.net/content/dam/autodesk/www/patterns/visual-overviews/overlay-video-light.png') repeat;
}

html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .lp-overlay.wp-neutral {
background: url('https://damassets.autodesk.net/content/dam/autodesk/www/patterns/visual-overviews/overlay-video-neutral.png') repeat;
}

html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .lp-overlay.wp-dark {
background: url('https://damassets.autodesk.net/content/dam/autodesk/www/patterns/visual-overviews/overlay-video-dark.png') repeat;
}

html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .lp-banner-container {
position: relative;
background: #000;
}

body:not(.cq-wcm-edit) .lp-overlay{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}

@media only screen and (max-width: 40.0629em) {
.lp-banner-credits-light {
padding: 12px 0;
background: #000;
}
}

@media only screen and (min-width: 40.063em) {
html:not(.aem-AuthorLayer-Edit) body:not(.cq-wcm-edit) .lp-banner-credits-light {
position: absolute;
width: 100%;
bottom: 0;
background: transparent;
}
}
</style>
</div>
<div class="code section">
<script type="text/javascript">
(function(adsk) {
adsk.defer(['jquery'], function($) {
var pcBrand = $('.pc-brand:not(.folded):not(.wd-button):not(local-navigation-outer)').css('color');
$('.svg-icon.pc-brand path').css('fill', pcBrand);
$('.svg-icon.pc-brand polygon').css('fill', pcBrand);
});
}(window.adsk));
</script>
</div>
<div class="code section">
<div style="display: none">
<svg width="0" height="0" style="position:absolute">
<symbol viewBox="0 0 100 100" id="icon-svg-twitter" xmlns="http://www.w3.org/2000/svg">
<path d="M50 10c-22.1 0-40 17.9-40 40s17.9 40 40 40 40-17.9 40-40-17.9-40-40-40zm21.7 31.2v1.3c0 13.3-10.1 28.6-28.6 28.6-5.7 0-11-1.7-15.4-4.5.8.1 1.6.1 2.4.1 4.7 0 9.1-1.6 12.5-4.3-4.4-.1-8.1-3-9.4-7 .6.1 1.2.2 1.9.2.9 0 1.8-.1 2.7-.4-4.6-.9-8.1-5-8.1-9.9v-.1c1.4.8 2.9 1.2 4.6 1.3-2.7-1.8-4.5-4.9-4.5-8.4 0-1.8.5-3.6 1.4-5.1 5 6.1 12.4 10.1 20.7 10.5-.2-.7-.3-1.5-.3-2.3 0-5.6 4.5-10.1 10.1-10.1 2.9 0 5.5 1.2 7.3 3.2 2.3-.5 4.4-1.3 6.4-2.4-.8 2.3-2.3 4.3-4.4 5.6 2-.2 4-.8 5.8-1.6-1.5 2.1-3.2 3.9-5.1 5.3z">
</path>
</symbol>
<symbol viewBox="0 0 100 100" id="icon-svg-facebook" xmlns="http://www.w3.org/2000/svg">
<path d="M50 10.2c-22.1 0-40 17.9-40 40C10 70.4 24.9 87 44.3 89.8V61.5H34.2V49.8h10.1v-8.6c0-10 6.1-15.5 15.1-15.5 4.3 0 8 .3 9 .5v10.5h-6.2c-4.9 0-5.8 2.3-5.8 5.7v7.5H68l-1.5 11.7H56.4v28.2C75.4 86.6 90 70.1 90 50.2c0-22.1-17.9-40-40-40z">
</path>
</symbol>
<symbol viewBox="0 0 100 100" id="icon-svg-linkedin" xmlns="http://www.w3.org/2000/svg">
<path d="M54.1 44zM50 10c-22.1 0-40 17.9-40 40s17.9 40 40 40 40-17.9 40-40-17.9-40-40-40zM39.9 67.6h-9.1V40h9.1v27.6zm-4.6-31.3c-3.1 0-5.1-2.1-5.1-4.8 0-2.7 2-4.8 5.2-4.8 3.1 0 5.1 2.1 5.1 4.8 0 2.7-2 4.8-5.2 4.8zm37.6 31.3h-9.1V52.8c0-3.7-1.3-6.2-4.6-6.2-2.5 0-4 1.7-4.7 3.3-.2.6-.3 1.4-.3 2.2v15.4H45s.1-24.9 0-27.5h9.1v3.9c1.2-1.9 3.4-4.5 8.2-4.5 6 0 10.5 3.9 10.5 12.4v15.8z">
</path>
</symbol>
<symbol viewBox="0 0 100 100" id="icon-svg-email" xmlns="http://www.w3.org/2000/svg">
<path d="M50 10c-22.1 0-40 17.9-40 40s17.9 40 40 40 40-17.9 40-40-17.9-40-40-40zM28 39.9L39.7 50 28 60.2V39.9zm0 25.2l14.6-12.6 7.4 6.4 7.4-6.4L72 65.1H28zm44-4.9L60.3 50 72 39.9v20.3zm0-25.3L50 54 28 34.9h44z">
</path>
</symbol>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>


<!-- End Content -->
</div>
<script src="https://damassets.autodesk.net/content/dam/autodesk/javascript/marketoForms/marketoFormAEM.js"></script>
<script>
var brand = window.getComputedStyle(document.querySelector('.pc-brand:not(.folded):not(.wd-button):not(local-navigation-outer)'));
document.querySelectorAll('.svg-icon.pc-brand path').forEach(function(selector){
selector.style.fill = brand.getPropertyValue('color')
})
document.querySelectorAll('.svg-icon.pc-brand polygon').forEach(function(selector){
selector.style.fill = brand.getPropertyValue('color')
})
</script>
</div>

</div><!-- end #content-placeholder (Draftr) -->