Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Introduce yourself to the world #3

Merged
merged 3 commits into from
Oct 13, 2020
Merged

Introduce yourself to the world #3

merged 3 commits into from
Oct 13, 2020

Conversation

github-learning-lab[bot]
Copy link
Contributor

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

⌨️ Activity: Adding an image

  1. As you did before, edit the file in this pull request.
  2. In the file, replace the content in _includes/02-image.md with the correct Markdown for your image of choice. Don't forget to include alt-text!
  3. Commit your changes.

Watch below for my response!

@github-learning-lab
Copy link
Contributor Author

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)

⌨️ Activity: Add a link

  1. Edit the file _includes/03-links.md.
  2. Replace the filler text with a link to your GitHub profile (or anywhere else).

Watch below for my response!

@github-learning-lab
Copy link
Contributor Author

Step 7: Merge your image and link

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

⌨️ Activity: Merge the Pull Request

  1. Click Merge pull request below.

Watch below for my response!

@marckhair marckhair merged commit 775c3a2 into master Oct 13, 2020
@github-learning-lab
Copy link
Contributor Author

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

⌨️ Activity: Delete the branch

  1. Delete your branch in this pull request.

Go to the next activity now!

@marckhair marckhair deleted the add-images-links branch October 13, 2020 21:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants