Contents  >

Projects to Complete


Part 1: Building Web Pages



Project 1: How to set up a website

FINISHED HTML FILE

https://ibat-web-dev.github.io/portfolio/how-to-set-up-a-website/basic/index.html

Project 2: Hero Blocks Showcase

FINISHED HTML FILE

https://ibat-web-dev.github.io/portfolio/hero/basic/index.html

Project 3: Smooth Smoothies

FINISHED HTML FILE

https://ibat-web-dev.github.io/portfolio/smoothies/basic/index.html

Project 4: Software Analytics

FINISHED HTML FILE

https://ibat-web-dev.github.io/portfolio/software/basic/index.html

Project 5: Travel Agency

FINISHED HTML FILE

https://ibat-web-dev.github.io/portfolio/travel/basic/index.html

Project 6: Web Design Agency

FINISHED HTML FILE

https://ibat-web-dev.github.io/portfolio/web-agency/basic/index.html

Part 2: Adding Forms to Web Pages



Project 3: Smooth Smoothies

FINISHED HTML FILE

https://ibat-web-dev.github.io/portfolio/smoothies/form/index.html

Project 4: Software Analytics

FINISHED HTML FILE

https://ibat-web-dev.github.io/portfolio/software/form/index.html

Project 5: Travel Agency

FINISHED HTML FILE

https://ibat-web-dev.github.io/portfolio/travel/form/contact-us.html

Project 6: Web Design Agency

FINISHED HTML FILE

https://ibat-web-dev.github.io/portfolio/web-agency/form/contact.html

Part 3: Adding Footers to Web Pages



Project 1: How to set up a website

FINISHED HTML FILES

https://ibat-web-dev.github.io/portfolio/how-to-set-up-a-website/footer/index.html
-or-

https://ibat-web-dev.github.io/portfolio/how-to-set-up-a-website/footer-two/index.html

Project 2: Hero Blocks Showcase

FINISHED HTML FILES

https://ibat-web-dev.github.io/portfolio/hero/footer/index.html
-or-

https://ibat-web-dev.github.io/portfolio/hero/footer-two/index.html

Project 3: Smooth Smoothies

FINISHED HTML FILES

https://ibat-web-dev.github.io/portfolio/smoothies/footer/index.html
-or-

https://ibat-web-dev.github.io/portfolio/smoothies/footer-two/index.html

Project 4: Software Analytics

FINISHED HTML FILES

https://ibat-web-dev.github.io/portfolio/software/footer/index.html
-or-

https://ibat-web-dev.github.io/portfolio/software/footer-two/index.html

Project 5: Travel Agency

FINISHED HTML FILES

https://ibat-web-dev.github.io/portfolio/travel/footer/index.html
-or-

https://ibat-web-dev.github.io/portfolio/travel/footer-two/index.html

Project 6: Web Design Agency

FINISHED HTML FILES

https://ibat-web-dev.github.io/portfolio/web-agency/footer/index.html
-or-

https://ibat-web-dev.github.io/portfolio/web-agency/footer-two/index.html

Part 4: Adding Menus to Web Pages



Project 3: Smooth Smoothies

FINISHED HTML FILES

https://ibat-web-dev.github.io/portfolio/smoothies/menus/index.html

Project 4: Software Analytics

FINISHED HTML FILES

https://ibat-web-dev.github.io/portfolio/software/menus/index.html

Project 5: Travel Agency

FINISHED HTML FILES

https://ibat-web-dev.github.io/portfolio/travel/menus/index.html

Project 6: Web Agency

FINISHED HTML FILES

https://ibat-web-dev.github.io/portfolio/web-agency/menus/index.html

Part 5: Creating your Home, Portfolio, Contact and Privacy Web Pages



Your Personal Website

SAMPLE FINISHED WEBSITE: 1

https://ibat-web-dev.github.io/index-1.html

SAMPLE FINISHED WEBSITE: 2

https://ibat-web-dev.github.io/index-2.html

SAMPLE FINISHED WEBSITE: 3

https://ibat-web-dev.github.io/index-3.html