diff --git a/README.md b/README.md
index 933cd500b..41dc2eb1e 100644
--- a/README.md
+++ b/README.md
@@ -65,9 +65,9 @@ Present the elements on the page as you see fit by using the following at least
Both of these containers do not need to be on the same page. Try using one for one page, and the other for another page!
-If you need some inspiration, here are two common layouts you can replicate
+If you need some inspiration, here are two common layouts you can replicate
-![Personal Portfolio Wfireframe Example 1](./assets/personal-portfolio_wireframe1.png)
+![Personal Portfolio Wfireframe Example 1](./assets/personal-portfolio_wireframe1.png)
![Personal Portfolio Wfireframe Example 2](./assets/personal-portfolio_wireframe2.png)
diff --git a/about-me-style-sheet.css b/about-me-style-sheet.css
new file mode 100644
index 000000000..041b814f1
--- /dev/null
+++ b/about-me-style-sheet.css
@@ -0,0 +1,107 @@
+* {margin:0;padding:0;}
+
+.container{
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ grid-template-rows: 1fr 10fr 1fr;
+}
+
+header{
+ background-color: darkgray;
+ grid-column: 1/3;
+ grid-row: 1/2;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+}
+
+h4{
+ color: #FCFBFE;
+ margin-left: 50px;
+ font-size: 25px;
+}
+
+ul{
+ justify-content: end;
+ margin-right: 50px;
+}
+ul li{
+ list-style: none;
+ display: inline;
+ margin-left: 10px;
+ font-size: 15px;
+}
+
+a{
+ color: lightgray;
+ text-decoration: none;
+}
+a:link{
+ text-decoration: none;
+ color: lightgray;
+}
+a:visited{
+ text-decoration: none;
+ color: lightgray;
+}
+a:hover{
+ text-decoration: none;
+ color: #FCFBFE;
+}
+#currentpage{
+ color: #FCFBFE;
+}
+
+section{
+ padding-left: 15px;
+ background-color: #FCFBFE;
+ grid-row: 2/3;
+ grid-column: 1/2;
+ display: grid;
+ align-content: center;
+}
+
+.hi{
+ font-size: 50px;
+ margin-left: 50px;
+ margin-bottom: 20px;
+}
+
+.paragraph{
+ font-size: large;
+ margin-left: 50px;
+ max-width: 500px;
+ height: auto;
+}
+
+.image{
+ background-color: #FCFBFE;
+ grid-row: 2/3;
+ grid-column: 2/3;
+ display: grid;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center;
+}
+
+.pineapple{
+ max-height: 700px;
+ width: auto;
+}
+
+footer{
+ background-color: darkgray;
+ grid-column: 1/3;
+ grid-row: 3/4;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+}
+footer .media{
+ display: inline-block;
+ width: 50px;
+ height: auto;
+ margin: 10px;
+}
\ No newline at end of file
diff --git a/about.html b/about.html
new file mode 100644
index 000000000..812a76441
--- /dev/null
+++ b/about.html
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+ About Me
+
+
+
+
+
+
+ Bio
+
+
+
+
+
+
Hi! I'm Kindra,
+
+ a down to earth girl born and raised in Buffalo, NY (GO BILLS!) who wanted to change the world with travel.
+ So I packed my bags and went to school for International Hotel & Tourism Management.
+ Turns out student loans are expensive; and post graduation instead of changing the world by promoting small town economies via tourism, I started my 7 year career with Marriott.
+
Now don't get me wrong, I loved my time managing front office and housekeeping teams at some of the largest hotels in NYC,
+ but when the pandemic furloughs hit I realized it was my chance to pivot to a career better aligned with my creative and analytical skill sets,
+ SOFTWARE ENGINEERING!
+
I have a passion for continuous learning, process improvement, and coupling analytics with creativity to solve problems.
+ After completing my first course with SheCodes I found software engineering and web development fused my passions beautifully and became addicted!
+
The learning didn't stop there, I'm now a proud C18 Adie with Ada Developers Academy.
+ Check out some of my projects, linked in my portfolio, to see what i've learned along the way. Seeking full time opportunites upon graduation in July 2023.
+
+ This capstone group project was built using JavaScript, HTML, CSS, React, and the Google Sheets API. Deployed with Netlify this web app helps housekeeping managers "gamify" and drive their room cleanliness score metric. Currently used by the New York Marriott Downtown's 100 person Housekeeping team.
+
+
+
+
+
+
+
+
+
+
Landing Page
+
+
This project was built using HTML, CSS, and JavaScript.
+ It is a landing page made from scratch incorporating a user interaction.
+
+
+
+
+
+
+
+
+
Weather App
+
+
+ This project was built using HTML, CSS, API, and Bootstrap.
+ This application can find real time weather and six day forecast using the Open Weather API for any city in the world.
+ Hosted on Netlify.
+
+
+
+
+
+
+
+
+
+
Viewing Party
+
+ This project was built using Python by implementing Python programming fundamentals to create a program that compares users' watched movies,
+ favorite movies, and movies in queue to create new movie recommendations.
+
+
+
+
+
+
+
+
+
+
AdaGrams
+
+ This project was built using Python. Pair programming was practiced with a fellow Adie to create this anagram style game.
+
+
+
+
+
+
+
+
+
+
Swap Meet
+
+ This project was built using Python and object oriented programming principles to create a program to compare vendor
+ inventory lists to facilitate swaps with other vendors' items.
+
+
+
+
+
+
+
+
+
+
Solar System API
+
+ This project was built using Python and SQLAlchemy. Pair programming was practiced with a fellow Adie to build this API to store information
+ about different planets with focus on creating RESTful endpoints for our CRUD operations.
+
+
+
+
+
+
+
+
+
+
Task List API
+
+ This project was built using Python and SQLAlchemy, creating a web API to organize tasks and goals, and integrating
+ an external Slack API to incorporate a slack post feature.
+
+
+
+
+
+
+
+
+
+
JS Adagrams
+
+ This project was built using JavaScript by "translating" my original Adagrams project from Python. Gained experience with test driven development and Jest testing framework.
+
+
+
+
+
+
+
+
+
+
Weather Report
+
+ This pair programming project was built using JavaScript, HTML, CSS, and the OpenWeather API to create an app to display weather for the city the user inputs.
+
+
+
+
+
+
+
+
+
+
React Chatlog
+
+ This project was built using React to build a chat style app that displays a log of chat messages between two people, using static data from a JSON file and incorporating user interaction with a like feature.
+
+
+
+
+
+
+
+
+
+
Full-Stack Inspiration Board
+
+ This pair programming project was built using JavaScript, React, CSS, Flask, PostgreSQL, and Python to create a web app where users can create boards and post inspirational quotes. Users can even "+1" the cards they agree with!
+