Bret readme

README.md

@@ -1,4 +1,169 @@
-## About Me 
+<div id="top"></div>
+<!-- PROJECT SHIELDS -->
+<!--
+*** https://www.markdownguide.org/basic-syntax/#reference-style-links
+-->
+<!--
+[![Contributors][contributors-shield]][contributors-url]
+[![Forks][forks-shield]][forks-url]
+[![Stargazers][stars-shield]][stars-url]
+[![Issues][issues-shield]][issues-url]
+[![MIT License][license-shield]][license-url]
+[![LinkedIn][linkedin-shield]][linkedin-url]
+-->
 
-* This website is a static HTML website using semantic tags and minimal CSS. 
-* It is currently hosted on Github Pages.
+<img src="https://img.shields.io/badge/HTML-orange"/>
+<img src="https://img.shields.io/badge/CSS-yellow"/>
+
+
+<!-- PROJECT LOGO -->
+<br />
+<div align="center">
+  <!--
+  <a href="https://github.com/github_username/repo_name">
+    <img src="images/logo.png" alt="Logo" width="80" height="80">
+  </a>
+  -->
+
+<h2 align="center">About Me - prework</h2>
+  <p align="center">
+    This website is a static HTML website using semantic tags and minimal CSS.
+    <br />
+    <br />
+    <a href="https://bretpeters3n.github.io/prework-about-me/">View Demo</a>
+  </p>
+</div>
+
+
+<!--
+Here's a blank template to get started: To avoid retyping too much info. Do a search and replace with your text editor for the following: `github_username`, `repo_name`, `twitter_handle`, `linkedin_username`, `email`, `email_client`, `project_title`, `project_description`
+-->
+
+
+<!-- TABLE OF CONTENTS -->
+<details>
+  <summary>Table of Contents</summary>
+  <ul>
+    <li>
+      <a href="#overview">Overview</a>
+      <ul>
+        <li><a href="#built-with">Built With</a></li>
+      </ul>
+    </li>
+    <li>
+      <a href="#getting-started">Getting Started</a>
+      <ul>
+        <li><a href="#prerequisites">Prerequisites</a></li>
+        <li><a href="#installation">Installation</a></li>
+      </ul>
+    </li>
+    <li><a href="#author">Author</a></li>
+    <li><a href="#preview">Preview</a></li>
+    <li><a href="#demo">Demo</a></li>
+    <li><a href="#testing">Testing</a></li>
+    <li><a href="#contributing">Contributing</a></li>
+    <li><a href="#license">License</a></li>
+    <li><a href="#contact">Contact</a></li>
+    <li><a href="#acknowledgments">Acknowledgments</a></li>
+  </ul>
+</details>
+
+
+<!-- OVERVIEW -->
+## Overview
+This website is a static HTML website using semantic tags and minimal CSS. This project is part of the learning experience on my journey to become a Full Stack Web Developer. 
+
+
+<!-- BUILT WITH -->
+### Built With
+* HTML
+* CSS
+
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+
+<!-- AUTHORS -->
+## Author
+- Bret Petersen: [bretpeters3n](https://github.com/bretpeters3n)
+
+
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+
+<!-- PREVIEW -->
+## Preview
+![image](./img/screenshot.jpg)
+
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+
+<!-- DEMO -->
+## Demo
+[View Demo](https://bretpeters3n.github.io/prework-about-me/)
+
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+
+<!-- GETTING STARTED -->
+## Getting Started
+These are instructions on setting up this project locally on your machine. To get a local copy up and running follow these simple example steps.
+
+
+### Prerequisites
+N/A
+
+
+### Installation
+1. Clone the repo
+   ```sh
+   git clone https://github.com/bretpeters3n/prework-about-me.git
+   ```
+2. Open the `index.html` file in your favorite web browser.
+
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+
+## Testing
+No testing has been set up yet.
+
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+
+<!-- CONTRIBUTING -->
+## Contributing
+
+Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
+
+If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
+Don't forget to give the project a star! Thanks again!
+
+1. Fork the Project
+2. Create your Feature Branch (`git checkout -b feature/YourAmazingFeature`)
+3. Commit your Changes (`git commit -m 'Add some YourAmazingFeature'`)
+4. Push to the Branch (`git push origin feature/YourAmazingFeature`)
+5. Open a Pull Request
+
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+
+<!-- LICENSE -->
+## License
+N/A
+
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+
+<!-- QUESTIONS -->
+## Contact
+Need a contact or have questions about this project? Please review the GitHub repo at [About Me - prework](https://github.com/bretpeters3n/prework-about-me) or contact one of the authors on Github.
+
+<p align="right">(<a href="#top">back to top</a>)</p>
+
+
+<!-- ACKNOWLEDGMENTS -->
+## Acknowledgments
+
+* N/A
+
+
+<p align="right">(<a href="#top">back to top</a>)</p>

index.html

@@ -13,21 +13,21 @@
 <body>
     <header class='masthead'>
         <p class='masthead-intro'>Hi I'm</p>
-        <h1 class='masthead-heading'>Your Name Here</h1>
+        <h1 class='masthead-heading'>Bret Petersen</h1>
     </header>
     <section class="details">
       <h1>Introduction</h1>
-      <p>Details here...</p>
+      <p>I am a software developer.</p>
       <h1>Where I'm From</h1>
-      <p>Details here...</p>
+      <p>Brainerd, MN</p>
       <h1>What are your favorite hobbies?</h1>
-      <p>Details here...</p>
+      <p>Biking, yoga, true crime.</p>
       <h1>What's your dream job?</h1>
-      <p>Details here...</p>
+      <p>Remote application developer.</p>
       <h1>Where do you live?</h1>
-      <p>Details here...</p>
+      <p>Minneapolis, MN</p>
       <h1>Why do you want to be a web developer?</h1>
-      <p>Details here...</p>
+      <p>I have ideas that I would like to make happen using code :)</p>
     </section>
 
     <footer id="footer">