Welcome to the Dog Lovers Community!
Dogs are known for their loyalty, playfulness, and loving nature. They come in all shapes and sizes, each with their own unique personality.
Why We Love Dogs
Dogs are more than just pets; they are family! Here are some reasons why:
- They provide unconditional love.
- They encourage an active lifestyle.
- They are great companions.
Join Our Community
If you love dogs as much as we do, click the button below to share your favorite dog breed!
CSS (styles.css)
css
Copy code
body {
font-family: Arial, sans-serif;
background: linear-gradient(to right, #e0f7fa, #80deea);
margin: 0;
padding: 20px;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: white;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
h1 {
font-size: 2.5em;
color: #00796b;
line-height: 1.2;
}
h2 {
font-size: 2em;
color: #004d40;
}
p {
font-size: 1.2em;
line-height: 1.6;
}
.dog-image {
width: 100%;
border-radius: 8px;
}
button {
padding: 10px 15px;
font-size: 1em;
font-weight: bold;
color: white;
background-color: #00796b;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
}
button:hover {
background-color: #004d40;
}
.response {
margin-top: 20px;
font-size: 1.2em;
color: #004d40;
}
JavaScript (script.js)
javascript
Copy code
document.getElementById("shareButton").addEventListener("click", function(event) {
let breed = prompt("What is your favorite dog breed?");
if (breed) {
alert("Thank you for sharing! Your favorite breed is: " + breed);
document.getElementById("response").innerHTML = "You love: