<section>
<div class="pageheader-dots">
<div class="pageheader-dots__back">← <a href="/">Back to the Design System</a></div>
<div class="pageheader-dots__dots">
<div class="pageheader-dots__wrapper">
<div class="pageheader-dots__container">
<p class="pageheader-dots__top-heading">7/8</p>
<div id="js-pageheader-scene">
<p data-depth="0.2" class="pageheader-dots__main-heading">
Setup Netlify site
</p>
<p data-depth="0.6" class="pageheader-dots__main-heading-shadow">
Setup Netlify site
</p>
</div>
<p class="pageheader-dots__sub-heading">Go to <a href="https://app.netlify.com/start" target="_blank">https://app.netlify.com/start</a>.<br>1. Choose "Github" as provider<br>2. Authorize (if needed)<br>3. Click the "Configure Netlify on Github" button and select "My prototype"
repository<br>4. Click "Deploy site" button.<br>5. Wait for the deploy to finish.</p>
<div class="pageheader-dots__button">
<a href="/components/preview/page-guide-6" title="Previous" class="link-button--ghost" property="url">Previous</a>
<a href="/components/preview/page-guide-8" title="Next" class="link-button" property="url">Next</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
{{> '@pageheader-dots' }}
</section>
{
"pageHeader": {
"top": "7/8",
"main": "Setup Netlify site",
"sub": "Go to <a href=\"https://app.netlify.com/start\" target=\"_blank\">https://app.netlify.com/start</a>.<br>1. Choose \"Github\" as provider<br>2. Authorize (if needed)<br>3. Click the \"Configure Netlify on Github\" button and select \"My prototype\" repository<br>4. Click \"Deploy site\" button.<br>5. Wait for the deploy to finish."
},
"previousButton": {
"url": "/components/preview/page-guide-6",
"title": "Previous",
"text": "Previous"
},
"nextButton": {
"url": "/components/preview/page-guide-8",
"title": "Next",
"text": "Next"
}
}