A Gist of the blogpost at https://www.airbridge.ac.nz/2016/10/27/my-portfolio/

my-portfolio.txt

If you are reading this HTML comment I appreciate your efforts to go a bit deeper under the surface of my website and portfolio.

I must give credit to W3Schools for my adaptation of their CSS3 animation at the following URL incorporated into this post: http://www.w3schools.com/css/css3_animations.asp

Silly little CSS animations were something that was fun right at the beginning of my journey into web development and kept me motivated. Ask me about them and Ill know you have taken some time to look over my stuff and have an appreciation for simple fun along the way of gaining harder skills.

-->

<div id="animated_div">
Welcome<span style="font-size:10px;"></span></div>
<br>
[This page is the guide to the portfolio of Morgan Murrah](https://www.airbridge.ac.nz/2016/10/27/my-portfolio/). You may view the raw markdown, HTML and CSS used to render this page at the following link. This post contains links to my major projects and side projects below for ease of use and [maintainability](https://en.wikipedia.org/wiki/Maintainability).

**The menu at the top right contains links to my GitHub and Linkedin and more.**
![](https://cdn4.iconfinder.com/data/icons/dot/128/arrow_up_right.png)

I encourage you to browse some of the other blog posts on my website to see examples of my writing and thought process on topics such as:

* [UX Design](https://www.airbridge.ac.nz/2016/09/12/ux-design-bootcamp-general-assembly-review-morgan-murrah/)
* [Teamwork & use of Trello](https://www.airbridge.ac.nz/2016/10/11/freespot/)
* [My introduction to the Python programming language](https://www.airbridge.ac.nz/2016/08/28/1-day-python-bootcamp-recap/)
* [An update on the Hackathon project in which I won National awards in New Zealand in 2015](https://www.airbridge.ac.nz/2016/08/18/parliamentary-counsel-office-meeting-august/)

### Projects 

* FreeSpot (Group Project, Ruby on Rails, Google Maps API)
 * [Live - Hosted on Heroku](https://freespot.herokuapp.com/)
 * [GitHub](https://github.com/airbr/park4)
* GitFit (Group Project, MEAN Stack, Materialize CSS)
 * [Live - Hosted on Heroku](https://intense-escarpment-84969.herokuapp.com/)
 * [GitHub](https://github.com/airbr/gitfit)
* NZAA Members Association (Individual, 'MEN' Stack, Authentication and Authorization using Passport)
 * [Live - Hosted on Heroku](https://secure-waters-81035.herokuapp.com/)
 * [GitHub](https://github.com/airbr/nzaa-dev)
* WDI Jeopardy (Individual, HTML/CSS/JQuery)
 * [GitHub](https://github.com/airbr/WDI7-Jeopardy)
* HTML Email side-project (Individual, Niche skill)
 * [GitHub](https://github.com/airbr/basic-opportunity-html-email)


##### Past experience / education

[You can find a detailed and evidenced summary of my education and legal background in New Zealand in this blog post](https://www.airbridge.ac.nz/2016/03/03/about/). I am very happy to talk about how valuable and transferrable I consider this to be.


---




<!-- Scraps saved for later

<style>
table, th, td, tr {
    border: 10px solid black;
}
</style>
<table style="width:100%">
  <tr>
    <th>1</th>
    <th>2</th> 
    <th>3</th>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td> 
    <td>3</td>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td> 
    <td>3</td>
  </tr>
</table>

<a href="https://airbridge.ac.nz">
  <img src="https://avatars3.githubusercontent.com/u/18056682?v=3&s=466" alt="HTML tutorial" style="width:42px;height:42px;border:0;">
</a>

-->


<style>
#animated_div {
  width:95px;
  height:30px;
  background: #ff9966;
color: #ffffff;
position: relative;
font-weight:bold;
font-size:20px;
padding:10px;
animation:animated_div 5s 1;
-moz-animation:animated_div 5s 1;
-webkit-animation:animated_div 5s 1;
-o-animation:animated_div 5s 1;
border-radius:5px;
  -webkit-border-radius:5px;
}
@keyframes animated_div
{
0%    {transform: rotate(0deg);left:0px;}
25%   {transform: rotate(20deg);left:0px;}
50%   {transform: rotate(0deg);left:500px;}
55%   {transform: rotate(0deg);left:500px;}
70%   {transform: rotate(0deg);left:500px;background:#1ec7e6;}
100%  {transform: rotate(-360deg);left:0px;}
}
@-webkit-keyframes animated_div
{
0%    {-webkit-transform: rotate(0deg);left:0px;}
25%   {-webkit-transform: rotate(20deg);left:0px;}
50%   {-webkit-transform: rotate(0deg);left:500px;}
55%   {-webkit-transform: rotate(0deg);left:500px;}
70%   {-webkit-transform: rotate(0deg);left:500px;background:#1ec7e6;}
100%  {-webkit-transform: rotate(-360deg);left:0px;}
}
@-moz-keyframes animated_div
{
0%   {-moz-transform: rotate(0deg);left:0px;}
25%  {-moz-transform: rotate(20deg);left:0px;}
50%  {-moz-transform: rotate(0deg);left:500px;}
55%  {-moz-transform: rotate(0deg);left:500px;}
70%  {-moz-transform: rotate(0deg);left:500px;background:#1ec7e6;}
100% {-moz-transform: rotate(-360deg);left:0px;}
}
@-o-keyframes animated_div
{
0%   {transform: rotate(0deg);left:0px;}
25%  {transform: rotate(20deg);left:0px;}
50%  {transform: rotate(0deg);left:500px;}
55%  {transform: rotate(0deg);left:500px;}
70%  {transform: rotate(0deg);left:500px;background:#1ec7e6;}
100% {transform: rotate(-360deg);left:0px;}
}
</style>