Skip to content
No results
  • Blog
  • Skin care
  • Makeup
  • Nails care
  • Hair care
  • Fashion trends
  • Recipes
  • Decor
  • About
  • Contact
skinviy.com
  • Blog
  • Skin care
  • Makeup
  • Nails care
  • Hair care
  • Fashion trends
  • Recipes
  • Decor
skinviy.com

10 Proven Skincare Tips That Actually Work: Dermatologist’s Secrets

10 Stunning Hair Color Ideas For Brunettes That Dazzle

The Best Colors For Cat Eye Nails You’ll Absolutely Love

Fresh Hair Color Ideas For Brunettes That’ll Make You Radiant

The Perfect Messy Bun: How to Nail This Classic Look

The Ultimate French Bob Guide: Everything You Need to Know

7 French Bob Styling Secrets For Gorgeous Thin Hair Results

Winter Hair Braid Magic: Transform Your Look This Season

Cat Eye Nails: The Mesmerizing Manicure You Need to Try

Pop of Sweet: Cherry Nails Ideas That’ll Make You Smile

Love is in the Air: Stunning February Nail Ideas

February Nails: From Valentine’s Hearts to Winter Elegance

Prev
1 2 3 4 5 6 7 8 … 12
Next
🌸
💮
💐
Skinviy Logo
Beauty & Wellness

Your trusted space for holistic beauty, scientifically proven care, and mindful well-being. Join our community of wellness enthusiasts.

Categories

  • Skin Care
  • Fashion Trends
  • Hair Care
  • Nails Care
  • Makeup
  • Recipes
  • Decor

Connect

  • About Valora
  • Contact Us
