In this assignment, you will create a personal website and publish it using GitHub pages.
-
Add the HTML for the About page to the
index.html
file -
Add the HTML for the Skills page to the
skills.html
file -
Add the HTML for the Experience page to the
experience.html
file -
Add the HTML for the Education page to the
education.html
file -
Add the HTML for the Interests page to the
interests.html
file -
Use Flexbox and other CSS properties and add them to the
style.css
file so that your pages look like these: -
Change the content so that they represent you (your picture, your education, your experince, etc.)
-
Make sure all the links are working if applicable (for instance, you don't have to add a Pinterest page if you don't have one, but the link to your resume should work)
-
Make sure the website is responsive at least on Desktop and Tablet devices (use
@media
queries for this). Here's an example of how it should react to screen size changes: -
It doesn't matter what threshold you're using for the
@media
query (800px
,600px
, etc.) -
Commit all the changes to the
main
branch and push to the remote repo (here) -
Create a public repo under your personal GitHub account with this name:
<your-github-username-in-small-caps>.github.io
-
Add the new repository as a remote:
git remote add personal <new-personal-github-repo-address>
-
Push your changes to the
main
branch of the new repo:git push personal main
-
Open up a browser and go to
https://<your-github-username>.github.io
. You should be able to see the website (it takes a few minutes) -
Add the address to your webpage to the
PAGE-ADDRESS.md
file -
Commit to the
main
branch and push to the remote repo (here)
- Make sure you save what you had for the About page in the
index.html
page. That's the default page that the browser shows when someone visits your website - Make sure you alter the data on the examples so that the website represents you, not Rick
- Don't use any CSS frameworks for this assignment. You need to write all the CSS yourself
- Use Flexbox for the layout
- Feel free to make minor changes, such as changing colors and font-sizes
- Feel free to add new elements, data, etc.