Git Product home page Git Product logo

flfa's Introduction

Four-Legged Friend Adoption Agency

This is a personal website that I decided to created which I had made Ux design templates a year ago. I wanted to showcase my overall skills as a designer and a developer.

Summary

Four-Legged Friend is an adoption agency of homeless animals that are in need of a loving home. In the website there is a picture of a dog poping out of the scene. As you scroll down there is a little description about the company. Puppies, kittens, dogs, and cats will be shown for visuals but also showcase who are available to adopt. Although there will be a serious message in the website, the design are more vibrant with abstract shapes to grab the customer's assistance.

Software used:

Visual Studio Code

What I learn:

I learned how to make a hamburger navigation which I implemented in other projects. How create pop up effects which I implemented in other projects. Parallax effect which I implemented to my portfolio/resume.

Challenges to improve on:

  1. Overlays ontop of picture, while also having content on top of it..
  2. Flexbox

Random Unexpected Challenges:

  1. Hamburger bar Adult animals section names and paragraphs were not functioning properly.
  2. Contact link in the footer would not change in size to match the rest.
  3. Special effects for navigation would not work.
  4. White space on the right side of the website appeared in mobile and tablet device multiple times.

Solutions/solving the issue:

  1. Dev Tools is a MUST, even when Global styles and Media queries has technical difficulties.

Weakness so far:

  1. flexbox is my weakness

flfa's People

Contributors

adrienne-b avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.