Skip to content

Migracode-Barcelona/htmlcss-portfolio

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML/CSS Project

📣 This project is one of the most important of the MigraCode curriculum. The need for a portfolio will follow you during your whole web developer career. It will be what makes you stand out to recruiters!

Introduction

  • The idea is to build a personal portfolio, that you can use in the future adding all the projects you will do in this amazing course
  • Here an example

👩‍🔧 To work on the website from inside your CodeSpace or Visual Studio:

Press Ctrl + Shift + P (Cmd + Shift + P on mac) and type: CodeSwing: Open Swing...

Press Enter, when you see /workspaces/htmlcss-zoo/, press Enter again. You should see the website preview on the right!

Steps

The page should NOT use any framework like Bootstrap.

Step 1

This repository should includes a .html page and a linked .css file applies a consistent color scheme to links and text on your page.

You should add:

  • A page header with a title and description for the site.
  • A projects section with three projects, each including a title, summary and a link.

Step 2

  • A page footer containing info about you or the site.

  • Proper use of the semantic HTML tags we discussed.

  • Research the :first-child pseudo-class and use it to style the first article so that it stands out from the others.

  • Commit often (with good meaningful commit messages), and Push to Github regularly.

  • Use the sketch below to guide you towards the layout and content you are trying to achieve. Please note that this is just a sketch - you can choose the colours, fonts and images that you want to use in the page.

Step 3

  • To publish your portfolio online with github.io, you have 2 choices:
    1. Transfer ownership of this repository from Migracode-Barcelona to you and rename it: [your-user-account].github.io
    2. Fork this repository, name it: [your-user-account].github.io
  • Then follow these instructions to make it public!

About

No description, website, or topics provided.

Resources

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published

Languages

  • HTML 74.1%
  • CSS 25.9%