Build Two Websites With HTML and CSS

Create the index.html page as the home page and learn the basic web page structure with head and body, including title, description, a stylesheet, and view page source.

Edit the body tag, write hello world, save, and run a live cloud9 development site to preview h1 through h6 headings and their opening and closing tags.

Add images with the image tag and a src path, using optional width or height. Create links with anchor tags and anchor text, and open pages in new tabs.

Explore bootstrap, the popular CSS framework that enables quick styling with copy-and-paste components like nav bars, forms, buttons, and tables, using the stable 3.x version.

learn two ways to install bootstrap: download and manually add files or link to bootstrap via your html head, then include the bootstrap css and javascript references on every page.

Create a top navigation bar for a resume site using bootstrap, copy the nav components, fix the javascript link for dropdowns, and customize links between the index and about pages.

Learn to build a bare bones resume page using bootstrap panels, containers, and a nav bar. Create three panels for resume, technical skills, and education, with bold titles.

Learn to build a resume layout using bootstrap's 12-column grid, creating two-column panels with col-md-8 and col-md-4, and apply p tags, em, and strong for justified text.

Organize the programming technical skills into a four-column bootstrap grid, adjust spacing with line breaks and whitespace, and iterate by saving and reloading to refine the panel layout.

Build a panel with HTML and CSS, insert and resize an image, and format text with bold, italic, and line breaks; then preview bootstrap and templates for deployment on Heroku.

Explore how to enhance a plain resume with paid and free HTML templates, preview options on ThemeForest, and simple customization by swapping files, images, and content.

learn how to find and use free html templates, download and unzip a zip package, inspect the assets folder, and prepare the template for your development environment.

Install the free HTML template by creating a blank Cloud9 workspace, uploading the unzipped files with drag and drop, and editing the index page and about section before running.

Tweak the skills section by adjusting progress bars and labels, replace portfolio images, customize the footer and social links, and publish a polished resume-style website using a free template.

Learn how to use git for version control, initialize a repository, commit changes, and push your web project to a free Heroku host for online deployment.

Sign up for a free Heroku account and deploy a web app, noting that the free tier sleeps after 30 minutes and you can upgrade Danos for more traffic.

Push your code from c9 to Heroku, rename your app, and verify deployment while handling procfile and composer.json requirements for a live production site.

Register a custom domain from Namecheap or another registrar. Point it to your Heroku app by adding the domain in Heroku settings and updating DNS records at the registrar.

Wrap up this course by inviting learners to join lifetime access to over 60 coding courses, including HTML and CSS, for a $49 one-time price with the Udemy coupon.