Name in Heart Design

This project showcases a delightful "Name in Heart" design created using HTML and CSS. The heart symbolizes love and affection, making it an ideal choice for personal websites, greeting cards, or any web page where you want to convey sentimentality.

Demo

You can see a live demo of the project here.

CLICK HERE TO SUBSCRIBE MY YOUTUBE CHANNEL

Features

• Heart Design: The heart symbolizes love and affection, adding a charming touch to your web page.
• Interactive: Users can hover over the heart to reveal a name or message, creating an engaging and personalized experience.
• Pure CSS: The effect is achieved using only HTML and CSS, without any JavaScript, ensuring fast loading times and compatibility across browsers.

Installation

To use this project, simply download or clone the repository:

git clone https://github.com/logusivam/namein-heart-design.git

Alternatively, you can directly copy the HTML and CSS code into your project files.

Usage

1. Include the CSS in your HTML file:

<link rel="stylesheet" href="style.css" type="text/css" />

2. Add the following HTML code to create the name in heart design:

 <div class="heart"></div>
    <div class="content"><h1>LOVE</h1><h2>.......</h2></div>

3. Customize the design and animation in the style.css file as needed.

Contributing

Contributions are welcome! If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.