DX1.0-Foodplug

A simple Food business responsive landing page, A complete guide about how to build this project from scratch is covered in this Youtube video

Preview Application

• https://dx1-foodplug.netlify.app/

Youtube Tutorial Link

• https://youtu.be/jz4SY1XyxlI

Steps to use Application

• Download Entire code
• locate and open the folder named "final"
• Open the index.html file

Feel free to edit and use as you like, A credit to the original authors Israel Akinwumi and Xerax labs will be appreciated.

Help / Collaboration

Need help making this project work, want to collaborate on future project or hire me? you can reach out via

• LinkedIn
• Twitter

Technologies Used

• HTML
• CSS [ Styling ]
• Fontawesome [ Icons ]

Special Thanks

Partners

• De whales Organization

Defaults

Default variables used

:root {
    --main-color: #a82d49;
    --main-color-dark: #43121d;
    --text-color: #777;
    --light-text-color: rgba(119, 119, 119, 0.3);
    --white-color: #fff;
    --black-color: #000;
    --gradient: linear-gradient(to right, rgba(168, 45, 73, 0.5), rgba(228, 77, 38, 0.5));
    --gray-gradient: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(171, 186, 171, 0.5));


}

/* animations */
@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 #a82d49, 0 0 0 0 #a82d49;
    }

    80% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 40px rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 20 #a82d49, 0 0 0 40 #a82d49;
    }
}

Related

• dxexplore

Disclaimer

We do not claim to be the original authors of the images used in this project, all image credits belong to their respective owners.credits Unsplash

License

dxFoodplug is licensed under the MIT license.