This project is designed to be an interactive webpage to ask someone to be your Valentine. Credits to ivysone
This project consists of a simple webpage with a "Yes" and "No" button. When the user clicks the "No" button, the button text changes to a series of messages, and the "Yes" button grows larger. If the user clicks the "Yes" button, they are redirected to a new page (yes_page.html).
- Interactive Buttons: The "No" button cycles through , while the "Yes" button grows in size.
- Responsive Design: The webpage is designed to work on all screen sizes.
-
Download the Files:
- Clone this repository or download the
index.html,styles.css,yes_style.css,yes_page.htmlandscript.jsfiles.
- Clone this repository or download the
-
Open the Project:
- Open the
index.htmlfile in your web browser.
- Open the
While I am happy to share this project, I encourage you to use it as inspiration. If you use this code as a base for your own project, please give credit where it's due. A simple shoutout or link back to this repository is appreciated!
index.html: The main HTML file that structures the webpage.styles.css: The CSS file that styles the webpage.script.js: The JavaScript file that handles the button interactions.yes_page.html: The yes page that sturctures the webpage.yes_style.css: The css file that styles the yes webpage.
handleNoClick(): Changes the "No" button text and increases the size of the "Yes" button.handleYesClick(): Redirects the user toyes_page.html.
This project is licensed under the MIT License - see the LICENSE file for details.
Enjoy 💖