Introduce yourself to the world

github-learning-lab[bot] commented 4 years ago

Step 5: Add an image

Now, you're going to add an image. You can add an image of yourself or anything else you'd like to feature. You'll also learn how to create descriptive text, or "alt text", for images, and how to create links.

Images

Let's add an image. Don't forget to include descriptive text in the square brackets. This text is read aloud for people using screen readers. It's also shown at times when your image doesn't display, such as when there's a poor connection. You can see the syntax for images below:

![Image of Yaktocat](https://octodex.github.com/images/yaktocat.png)

Image of Yaktocat

:keyboard: Activity: Adding an image

In your shell, checkout to the branch in this pull request:
```
  git checkout add-images-links
```
In your text editor of choice, open the file called 02-image.md, in the _includes directory. In the file, replace the content with the correct Markdown for your image of choice. Don't forget to include alt-text!
Save your file.
Stage your new file:
```
  git add _includes/02-image.md
```
Commit the change and add a commit message:
```
  git commit -m "<YOUR MESSAGE>"
```
Push your new commit to GitHub:
```
  git push
```

Watch below for my response!

yashkumarverma-assistant[bot] commented 4 years ago

Thanks @github-learning-lab[bot], for opening the pull request! 🙌 One of our team-mates will review the pull request soon. ✅

github-learning-lab[bot] commented 4 years ago

Step 6: Add a profile link

Your image looks great! Next, you'll want to add links to your awesome portfolio projects. Links help create context when you’re communicating in issues and pull requests.

You might link to a website, a repository, or even a line of code. To create a link, put the text you want to display in square brackets, and the URL in the following parentheses.

[GitHub](http://github.com)

:keyboard: Activity: Add a link

In your shell, verify that you are currently checked out to the branch add-images-links:
```
  git status
```
If you are not, then checkout to that branch:
```
  git checkout add-images-links
```
In your text editor of choice, open the file called 03-links.md, in the _includes directory. Replace the filler text with a link to your GitHub profile (or anywhere else).
Save your file.
Stage your new file:
```
  git add _includes/03-links.md
```
Commit the change and add a commit message:
```
  git commit -m "<YOUR MESSAGE>"
```
Push your new commit to GitHub:
```
  git push
```

Watch below for my response!

github-learning-lab[bot] commented 4 years ago

Step 7: Merge your image and link

This looks great, @YashKumarVerma! You've created a link to show off your portfolio, and now you can share it with the world.

:keyboard: Activity: Merge the Pull Request

Check out to the master branch:
```
git checkout master
```
Merge your branch:
```
git merge add-images-links
```
Push the merged history to GitHub:
```
git push
```
Delete your the branch locally:
```
git branch -d add-images-links
```

Watch below for my response!

yashkumarverma-assistant[bot] commented 4 years ago

Congratualtions @github-learning-lab[bot], your pull request is merged! 🎉 Thanks for your contributions.🙌

github-learning-lab[bot] commented 4 years ago

Good job with images and links! See your work here: https://yashkumarverma.github.io/markdown-portfolio/

:keyboard: Activity: Delete the branch

Delete your branch in this pull request.

YashKumarVerma / markdown-portfolio