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

Portfolio - Hannah #33

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added Extra/aboutme.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Extra/boat.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Extra/book-review.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Extra/cement.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Extra/church.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Extra/face.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Extra/hike.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Extra/hotel.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Extra/hummus.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Extra/open.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Extra/pickle.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Extra/rainier.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Extra/rideshare.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Extra/solar-system.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Extra/space.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Extra/startrly.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions Extra/ 953A5866new.jpg.webloc
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>URL</key>
<string>https://drive.google.com/file/d/1lwGS2N_4iZn19_cdeQb_I4Pzxcrii0M3/view?usp=drive_web</string>
</dict>
</plist>
8 changes: 8 additions & 0 deletions Extra/ 953A5867new-2.jpg.webloc
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>URL</key>
<string>https://drive.google.com/file/d/1rf4SvwVROA4iMDkAaM9VNvQWq_3CQdPE/view?usp=drive_web</string>
</dict>
</plist>
8 changes: 8 additions & 0 deletions Extra/ 953A5872new-3.jpg.webloc
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>URL</key>
<string>https://drive.google.com/file/d/1p2Dq0Z0wjOoVk9W1xv62X38C7EMrqsME/view?usp=drive_web</string>
</dict>
</plist>
8 changes: 8 additions & 0 deletions Extra/ 953A5900new-2.jpg.webloc
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>URL</key>
<string>https://drive.google.com/file/d/1bVUmNTHgA8eCI3V84Ds_qdobV2fOr8J_/view?usp=drive_web</string>
</dict>
</plist>
8 changes: 8 additions & 0 deletions Extra/ 953A5903new-2.jpg.webloc
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>URL</key>
<string>https://drive.google.com/file/d/1sRC6tPbhY5n80VVXz4jyNsLdl2FdTk8Z/view?usp=drive_web</string>
</dict>
</plist>
8 changes: 8 additions & 0 deletions Extra/ 953A5904new-2.jpg.webloc
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>URL</key>
<string>https://drive.google.com/file/d/1EoA54UmGPDCnQnRvVpj6ac0ufexPzwOk/view?usp=drive_web</string>
</dict>
</plist>
8 changes: 8 additions & 0 deletions Extra/ IMG_4180.JPG.webloc
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>URL</key>
<string>https://drive.google.com/file/d/1m3LkYz5jl7R0lRfDj-lPtCkMne0nnuQV/view?usp=drive_web</string>
</dict>
</plist>
8 changes: 8 additions & 0 deletions Extra/ faceshot.jpg.webloc
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>URL</key>
<string>https://drive.google.com/file/d/11bwSJQkS02IdRfuSyZLAjtmf-RgV8aSf/view?usp=drive_web</string>
</dict>
</plist>
77 changes: 77 additions & 0 deletions html/aboutme.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>About Me</title>
<LINK REL=StyleSheet HREF="../styles/aboutme.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="../styles/style.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="../styles/normalize.css" TYPE="text/css" MEDIA=screen>
<link rel="icon" type="image/png" href="https://banner2.kisspng.com/20171127/6ac/oack-tree-png-clipart-picture-5a1c619d2d4556.7124008615118094371854.jpg">
</head>
<body>
<nav id="nav-bar">
<ul>
<li>
Hannah van Seeters
</li>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
</ul>
</nav>
<section class="brick1">
<h1>About Me</h1>
</section>
<section class="info">
<p>
People enthusiast, lover of the outdoors, student in computers and all things code.
I'm a huge fan of great people.
</p>
<p>
I'm just going to keep on typing and see what happpens. Over and Over.
And over again. Here we go.
</p>
<p>
Okayyyyy.
</p>
<p>
I've had all sorts of experiences. I have lived in Kenya opening a hummus business,
backpacked in the appalachians in a wilderness therapy program working with adolescents overcoming drug addictions.
I have also worked closely with local farmers as a produce manager at a local food coop.
</p>
<p>
Follow me on instagram to see all my adventures!
</p>
<a href="#" id="button">Resume</a>
<ul>
<li>
<a href="mailto:[email protected]">
<img class="email" src="http://www.transitionsta.org/wp-content/uploads/2016/12/mail-black-round-icon.png" alt="email icon" /></a>
</li>
<li>
<a href="https://www.linkedin.com/in/hannahvanseeters/">
<img class="linkedin" src="https://png.icons8.com/metro/1600/linkedin.png" alt="linkedin icon"/></a>
</li>
<li>
<a href="https://github.com/hertweckhr1">
<img src="https://cdn.worldvectorlogo.com/logos/github-icon.svg" alt="github icon"/></a>
</li>
<li>
<a href="https://www.instagram.com/wayoftheforest/">
<img class="instagram" src="https://i2.wp.com/www.vectorico.com/wp-content/uploads/2018/02/Instagram-Icon.png?resize=300%2C300" alt="instagram icon" /></a>
</li>
</ul>
</section>
<section class="photospace">
<img src="../extra/space.jpg" alt="self portrait" />
</section>
<section class="brick2">
</section>
</body>
</html>
104 changes: 104 additions & 0 deletions html/blog.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>About Me</title>
<LINK REL=StyleSheet HREF="../styles/blog.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="../styles/style.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="../styles/normalize.css" TYPE="text/css" MEDIA=screen>
<link rel="icon" type="image/png" href="https://banner2.kisspng.com/20171127/6ac/oack-tree-png-clipart-picture-5a1c619d2d4556.7124008615118094371854.jpg">
</head>
<body>
<nav id="nav-bar">
<ul>
<li>
Hannah van Seeters
</li>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="aboutme.html">About Me</a>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
</ul>
</nav>
<h1>Personal Blog</h1>
<main>
<section class="blog1">
<img src="../extra/hike.jpg" alt="hike" />
<section>
<h2>January 7, 2017</h2>
<p>
Integer dapibus sapien nisl, eget congue dui pulvinar eu. Mauris mattis non risus a blandit. In neque enim, elementum quis accumsan non, aliquet vel tortor. Nunc iaculis varius tellus, vitae malesuada lacus tincidunt sed. Sed consequat imperdiet libero, vel posuere mauris aliquet non. Phasellus dignissim eros ac molestie volutpat. Maecenas id quam pretium, feugiat ipsum et, tempus libero. Praesent odio risus, semper eget rutrum lobortis, ullamcorper at purus. In tristique ante ultrices massa vulputate, vel fermentum nisi pretium. Sed hendrerit sagittis interdum. Morbi sagittis tincidunt efficitur. Nam dapibus lacus ac eros ultricies, ac tristique massa aliquet. Suspendisse volutpat, magna eu imperdiet ornare, velit augue sodales libero, eu laoreet leo libero mattis eros. Ut eleifend justo neque, ac rutrum mauris mattis ut. Donec cursus libero viverra eros scelerisque pulvinar. Pellentesque nisi metus, consectetur non elit in, efficitur vehicula tellus.<br>

