Git Product home page Git Product logo

webinar-page's Introduction

Microverse Capstone project - Global Summit

Webinar page

This is the capstone project of HTML and CSS module from the Microverse project. The idea behind the project is to test our knowledge, polish and hone our technical skills to be the best developers we could possibly be.

This version of the capstone is about building a web page that looks as close as possible as the Global Summit conference page

Project requirements

The project requires to use design elements from the Global Summit page, which uses a Creative Common license which allows me to use most of the elements of the design.

The project also requires me to to customize the content, in this case I choosed a webinar promotion website.

The other requirements are:

  • Three pages minimum (Home page, About page and Tickets page).
  • Two layouts, one for desktops (above 768px wide) and one for mobile devices (below 768px wide).
  • The use of the colors, and fonts form the original website.

Technologies used

To create this website I used the following technologies:

  • Bootstrap framework to layout most of the project pages and to style some of the project's elements.
  • Fontawesome to simplify the process of styling the icons used in the project.
  • GIMP to crop and edit the images used in this project.
  • Background removal to fasten the process of background removal from certain images and icons.

Pictures of the layouts

Mobile

Index mobile

Desktop (768px)

Index desktop

Destop (1200px)

Index desktop

Credits

The credits for the design goes to Cindy Shin and Creative Commons. She had all the credit for the original design, the colors and typography, I just made use of some of its elements.

Live previews

Developer

Abel

webinar-page's People

Contributors

alvp01 avatar

Stargazers

Ghulam Reza Rajabi avatar steven wafeek avatar Hafiz Rasa avatar Jackson Paredes Ferranti avatar Santiago Velosa avatar Dico Diaz Dussan avatar German Renato Cobian avatar Seth Zea avatar gagc056 avatar Alfredo C. 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.