Giter VIP home page Giter VIP logo

wp_website's Introduction


PopFlix

๐Ÿ”ฅ Urban Spice | Restaurant Website ๐Ÿ˜‹

Restaurant Website to Display Food and Allow Users to Order Food

Live Demo

  • Your special occasion destination Where Indian Food is Served at its Best. We Try to Bring the Pleasure of variety on your plate to A "Just Vow" Movement! This is a luxury restaurant beyond the Boundaries of taste!
  • Generate Bill Dynamic and Media Query Support Responsive
  • Technology Stack: HTML, CSS, JavaScript

Home Page

Pages of Website

`Index.html` ( Main Landing Page ) ( Home )
Special Menu Page ( Contains Cart & Bill Page )
About Us ( Story How this Emerged? )
Contact Us ( JS Validation )
Review's of Customer

Index.html

  • Preloader

  • Newsletter after 30 Seconds ( Email JS Validation also Done )

  • Logo & Navigation Bar
  • Home
  • Special Dishes Section (Flex Used)
  • Footer Section & CSS in style.css

Special Menu Page

  • Preloader

  • Navigation Bar

  • Course Menu ( 5 Sub-Heading )

  • 4 Items in Each Sub-Heading ( with โ€œ+โ€ Button for Adding to Cart )
  • Final Order Page & Billing Amount

  • Footer, CSS in menu.css and JS in order.js and ordercontrol.js

About Us Page

  • Head Section
  • Navigation and Logo
  • Section 1 โ€“ Heading of About Us + Background Image
  • Section 2 โ€“ Real True Story Behind this Website Formation
  • Footer Section
  • Related CSS in about_us.css

Contact Us Page

  • Head Section
  • Logo and Navigation Panel
  • Main Box with Background Image for Contact us
  • Some Description of Contact
  • Form using input tag ( Along with JS Validation)
  • Contact Details and Footer ( CSS in style.css and JS in about_us.js)

Reviews Of Customer Page

  • Head Section
  • Navigation and Logo Part
  • Review Section Containing 3 Reviews using Flexbox
  • Footer Section
  • CSS in review.css

Media Query Support

  • For Best User Experience, We have used Media Query to make it Mobile Friendly.
  • Works on all Devices ranging from Large Desktops, Tablets, Medium Sized Phones and Normal Android Phones.
  • CSS in phone.css

Preloader

  • Preloader Applied on 2 Pages โ€“
  • Index.html & Menu.html (Heavy)
  • (These Pages contains Images)
  • CSS in preloader.css

Newsletter

  • JS Validation
  • Pops Up after 30 sec

Website Github Repo

  • All Contributors
  • Contributions and Commits Made by them
  • Pull Requests, Merge Conflicts
  • Link

Project Initiated By

  • 4 Young Friends in โ€œAbout Usโ€
  • Parva Patel (U19CS001)
  • Bhagya Rana (U19CS012)
  • Mustafa Officewala (U19CS031)
  • Neel Shah (U19CS039)

This Repo is made for WP Project by SVNIT Students.

Have Any Constructive Suggestions?

Give Us your Pull Request

wp_website's People

Contributors

bhagyarana avatar parvapatel avatar neel-shah224 avatar mustafa2856 avatar imgbotapp 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.