Privacy Policy Disclaimer Cookies Policy
© 2025 Skinviy. Made with for mindful beauty.
.skinviy-footer { background: #FFE6D4; position: relative; overflow: hidden; margin-top: auto; border-top: 1px solid rgba(109, 18, 63, 0.1); } .footer-accent { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent 0%, #6d123f 20%, #b56576 50%, #6d123f 80%, transparent 100%); animation: accentFlow 3s ease-in-out infinite; } @keyframes accentFlow { 0%, 100% { opacity: 0.7; transform: scaleX(0.95); } 50% { opacity: 1; transform: scaleX(1); } } .footer-container { max-width: 1400px; margin: 0 auto; padding: 80px 40px 40px; position: relative; } /* Floating décorations */ .floating-elements { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; } .floating-element { position: absolute; opacity: 0.1; animation: floatElement 15s ease-in-out infinite; } .element-1 { top: 15%; left: 5%; font-size: 2rem; color: #6d123f; animation-delay: 0s; } .element-2 { top: 65%; right: 8%; font-size: 1.5rem; color: #6d123f; animation-delay: -5s; } .element-3 { bottom: 25%; left: 12%; font-size: 1.8rem; color: #6d123f; animation-delay: -10s; } @keyframes floatElement { 0%, 100% { transform: translateY(0px) rotate(0deg) scale(1); opacity: 0.1; } 33% { transform: translateY(-30px) rotate(120deg) scale(1.2); opacity: 0.15; } 66% { transform: translateY(20px) rotate(240deg) scale(0.9); opacity: 0.08; } } .footer-main { display: grid; grid-template-columns: 1.8fr 1fr 1fr; gap: 60px; margin-bottom: 60px; position: relative; z-index: 2; } /* Logo & description */ .brand-section { position: relative; } .footer-logo { display: flex; align-items: center; gap: 20px; margin-bottom: 25px; } .logo-wrapper { position: relative; width: 160px; height: 110px; border-radius: 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 32px rgba(109, 18, 63, 0.15); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .logo-wrapper:hover { transform: translateY(-5px) scale(1.05); box-shadow: 0 12px 40px rgba(109, 18, 63, 0.25); border-color: rgba(109, 18, 63, 0.2); } .logo-wrapper img { width: 80px; height: 60px; filter: drop-shadow(0 4px 8px rgba(109, 18, 63, 0.3)); } .logo-text { display: flex; flex-direction: column; } .logo-text span { font-size: 1rem; color: #6d123f; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; } .footer-description { font-size: 1.15rem; line-height: 1.8; color: #5a3f3f; margin-bottom: 35px; padding-left: 25px; border-left: 3px solid #6d123f; position: relative; } .footer-description::before { content: "✨"; position: absolute; left: -15px; top: -5px; font-size: 1.2rem; color: #6d123f; } /* Social Links */ .social-links { display: flex; gap: 15px; flex-wrap: wrap; } .social-link { width: 50px; height: 50px; background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: #6d123f; text-decoration: none; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 6px 20px rgba(109, 18, 63, 0.15); position: relative; overflow: hidden; border: 2px solid rgba(109, 18, 63, 0.1); font-size: 1.2rem; } .social-link::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(109, 18, 63, 0.1), transparent); transition: left 0.7s; } .social-link:hover::before { left: 100%; } .social-link:hover { transform: translateY(-8px) scale(1.1); color: #ffffff; background: linear-gradient(135deg, #6d123f 0%, #8a1a52 100%); box-shadow: 0 12px 30px rgba(109, 18, 63, 0.3); border-color: rgba(109, 18, 63, 0.3); } /* Navigation */ .nav-section h3 { font-family: 'Playfair Display', serif; font-size: 1.5rem; color: #6d123f; margin-bottom: 30px; position: relative; padding-bottom: 12px; } .nav-section h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background: linear-gradient(90deg, #6d123f, #b56576); border-radius: 2px; transition: width 0.4s ease; } .nav-section:hover h3::after { width: 80px; } .nav-links { list-style: none; padding: 0; margin: 0; } .nav-links li { margin-bottom: 16px; } .nav-links a { color: #5a3f3f; text-decoration: none; font-weight: 400; font-size: 1.05rem; transition: all 0.3s ease; display: flex; align-items: center; gap: 12px; padding: 8px 0; position: relative; } .nav-links a i { color: #6d123f; font-size: 0.9rem; width: 20px; text-align: center; transition: all 0.3s ease; } .nav-links a:hover { color: #6d123f; padding-left: 15px; transform: translateX(5px); } .nav-links a:hover i { transform: scale(1.2); color: #8a1a52; } /* Footer Bottom */ .footer-bottom { border-top: 1px solid rgba(109, 18, 63, 0.2); padding-top: 30px; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 2; } .legal-links { display: flex; gap: 30px; } .legal-links a { color: #6d123f; text-decoration: none; font-size: 0.95rem; transition: all 0.3s ease; position: relative; padding: 5px 0; font-weight: 500; } .legal-links a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #6d123f; transition: width 0.3s ease; } .legal-links a:hover { color: #8a1a52; } .legal-links a:hover::after { width: 100%; } .copyright { display: flex; align-items: center; gap: 12px; color: #6d123f; font-size: 0.95rem; font-weight: 500; } .copyright .fa-heart { color: #6d123f; animation: heartbeat 2s ease-in-out infinite; } @keyframes heartbeat { 0%, 100% { transform: scale(1); } 25% { transform: scale(1.1); } 50% { transform: scale(1); } 75% { transform: scale(1.15); } } /* Responsive Design */ @media (max-width: 1200px) { .footer-main { grid-template-columns: 1.5fr 1fr 1fr; gap: 50px; } } @media (max-width: 768px) { .footer-container { padding: 60px 25px 30px; } .footer-main { grid-template-columns: 1fr; gap: 40px; } .footer-logo { flex-direction: column; text-align: center; gap: 15px; } .logo-text { align-items: center; } .footer-description { padding-left: 0; border-left: none; text-align: center; padding-top: 15px; border-top: 2px solid rgba(109, 18, 63, 0.3); } .footer-description::before { left: 50%; transform: translateX(-50%); top: -12px; background: #FFE6D4; padding: 0 10px; } .social-links { justify-content: center; } .nav-section h3::after { left: 50%; transform: translateX(-50%); } .footer-bottom { flex-direction: column; gap: 20px; text-align: center; } .legal-links { flex-wrap: wrap; justify-content: center; gap: 20px; } } @media (max-width: 480px) { .footer-container { padding: 50px 20px 25px; } .logo-text span { font-size: 0.9rem; } .legal-links { flex-direction: column; gap: 15px; } .floating-element { display: none; } .social-link { width: 45px; height: 45px; font-size: 1.1rem; } }