Creative Arts Article

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Creative Arts Article</title>
<style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background: #f3e5f5;
color: #333;
}
.article-container {
max-width: 900px;
margin: 60px auto;
background: #fff;
border-radius: 10px;
padding: 30px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.article-header {
border-bottom: 2px solid #e1bee7;
padding-bottom: 10px;
}
.article-title {
font-size: 3em;
color: #8e24aa;
font-weight: bold;
}
.article-date {
font-size: 0.85em;
color: #757575;
}
.article-content {
margin-top: 20px;
line-height: 1.7;
}
.article-content p {
margin-bottom: 20px;
}
.article-content h2 {
margin-top: 40px;
font-size: 2.5em;
color: #8e24aa;
}
.highlight {
background: #f3e5f5;
padding: 10px;
border-left: 5px solid #8e24aa;
margin: 20px 0;
font-style: italic;
}
.article-footer {
text-align: center;
margin-top: 50px;
}
.share-button {
display: inline-block;
margin: 10px;
padding: 12px 24px;
background: #8e24aa;
color: #fff;
border-radius: 5px;
text-decoration: none;
transition: background 0.3s;
}
.share-button:hover {
background: #6a1b9a;
}
</style>
</head>
<body>
<div class="article-container">
<div class="article-header">
<h1 class="article-title">Exploring the World of Creative Arts</h1>
<span class="article-date">Published on: July 14, 2024</span>
</div>
<div class="article-content">
<p>Dive into the vibrant world of creative arts. From painting to sculpture, discover the stories behind some of the most inspiring artworks and the artists who created them.</p>
<h2>Modern Art Movements</h2>
<p>Modern art has evolved tremendously over the years. Learn about the different movements that have shaped the art world, from Impressionism to Abstract Expressionism.</p>
<div class="highlight">"Art is not what you see, but what you make others see." - Edgar Degas</div>
<h2>Famous Artists</h2>
<p>Explore the lives and works of famous artists like Picasso, Van Gogh, and Frida Kahlo. Understand their influences and how they have left an indelible mark on the world of art.</p>
<p>Join us as we celebrate the beauty and creativity of the arts. Whether you're an artist or an art enthusiast, there's something here for everyone.</p>
</div>
<div class="article-footer">
<a href="#" class="share-button">Share on Facebook</a>
<a href="#" class="share-button">Share on Twitter</a>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const shareButtons = document.querySelectorAll('.share-button');
shareButtons.forEach(button => {
button.addEventListener('click', function(event) {
event.preventDefault();
alert('Share functionality is not implemented yet. Stay tuned!');
});
});
});
</script>
</body>
</html>

Creative Arts Article - MeggiTools