Haby's Static Site #31
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,62 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <link rel="stylesheet" href="stylesheets/styles.css"> | ||
| <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css"> | ||
| <link rel="stylesheet" type="text/css" | ||
| href="https://fonts.googleapis.com/css?family=Lobster|Harmattan|Josefin+Sans|Abel|Lato|Playfair+Display"> | ||
| <title>About Me</title> | ||
| </head> | ||
|
|
||
| <body id="page3"> | ||
| <header> | ||
| <div class="header-name"> | ||
| <a href="about.html" target="_blank">Haby Randall</a> | ||
| </div> | ||
| <nav class="top-nav"> | ||
| <ul> | ||
| <li class="btn"> <a href="hobby-blog.html" target="_blank">Hobbies</a></li> | ||
| <li class="btn"> <a href="porfolio.html" target="_blank">Porfolio</a></li> | ||
|
There was a problem hiding this comment. link is broken because portfolio is mispelled |
||
| <li class="btn"> <a href="about.html">About Me</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <main> | ||
| <section> | ||
|
There was a problem hiding this comment. section tags may be unnecessary since page is already divided into articles |
||
| <article class="bio"> | ||
| <img src="images/IMG_4566.JPG" /> | ||
|
There was a problem hiding this comment. adding a description under an "alt" attribute to image tags can be helpful in case links to images are broken. |
||
| <div> | ||
| <h2>I'm Haby, a student at Ada Developer's Academy:</h2> | ||
| <p><p>Pellentesque habitant motristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p></p> | ||
| <p><p>Pellentesque habitant moristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p></p> | ||
| </div> | ||
| </article> | ||
| </section> | ||
| <section> | ||
| <article class="likes"> | ||
| <h2>Some Things I love:</h2> | ||
| <div class="img-container"> | ||
| <a href="https://www.beaches.com"><img src="images/2.jpeg" /></a> | ||
| <a href="http://www.thephotoargus.com/"><img src="images/5.jpeg" /></a> | ||
| <a href="http://www.candy.com/"><img src="images/candy.jpeg" /></a> | ||
| <a href="http://www.starbucks.com"><img src="images/coffee.jpeg" /></a> | ||
| </div> | ||
| </article> | ||
| </section> | ||
| </main> | ||
|
|
||
| <footer> | ||
| <div class="left">© Copyright 2017 by Haby Randall</div> | ||
| <div class="right"> | ||
| <ul> | ||
| <li><a href="https://github.com/habypsow" target="_blank" class="github"><i class="fa fa-github" aria-hidden="true"></i></a></li> | ||
| <li><a href="https://www.facebook.com/profile.php?id=12440179" target="_blank" class="facebook"><i class="fa fa-facebook-square" aria-hidden="true"></i></a></li> | ||
| <li><a href="https://www.instagram.com/habsr/?hl=en" target="_blank" class="instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a> | ||
| </li> | ||
| <li><a href="https://twitter.com/" target="_blank" class="twitter"><i class="fa fa-twitter-square" aria-hidden="true"></i></a></li> | ||
| </div> | ||
| </footer> | ||
| </body> | ||
| </html> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project, | ||
| Fort Awesome (https://fortawesome.com). It makes it easy to put the perfect icons on your website. Choose from our awesome, | ||
| comprehensive icon sets or copy and paste your own. | ||
|
|
||
| Please. Check it out. | ||
|
|
||
| -Dave Gandy |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
You might want to rethink using target="_blank" for links to pages of your website since it opens pages into a new tab. Makes sense and super useful for the way you used this for your links to social media sites!