<br> Nulla mattis dapibus felis. In ac mauris eu mi elementum congue efficitur blandit erat. Nulla neque neque, dapibus eu tortor a, volutpat egestas urna. Pellentesque vel venenatis mauris. Pellentesque luctus, nunc non pharetra molestie, dui nunc condimentum purus, eu consectetur orci dui et libero. Nulla viverra quam nec sem interdum vehicula. Proin feugiat nisl at quam tristique auctor. Nunc laoreet venenatis magna eleifend molestie. Nulla magna augue, ultricies vel fermentum ut, posuere quis orci. Mauris ac convallis ipsum.<br>

<br> Duis accumsan, enim dignissim feugiat pharetra, ex enim congue sem, eu rhoncus sem diam sit amet est. Suspendisse potenti. Suspendisse et diam velit. Nunc fermentum massa felis, quis dictum elit posuere eget. Nunc quis lectus in felis aliquet venenatis eget et lorem. Praesent sed ullamcorper velit, eu eleifend orci. Vivamus mattis placerat magna non vestibulum. In hac habitasse platea dictumst. Maecenas semper, lectus ac porttitor commodo, dui diam tempus arcu, eget cursus massa mi a metus. Ut elementum elit mauris, nec porta erat lobortis eu.
</p>

</section>
</section>
<section class="blog2">
<img src="../extra/boat.jpg" alt="canoe adventure" />
<section>
<h2>September 17, 2017</h2>
<p>
Integer dapibus sapien nisl, eget congue dui pulvinar eu. Mauris mattis non risus a blandit. In neque enim, elementum quis accumsan non, aliquet vel tortor. Nunc iaculis varius tellus, vitae malesuada lacus tincidunt sed. Sed consequat imperdiet libero, vel posuere mauris aliquet non. Phasellus dignissim eros ac molestie volutpat. Maecenas id quam pretium, feugiat ipsum et, tempus libero. Praesent odio risus, semper eget rutrum lobortis, ullamcorper at purus. In tristique ante ultrices massa vulputate, vel fermentum nisi pretium. Sed hendrerit sagittis interdum. Morbi sagittis tincidunt efficitur. Nam dapibus lacus ac eros ultricies, ac tristique massa aliquet. Suspendisse volutpat, magna eu imperdiet ornare, velit augue sodales libero, eu laoreet leo libero mattis eros. Ut eleifend justo neque, ac rutrum mauris mattis ut. Donec cursus libero viverra eros scelerisque pulvinar. Pellentesque nisi metus, consectetur non elit in, efficitur vehicula tellus.<br>

