Create an 'about-me.html' page

Lab Deliverables

• A HTML page be called 'about-me.html' in a 'labs' folder in your class GitHub repo.
• The page 'title' should be your name
• In the 'body' of the page write 2 short paragraphs about yourself.

Below are instructions

• Open VS Code. Then click 'File' -> New
• Create a subfolder for 'labs' in your class folder on your laptop, then a subfolder there named 'week-02.'
• Save As HTML in the 'week-02' folder with filename your-su-id_about-me.html.
• Create your 'about-me.html' page in that folder by manually typing the basic HTML skeleton code -- 'html' 'head' 'title' 'body' 'h1'. (Notice that VS Code automatically creates the corresponding closing tag.)
• Enter your name in the 'title' tag and the 'h1' tag.
• Next, create a paragraph i.e. 'p' tag inside the 'body' element and write something about yourself. Repeat the step to create another paragraph
• Save the file

Viewing the file in your browser

• Open Finder or Windows Explorer and navigate to the working folder where you saved the file.
• You can now double click on the 'about-me.html' or right click the file and go to 'Open with' and choose your web browser.

1. Login to your GitHub account.
2. Click your profile icon at the upper right and select Your Repositories.
• Select the repo where you'll upload your file.
• If your account doesn't yet have any repos, select Create a new repository.
3. Select the repo's Settings tab and scroll down to the GitHub Pages heading, then confirm that your master branch is selected as the site Data Source. If not, follow instructions here to make that selection now.
4. Copy the GitHub Pages address above the data source selector to a browser window.
5. Close Settings, then select the create new page link or call-to-action (CTA, also known as a "button").
6. Key the following path into the 'Name Your File' input box: /labs/week-02/ then enter the filename as readme.md and enter text 'readme.md' (or other placeholder text) into the editor window.
7. Scroll down and select the Commit changes CTA.
   You should be in the week-02 folder that you created.
8. Select the Upload Files CTA, and either drag-and-drop from Finder or Windows Explorer or click the 'select file' link and navigate on your PC to the folder where you saved your about-me.html file, then select it and Submit.
9. Add this path and filename in your browser window address bar, then click Enter: labs/week-02/your-su-id_about-me.html
   Your URL should be formed like this: https://[your-GitHub-user-id].github.io/[your-repo-id]/labs/week-02/your-su-id_about-me.html
10. Admire your first published web page!