Giter Club home page Giter Club logo

dalyddaly.github.io's Introduction

The Godfathers Band Page

The Godfathers Band Page v1.1

The Godfathers Band Page Live Version

Stream 1 Project - Front End Development

Simple responsive app to look like a live Functioning band wed-site.

Technologies used:

  • HTML5
  • CSS3
  • JS
  • Bootstrap

Third-party resources used:

  • The Godfathers Facebook Page
  • The Godfathers You Yube Page

Rationale

I wanted to create a multi page static web-site for "The Godfatherz" band that could list upcoming events , give contact details for the band , give the apperance of taking bookings & give information about the members and their social media outlets.

Design

In terms of the overall look and feel of the site, I wanted it to be fairly simple but effective. I used the exact same Bootstrap jumbotron theme on each of my pages, quite deliberately to keep the same flow and rough design on each page as to offer a hopefully uninterrupted and seemless experiance to the potential end user, keeping in mind the UX & UI consept of "Dont Make Me Think" keeping all Booking buttons and links in plane sight and easy to find.

I did consider using a slightly more flashy bootstrap theme just to spice up the project witch I have since accomplished in the "The-Godfatherz-MK2" (personal project on my GitHub Profile) , but decided to submit and go with my first design in the end as I considered it more of a learning curve in the initial stages.

As I wanted all of the pages/links ( including Social Media ) to be easily accessiable and easy to find, I embedded links into a lot of the text and the social media Logos will take you directly to thier revelent pages (FB Logo will take you to FB etc...).

dalyddaly.github.io's People

Contributors

dalyddaly avatar

Watchers

James Cloos avatar  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.