<br> Nulla mattis dapibus felis. In ac mauris eu mi elementum congue efficitur blandit erat. Nulla neque neque, dapibus eu tortor a, volutpat egestas urna. Pellentesque vel venenatis mauris. Pellentesque luctus, nunc non pharetra molestie, dui nunc condimentum purus, eu consectetur orci dui et libero. Nulla viverra quam nec sem interdum vehicula. Proin feugiat nisl at quam tristique auctor. Nunc laoreet venenatis magna eleifend molestie. Nulla magna augue, ultricies vel fermentum ut, posuere quis orci. Mauris ac convallis ipsum.<br>

<br> Duis accumsan, enim dignissim feugiat pharetra, ex enim congue sem, eu rhoncus sem diam sit amet est. Suspendisse potenti. Suspendisse et diam velit. Nunc fermentum massa felis, quis dictum elit posuere eget. Nunc quis lectus in felis aliquet venenatis eget et lorem. Praesent sed ullamcorper velit, eu eleifend orci. Vivamus mattis placerat magna non vestibulum. In hac habitasse platea dictumst. Maecenas semper, lectus ac porttitor commodo, dui diam tempus arcu, eget cursus massa mi a metus. Ut elementum elit mauris, nec porta erat lobortis eu.
</p>

</section>
</section>
<section class="blog3">
<img src="../extra/pickle.jpg" alt="pickling" />
<section>
<h2>August 20, 2017</h2>
<p>
Integer dapibus sapien nisl, eget congue dui pulvinar eu. Mauris mattis non risus a blandit. In neque enim, elementum quis accumsan non, aliquet vel tortor. Nunc iaculis varius tellus, vitae malesuada lacus tincidunt sed. Sed consequat imperdiet libero, vel posuere mauris aliquet non. Phasellus dignissim eros ac molestie volutpat. Maecenas id quam pretium, feugiat ipsum et, tempus libero. Praesent odio risus, semper eget rutrum lobortis, ullamcorper at purus. In tristique ante ultrices massa vulputate, vel fermentum nisi pretium. Sed hendrerit sagittis interdum. Morbi sagittis tincidunt efficitur. Nam dapibus lacus ac eros ultricies, ac tristique massa aliquet. Suspendisse volutpat, magna eu imperdiet ornare, velit augue sodales libero, eu laoreet leo libero mattis eros. Ut eleifend justo neque, ac rutrum mauris mattis ut. Donec cursus libero viverra eros scelerisque pulvinar. Pellentesque nisi metus, consectetur non elit in, efficitur vehicula tellus.<br>

<br> Nulla mattis dapibus felis. In ac mauris eu mi elementum congue efficitur blandit erat. Nulla neque neque, dapibus eu tortor a, volutpat egestas urna. Pellentesque vel venenatis mauris. Pellentesque luctus, nunc non pharetra molestie, dui nunc condimentum purus, eu consectetur orci dui et libero. Nulla viverra quam nec sem interdum vehicula. Proin feugiat nisl at quam tristique auctor. Nunc laoreet venenatis magna eleifend molestie. Nulla magna augue, ultricies vel fermentum ut, posuere quis orci. Mauris ac convallis ipsum.<br>

