GithubHelp home page GithubHelp logo

wedding-page's Introduction

Wedding pictures Page

After completing a JHUB assesment in Web Design i moved on to dynamic web design using REACT. After various itterations of small tasks to understand the workings of react, i developed this website which was generated using uicoach.io. this enabled me to practice my component building and improve my CSS coding skills.

The uicoach brief

The brief was to create a website that a newly wed couple could view all their special day pictures, using a set colour pallet and font family.

The Landing page

The lay out was used as it challenged my use of display flex, and utilizing ofsets.

image

Bridesmaid and Groomsman

These pages have been compiled the same for uniformity as with the image shapes for all pages. on these pages the header has been used as the return button to to reduce clutter.

image

image

Bride and Groom

By using larger images they become more focal and have the abilty to imput more images to scroll through or to keep it on one page a carousel can be added to each image container

image

image

The couple page

This final page contains one large image which is designed to be a slider image containing multiple images.

image

Mobile view

image image image image

wedding-page's People

Contributors

baldylockss 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.