Home page (Test)
{% layout 'theme' %}
body {
font-family: 'Montserrat', sans-serif;
color: #ffffff;
background-color: #231f20;
margin: 0;
padding: 0;
}
h1, h2, h3 {
font-family: 'Arial Black', sans-serif;
}
.hero {
text-align: center;
padding: 100px 20px;
background-color: #114170;
}
.hero h1 {
font-size: 2.5rem;
margin-bottom: 10px;
}
.cta-button {
display: inline-block;
padding: 10px 20px;
color: #ffffff;
background-color: #990000;
text-decoration: none;
font-weight: bold;
border-radius: 5px;
}
.services, .portfolio {
text-align: center;
padding: 60px 20px;
background-color: #231f20;
}
.fade-in {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
document.addEventListener("DOMContentLoaded", function () {
const fadeElements = document.querySelectorAll(".fade-in");
const fadeInOnScroll = () => {
fadeElements.forEach((element) => {
const rect = element.getBoundingClientRect();
if (rect.top < window.innerHeight * 0.9) {
element.classList.add("visible");
}
});
};
window.addEventListener("scroll", fadeInOnScroll);
fadeInOnScroll(); // Run on page load
});
Creative Branding & Art Studio
Innovative design meets artistic vision.
Explore ShopOur Services
Brand identity, illustration, and creative direction.
Learn MoreFeatured Work
{% for product in collections['featured-products'].products %}
{% endfor %}