8. Publish to Netlify

Move from a development environment to production

• https://app.netlify.com/drop

  • Create an account on the site and verify your email address

  • Once logged in, you'll see an area indicated by a dotted line where you can drop a folder

    • If your folder isn't uploading, you may images or other files that are too large. Downsize your images or move unneeded files outside of the bootstrap_project folder

  • Edit your site details so you can change the URL from its randomly-issued name

  • Submit the URL so it can be graded. Remember, if you make further changes, you need to re-publish your site using the following instructions:

Updating your page

You've been seeing your page update on your local machine. That's not on the Internet and the link in your browser won't work on anyone else's machine as it refers to a file on your computer. But we can deploy the website to free host using Netlify.

And then select your site

Go the page that will allow us to update the root folder

Requirements

• All stock content replaced

• A color palette implemented uniformly throughout the page and corresponds with the subject of the site

• Custom header and body fonts that corresponds

• CSS file formatted into sections with color palette written in a comment at the top

• CSS rules overwriting theme styles like btn and bg

• A new section added to the navbar and the body with smooth scroll working to that location

• A new Bootstrap component taken from the documentation

• A new CSS class and ID implemented in the CSS and HTML

• Images (not in conflict with copyright law) successfully added to img folder and added to site