portfolio - project #1webmistrix.com/docs/plove_portfolioprojects.pdfpage 5 of 13 patti love,...

of 13 Patti Love, Portfolio

Project #1

My Portfolio – Patti Love (http://webmistrix.com)

Desktop Display

Modal Window

http://webmistrix.com/


Responsive Display

Responsive Modal

My number one project is my own online portfolio. I discovered CSS Grid and Modal windows for another project and combined them for my portfolio. The modal windows contain links to my front-end projects and technical writing samples. My ULR is http://webmistrix.com, hence the spider web background image. The portfolio is responsive and displays well in mobile devices.

http://webmistrix.com/


Project #2

Company Phone Directory

Desktop Display

Responsive Display

My current employer is a furniture company that relies on the company directory for quick contact information. I found a sample CSS ‘tabbed’ layout and extended the design and functionality to encompass all contact information for the entire company, which is found on each corresponding ‘tab.’ I included the Font Awesome library as well for the ‘phone icon.’ The directory is a page in the company intranet on the Kentico CMS platform. The directory is responsive and displays well on mobile devices.


Project #3

Credit Union Landing Page

Desktop Display


Responsive Display

Responsive Menu

This was a Bootstrap project completed on the Kentico CMS platform for Colonial Bank. I was instrumental in the CSS for the responsive display. The Media Director handed off the initial files and I built the pages and responsive code. I included documentation for the build of future landing pages as well (the documentation is located on my Portfolio under Technical Writing).


Project #4

Tribal Nation Music

Desktop Display

Responsive Display

Tribal Nation Music is the first website I ever created. My best friend, and lead singer, Mike Franklin handed me an HTML book and told me he wanted a website for the band. I created it in AOL Press in 1995. I’ve since re-designed the current site (some pages are not complete as of yet), including responsive code.


Project #5

Love Assisted Living

The Love Assisted Living site was a single page site that I created for my sister’s assisted living facility in August, 2014. I selected the images, font and layout for the site. It was a simple page with a clean, simple format.


Project #6

Company Directory w/CSS Grid & Modal Windows

Desktop Display


Desktop Modal Window


Responsive Display

Responsive Modal Display

This project was completed in the Kentico CMS using HTML, CSS Grid, Flexbox and Modal windows. This project, design and code was something I developed for the company intranet. However, the majority of Users prefer the current Bootstrap directory the company utilizes.


A majority of the current intranet design and development are my creations using the company’s branding colors and user accessibility. The SOPs, Policies page includes an ‘accordion’ JavaScript file for functionality.


A custom ‘calendar’ page utilizing a CSS Grid structure for Employee Anniversaries and Birthdays.

portfolio - project #1webmistrix.com/docs/plove_portfolioprojects.pdfpage 5 of 13 patti love,...

Documents