tag:blogger.com,1999:blog-4344941497102766881Thu, 16 Oct 2025 20:47:34 +0000Transform Your Body With LeanBodyTonichttps://transform-yourbody.blogspot.com/noreply@blogger.com (saralee)Blogger1125tag:blogger.com,1999:blog-4344941497102766881.post-7125617741904320634Tue, 18 Feb 2025 17:56:00 +00002025-02-18T11:14:00.248-08:00Transform Your Body With LeanBodyTonic<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Lean Body Tonic</title> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"> <style> :root { --primary-gradient: linear-gradient(135deg, #4A90E2 0%, #6A1B9A 100%); --background-gradient: linear-gradient(180deg, #F7F7F7 0%, #FFFFFF 100%); } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Poppins', sans-serif; color: #333333; background: var(--background-gradient); line-height: 1.6; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } header { position: fixed; width: 100%; z-index: 1000; transition: all 0.3s ease; padding: 1rem 0; background: transparent; } header.scrolled { background: white; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .header-content { display: flex; justify-content: space-between; align-items: center; } .logo { text-decoration: none; display: block; } .logo img { height: 40px; width: auto; transition: all 0.3s ease; } header.scrolled .logo img { height: 35px; } nav { display: flex; gap: 2rem; align-items: center; } @media (max-width: 768px) { nav { display: none; } .logo img { height: 35px; } header.scrolled .logo img { height: 30px; } } nav a { color: #333333; text-decoration: none; font-weight: 500; transition: color 0.3s ease; } nav a:hover { color: #4A90E2; } .gradient-button { background: var(--primary-gradient); color: white; padding: 0.75rem 1.5rem; border-radius: 0.5rem; text-decoration: none; font-family: 'Roboto', sans-serif; font-weight: 500; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gradient-button:hover { opacity: 0.9; transform: translateY(-2px); } .hero { padding: 8rem 0 4rem; } .hero-content { display: flex; align-items: center; gap: 2rem; } @media (max-width: 768px) { .hero-content { flex-direction: column; text-align: center; } } .hero-text { flex: 1; } .hero-image { flex: 1; } .hero h1 { font-size: 2.5rem; font-weight: bold; margin-bottom: 1.5rem; line-height: 1.2; } .hero h1 span { display: block; background: var(--primary-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; margin-top: 0.5rem; } .hero p { font-size: 1.25rem; color: #666; margin-bottom: 2rem; } .hero img:hover { transform: scale(1.02); width: 100%; max-width: 500px; border-radius: 0.5rem; box-shadow: 0 4px 6px rgba(0,0,0,0.1); } .mobile-menu { display: none; background: none; border: none; cursor: pointer; } @media (max-width: 768px) { .mobile-menu { display: block; } } /* New Footer Styles */ .footer { background: #ffffff; color: white; padding: 4rem 0 2rem; margin-top: 4rem; } .footer-image-container { margin: -4rem auto 2rem; max-width: 100%; object-position: center; height: 700px; overflow: hidden; } .footer-image { width: 1006; height: 693; object-fit: cover; object-position: center; transition: transform 0.3s ease; } .footer-image:hover { transform: scale(1.0); } @media (max-width: 768px) { .footer-image-container { height: 300px; } } .footer-content { text-align: center; } .footer-content p { margin: 1rem 0; font-size: 0.875rem; color: #999; } </style> </head> <body> <header id="header"> <div class="container"> <div class="header-content"> <a href="#" class="logo"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJlgy12650X3jQAwBaZIvyucE4FztxYWDGjFi7hh9UmcqPVzhnWU0kOQGnoXhyphenhyphenKPj592wiJqwpIJemeh_61PfDb468aJfUmbeEQoWJS912jFgtFHPrJ1ICJyqNAqlhFMkPcrkuN1af9Q61ujDFgOKNX9HmFXCYtwW1pOgWkEVGHrTm8RfroD2Uinv2r4/s262/nagano-tonic.png" alt="LeanBodyTonic Logo"> </a> <nav> <a href="https://transform-yourbody.blogspot.com/">Home</a> <a href="https://leanbodytonic.com/?hopId=8cbee504-28ef-4201-9540-091a349d2ba0&#benefits-sec">Benefits</a> <a href="https://leanbodytonic.com/?hopId=8cbee504-28ef-4201-9540-091a349d2ba0&#formula-sec">Formula</a> <a href="https://9e70bmnnjzxq7oeclkskq88pf6.hop.clickbank.net" class="gradient-button">Order Now</a> </nav> <button class="mobile-menu"> <svg width="24" height="24" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> </svg> </button> </div> </div> </header> <section class="hero" id="home"> <div class="container"> <div class="hero-content"> <div class="hero-text"> <h1> Nagano Tonic is a Delicious, <span>Powerful Elixir That Makes Weight Loss Much More Fun!</span> </h1> <p> This potent formula differs from every other solution because it specifically targets a dormant metabolism...</p> <p>Thanks to the unique, powerful nutrients in the Nagano Tonic, you can help support your body to accelerate fat loss, boost energy and feel younger. </p> <a href="https://9e70bmnnjzxq7oeclkskq88pf6.hop.clickbank.net" class="gradient-button">Order Now</a> </div> <div class="hero-image"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5ch3TW3_eP1YtDnqeinKRo8nHqDn8X6ZMqdTrDeE0elJ_GFKfyduluS9Ey80Yy_F7RaecdL1JT2ZV5ifuMpWKFysdbm6V2tb_Mbx38htwq5hlkUdXW4SABP1tBLXvDm8DXwk4mzJ0Hx8AZsseBDntD40qckHvpNHrEhJbp_gFey1eyZ9P790W7Mp96G0/s470/naganotonic.png" alt="Nagano Tonic LeanBodyTOnic" /> </div> </div> </div> </section> <!-- New Footer Section --> <footer class="footer"> <div class="footer-image-container"> <img border="0" data-original-height="693" data-original-width="1006" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzb6Tay6bMLt_DH1_hMDuALYIvCqMHrdEXV0LjnBfncpIiOaro5vDBkg2wcoBG0HzNunNqCmhKge1YMI2IbtQNedvLca-qXBv22o6cFBWGC5ha4NDGBaTMoxDl8JPkE-LDulSC9TXPpXr6nli_47PyH_lAyIUSQ0hTB8qChqJqZIV7Td0Mc7qvx2SlTD4/s16000/nagano_tonic.png" alt="Lean Body Tonic Footer Image" class="footer-image" /> </div> <div class="container"> <div class="footer-content"> <p>&copy; 2025 Lean Body Tonic. All rights reserved.</p> </div> </div> </footer> <script> // Header scroll effect const header = document.getElementById('header'); window.addEventListener('scroll', () => { if (window.scrollY > 0) { header.classList.add('scrolled'); } else { header.classList.remove('scrolled'); } }); // Smooth scroll for navigation links document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) { target.scrollIntoView({ behavior: 'smooth' }); } }); }); </script> </body> </html>https://transform-yourbody.blogspot.com/2025/02/transform-your-body-with-leanbodytonic.htmlnoreply@blogger.com (saralee)0