Scribd Logo
Upload

Welcome to Scribd!

  • Website For Washing Powder

    Uploaded by

    MR UNKNOWN
    7 views2 pages

    Original Title

    Website for Washing Powder

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views2 pages

    Website For Washing Powder

    Uploaded by

    MR UNKNOWN

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    <!

    DOCTYPE html>
    <html>
    <head>
    <title>Futuristic Washing Powder</title>
    <style>
    /* Add CSS for overall website design */
    body {
    background-color: #f1f1f1;
    font-family: Arial, sans-serif;
    color: #333;
    }
    /* Add CSS for header section */
    header {
    height: 100vh;
    background-image: url("header-bg.jpg");
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    }

    /* Add CSS for header text */


    header h1 {
    font-size: 72px;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px #000;
    text-transform: uppercase;
    }

    /* Add CSS for parallax effect on header section */


    header {
    background-attachment: fixed;
    }

    /* Add CSS for section 1 */


    section#section1 {
    height: 100vh;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    }

    /* Add CSS for section 1 text */


    section#section1 h2 {
    font-size: 48px;
    color: #333;
    margin-bottom: 20px;
    }

    section#section1 p {
    font-size: 18px;
    color: #666;
    line-height: 1.5;
    width: 80%;
    margin: 0 auto;
    }

    /* Add CSS for section 2 */


    section#section2 {
    height: 100vh;
    background-color: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    }

    /* Add CSS for section 2 text */


    section#section2 h2 {
    font-size: 48px;
    color: #333;
    margin-bottom: 20px;
    }

    section#section2 p {
    font-size: 18px;
    color: #666;
    line-height: 1.5;
    width: 80%;
    margin: 0 auto;
    }

    /* Add CSS for section 3 */


    section#section3 {
    height: 100vh;
    background-image: url("footer-bg.jpg");
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    }

    /* Add CSS for section 3 text */


    section#section3 h2 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 20px;
    text-shadow: 2px 2px #000;
    }

    section#section3 p {
    font-size: 18px;
    color: #fff;
    line-height

    You might also like