<br> Duis accumsan, enim dignissim feugiat pharetra, ex enim congue sem, eu rhoncus sem diam sit amet est. Suspendisse potenti. Suspendisse et diam velit. Nunc fermentum massa felis, quis dictum elit posuere eget. Nunc quis lectus in felis aliquet venenatis eget et lorem. Praesent sed ullamcorper velit, eu eleifend orci. Vivamus mattis placerat magna non vestibulum. In hac habitasse platea dictumst. Maecenas semper, lectus ac porttitor commodo, dui diam tempus arcu, eget cursus massa mi a metus. Ut elementum elit mauris, nec porta erat lobortis eu.
</p>

</section>
</section>
<section class="blog4">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Section is a good tag, but I think article might be more specific. Do you agree?

<img src="../extra/rainier.jpg" alt="love" />
<section>
<h2>March 20, 2017</h2>
<p>
Integer dapibus sapien nisl, eget congue dui pulvinar eu. Mauris mattis non risus a blandit. In neque enim, elementum quis accumsan non, aliquet vel tortor. Nunc iaculis varius tellus, vitae malesuada lacus tincidunt sed. Sed consequat imperdiet libero, vel posuere mauris aliquet non. Phasellus dignissim eros ac molestie volutpat. Maecenas id quam pretium, feugiat ipsum et, tempus libero. Praesent odio risus, semper eget rutrum lobortis, ullamcorper at purus. In tristique ante ultrices massa vulputate, vel fermentum nisi pretium. Sed hendrerit sagittis interdum. Morbi sagittis tincidunt efficitur. Nam dapibus lacus ac eros ultricies, ac tristique massa aliquet. Suspendisse volutpat, magna eu imperdiet ornare, velit augue sodales libero, eu laoreet leo libero mattis eros. Ut eleifend justo neque, ac rutrum mauris mattis ut. Donec cursus libero viverra eros scelerisque pulvinar. Pellentesque nisi metus, consectetur non elit in, efficitur vehicula tellus.<br>

<br> Nulla mattis dapibus felis. In ac mauris eu mi elementum congue efficitur blandit erat. Nulla neque neque, dapibus eu tortor a, volutpat egestas urna. Pellentesque vel venenatis mauris. Pellentesque luctus, nunc non pharetra molestie, dui nunc condimentum purus, eu consectetur orci dui et libero. Nulla viverra quam nec sem interdum vehicula. Proin feugiat nisl at quam tristique auctor. Nunc laoreet venenatis magna eleifend molestie. Nulla magna augue, ultricies vel fermentum ut, posuere quis orci. Mauris ac convallis ipsum.<br>

<br> Duis accumsan, enim dignissim feugiat pharetra, ex enim congue sem, eu rhoncus sem diam sit amet est. Suspendisse potenti. Suspendisse et diam velit. Nunc fermentum massa felis, quis dictum elit posuere eget. Nunc quis lectus in felis aliquet venenatis eget et lorem. Praesent sed ullamcorper velit, eu eleifend orci. Vivamus mattis placerat magna non vestibulum. In hac habitasse platea dictumst. Maecenas semper, lectus ac porttitor commodo, dui diam tempus arcu, eget cursus massa mi a metus. Ut elementum elit mauris, nec porta erat lobortis eu.
</p>

</section>

