Skip to content

Instantly share code, notes, and snippets.

@juliettech13

juliettech13/html-workshop.html

Last active May 13, 2020 00:40
Show Gist options
  • Save juliettech13/50e5041d7ac8b7466622b264843a16e2 to your computer and use it in GitHub Desktop.
Save juliettech13/50e5041d7ac8b7466622b264843a16e2 to your computer and use it in GitHub Desktop.
Download ZIP
HTML intro - Step 2
Raw
html-workshop.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{ YOUR_WEBSITES_NAME }</title>
</head>
<body>
<img src="images/{ your_image.png }" alt="{ YOUR NAME }">
<h1>{ YOUR_NAME [YOUR FAVORITE EMOJI 👩🏻‍🎤] }</h1>
<h4>{ This is the line people will read most about your website. Use it wisely 👀 }</h4>
<a href="mailto:{ [email protected] }">Contact me</a>
<ul>
<li><a href="https://twitter.com/YOUR_USERNAME">Twitter</a></li>
<li><a href="https://github.com/YOUR_USERNAME">GitHub</a></li>
<li><a href="https://medium.com/@YOUR_USERNAME">Medium</a></li>
<li><a href="https://instagram.com/YOUR_USERNAME">Instagram</a></li>
</ul>
<p>{ INTRO ABOUT <strong>YOU</strong> }</P>
<ul>
<li>
<img src="{ path_to_your_image.png => 'images/software.png' }" alt="code">
<a href="#">software</a>
</li>
<li>
<img src="{ path_to_your_image.png }" alt="writer">
<a href="#">writer</a>
</li>
<li>
<img src="{ path_to_your_image.png }" alt="travel">
<a href="#">travel</a>
</li>
</ul>
<p>This was made for you with 💙 by <a href="https://www.github.com/{ your_username }">{ your_name }</a>.</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment