Git Product home page Git Product logo

manohar-1 / sephorabloomboutique Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 86 KB

Discover SephoraBloomBoutique, a stunning beauty product website meticulously crafted with HTML, CSS, and JS. Immerse yourself in a world of radiant elegance, where every click unveils a curated selection of premium skincare, makeup, and fragrances. Experience the epitome of beauty and sophistication at SephoraBloomBoutique.

Home Page: https://roaring-licorice-3e2861.netlify.app/index.html

JavaScript 48.33% HTML 37.73% CSS 13.93%
footer navbar-css search-functionality signin-page signup-form sliding-window sort-functionality cart-page cart-calculations filter-functionality

sephorabloomboutique's People

Contributors

manohar-1 avatar shakib406 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

sephorabloomboutique's Issues

1st dropDown

  • Tasks will be divided based upon the tab section

Add border to the images

-[ ] Add border 1px solid black to the images of your swiper slider

  • Your slider bottom part is not visible. Give margin-bottom as much required.

middle section

  1. structure of the "chosen for you" section
  2. CSS and functionality of "chosen for you" section
  3. structure of the "just dropped" section
  4. CSS and functionality of "just dropped" section
  5. structure of the "beauty offers" section
  6. CSS and functionality of "beauty offers" section

3rd dropdown

  • Tasks are going to be divided on the basis of tab

Sign Up Sign In functionality

  • use masai api mocker and create the form using HTML
  • create Register functionality.
  • create Signup functionality
  • Do CSS to make the page look appealing.

Add border to images and remove borders

  • Add borders to only images in swiper slides you have made.
  • Remove borders to the last three cards in your work
  • Apply background color to the three cards at last(use color picker extension).

home page 2

  • add the slider part
  • make sure all data views properly
  • another div section
  • put images and text

Authentication

  • Display the Name on Main Navbar, when user has successfully logged in

Taking Care Of Cart Page

  • Work upon search functionality
  • Create code for the cartPage.
  • Removing Items from the cart.
  • Calculating totalPrice of the cartItems.
  • Calculating Total No.of Items in the cart
  • "Proceed To Checkout" Button

Making Improvement.

  • Make swiper slide dim while poppingup
  • Give border to shoaib's work.
  • Give margin to shoaib's slider.
  • give border to to my images in swiper data.
  • give autoplay mode to shakib's work.

home page

  • dive section
  • put images
  • add on cursor functionality
  • make sure all things are done with good arrangement
  • complete the div section

home page 3

  • another div
  • with image and function
  • slide it by the button

Payment Functionality

  • Make a form of card number, owner name, cvv pin
  • Work Upon CSS to make the page look appealing
  • Use setTimer to give updates about the product.

marge my page

  • marge it
  • make page attractive
  • all things working good
  • see some other functionality
  • see all the feature

PoppingUp of signIn box

  • Using setTimeout to popup sign in box.
  • use anchor tag to move from popup box to signin page.

Enter the data for 12 dropdown boxes

Keep taking frequent breaks. You're gonna enter huge amount of data. Keeping your mind cool is extremely necessary.

  • dropdown1
  • dropdown2
  • dropdown3
  • dropdown4
  • dropdown5
  • dropdown6
  • dropdown7
  • dropdown8
  • dropdown9
  • dropdown10
  • dropdown12

Navbar Section

  • Creating the blue bar
  • Creating the black bar
  • Creating the main Navbar

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.