</section>
<section class="blog5">
<img src="../extra/church.jpg" alt="russian church" />
<section>
<h2>February 18, 2016</h2>
<p>
Integer dapibus sapien nisl, eget congue dui pulvinar eu. Mauris mattis non risus a blandit. In neque enim, elementum quis accumsan non, aliquet vel tortor. Nunc iaculis varius tellus, vitae malesuada lacus tincidunt sed. Sed consequat imperdiet libero, vel posuere mauris aliquet non. Phasellus dignissim eros ac molestie volutpat. Maecenas id quam pretium, feugiat ipsum et, tempus libero. Praesent odio risus, semper eget rutrum lobortis, ullamcorper at purus. In tristique ante ultrices massa vulputate, vel fermentum nisi pretium. Sed hendrerit sagittis interdum. Morbi sagittis tincidunt efficitur. Nam dapibus lacus ac eros ultricies, ac tristique massa aliquet. Suspendisse volutpat, magna eu imperdiet ornare, velit augue sodales libero, eu laoreet leo libero mattis eros. Ut eleifend justo neque, ac rutrum mauris mattis ut. Donec cursus libero viverra eros scelerisque pulvinar. Pellentesque nisi metus, consectetur non elit in, efficitur vehicula tellus.<br>

<br> Nulla mattis dapibus felis. In ac mauris eu mi elementum congue efficitur blandit erat. Nulla neque neque, dapibus eu tortor a, volutpat egestas urna. Pellentesque vel venenatis mauris. Pellentesque luctus, nunc non pharetra molestie, dui nunc condimentum purus, eu consectetur orci dui et libero. Nulla viverra quam nec sem interdum vehicula. Proin feugiat nisl at quam tristique auctor. Nunc laoreet venenatis magna eleifend molestie. Nulla magna augue, ultricies vel fermentum ut, posuere quis orci. Mauris ac convallis ipsum.<br>

<br> Duis accumsan, enim dignissim feugiat pharetra, ex enim congue sem, eu rhoncus sem diam sit amet est. Suspendisse potenti. Suspendisse et diam velit. Nunc fermentum massa felis, quis dictum elit posuere eget. Nunc quis lectus in felis aliquet venenatis eget et lorem. Praesent sed ullamcorper velit, eu eleifend orci. Vivamus mattis placerat magna non vestibulum. In hac habitasse platea dictumst. Maecenas semper, lectus ac porttitor commodo, dui diam tempus arcu, eget cursus massa mi a metus. Ut elementum elit mauris, nec porta erat lobortis eu.
</p>

</section>
</section>
</main>

</body>
</html>
59 changes: 59 additions & 0 deletions html/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hannah VS</title>
<LINK REL=StyleSheet HREF="../styles/style.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="../styles/index.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="../styles/normalize.css" TYPE="text/css" MEDIA=screen>
<link rel="icon" type="image/png" href="https://banner2.kisspng.com/20171127/6ac/oack-tree-png-clipart-picture-5a1c619d2d4556.7124008615118094371854.jpg">
</head>
<body>

<nav id="nav-bar">
<ul>
<li>
<a href="index.html">Hannah van Seeters</a>
</li>
<li>
<a href="aboutme.html">About Me</a>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
</ul>
</nav>
<!-- <section id="info">Info</section> -->
<section id="top">
<p>Hannah van Seeters</p>
<p>-Learning and exploring one day at a time-</p>
</section>
<img id="profile-photo" src="https://scontent-sea1-1.xx.fbcdn.net/v/t31.0-8/11157382_10153787971453989_3552450414716542006_o.jpg?_nc_cat=0&oh=20d2bc7a437eafaded7cd3ae636e8766&oe=5C3141FD" alt="profile photo"/>
<footer id="footer">
<section>
<ul>
<li>
<a href="mailto:[email protected]">
<img class="email" src="http://www.transitionsta.org/wp-content/uploads/2016/12/mail-black-round-icon.png" alt="email icon"/></a>
</li>
<li>
<a href="https://www.linkedin.com/in/hannahvanseeters/">
<img class="linkedin" src="https://png.icons8.com/metro/1600/linkedin.png" alt="linkedin icon"/></a>
</li>
<li>
<a href="https://github.com/hertweckhr1">
<img src="https://cdn.worldvectorlogo.com/logos/github-icon.svg" alt="github icon"/></a>
</li>
<li>
<a href="https://www.instagram.com/wayoftheforest/">
<img class="instagram" src="https://i2.wp.com/www.vectorico.com/wp-content/uploads/2018/02/Instagram-Icon.png?resize=300%2C300" alt="instagram icon" /></a>
</li>
</ul>
</section>

</footer>
</body>
</html>
Loading