Giter Club home page Giter Club logo

bbq-product-page-responsive's Introduction

BBQ Product Page

This project is a responsive BBQ product page created as part of an assignment for a Scrimba course. The page promotes a live webinar on how to make the best BBQ ribs and encourages visitors to register for the event.

Screenshots

Mobile View

Mobile View

Laptop View

Laptop View

Desktop View

Desktop View

Features

  • Responsive Design: The page is designed to look great on devices of various screen sizes, including mobile, tablet, and desktop.
  • Modern Layout: Utilizes flexbox for layout management and media queries for responsive design.
  • Stylish Typography: Includes custom fonts and text styles to enhance visual appeal.
  • Interactive Form: A registration form that allows users to sign up for the webinar.

Technologies Used

  • HTML
  • CSS (with media queries for responsiveness)
  • Google Fonts (Manrope)

Structure

HTML

The HTML file includes two main sections:

  1. Introduction Section: A brief introduction with a background image, an engaging heading, and a call-to-action to join the webinar.
  2. Registration Section: Detailed information about the webinar and a form for users to register.

CSS

The CSS file includes styles for:

  • Typography: Custom fonts and gradient text effects.
  • Layout: Flexbox layout for alignment and spacing.
  • Responsive Design: Media queries for adjusting styles based on screen width.

Setup and Usage

  1. Clone the repository:

    git clone https://github.com/lambersonistaken/bbq-product-page.git
  2. Navigate to the project directory:

    cd bbq-product-page
  3. Open index.html in your web browser to view the project.

License

This project is licensed under the MIT License. See the LICENSE file for more information.

Acknowledgements

  • This project was developed as part of a Scrimba course assignment.
  • Background image from Unsplash.

bbq-product-page-responsive's People

Contributors

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