Free Ebooks & PDF Guides – digivisionhub

/* ===== RESET & BASE ===== */

.lp-wrap * { box-sizing: border-box; margin: 0; padding: 0; }

.lp-wrap { font-family: ‘Segoe UI’, Arial, sans-serif; color: #1a1a1a; background: #fff; }

.lp-wrap a { text-decoration: none; }

.lp-wrap img { max-width: 100%; display: block; }

/* ===== NAV ===== */

.lp-nav { background: #fff; border-bottom: 1px solid #e8e8e8; padding: 18px 5%; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 100; }

.lp-nav .lp-logo { font-size: 1.3rem; font-weight: 700; color: #1a1a1a; letter-spacing: -0.5px; }

.lp-nav .lp-logo span { color: #2563eb; }

.lp-nav-links { display: flex; gap: 28px; list-style: none; }

.lp-nav-links a { font-size: 0.9rem; color: #444; font-weight: 500; transition: color 0.2s; }

.lp-nav-links a:hover { color: #2563eb; }

.lp-nav-cta { background: #2563eb; color: #fff !important; padding: 9px 20px; border-radius: 6px; font-weight: 600; font-size: 0.85rem; }

.lp-nav-cta:hover { background: #1d4ed8 !important; color: #fff !important; }

.lp-hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; }

.lp-hamburger span { width: 24px; height: 2px; background: #1a1a1a; border-radius: 2px; }

.lp-mobile-menu { display: none; flex-direction: column; background: #fff; padding: 20px 5%; border-bottom: 1px solid #e8e8e8; gap: 16px; }

.lp-mobile-menu a { font-size: 0.95rem; color: #444; font-weight: 500; }

.lp-mobile-menu.open { display: flex; }

/* ===== HERO ===== */

.lp-hero { background: linear-gradient(135deg, #f8faff 0%, #eef2ff 100%); padding: 90px 5% 80px; text-align: center; }

.lp-hero-badge { display: inline-block; background: #dbeafe; color: #2563eb; font-size: 0.78rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 5px 14px; border-radius: 20px; margin-bottom: 20px; }

.lp-hero h1 { font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 800; line-height: 1.15; color: #0f172a; max-width: 720px; margin: 0 auto 20px; letter-spacing: -1px; }

.lp-hero h1 span { color: #2563eb; }

.lp-hero p { font-size: clamp(1rem, 2vw, 1.15rem); color: #475569; max-width: 560px; margin: 0 auto 36px; line-height: 1.7; }

.lp-hero-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

.lp-btn-primary { background: #2563eb; color: #fff; padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 1rem; transition: background 0.2s, transform 0.15s; display: inline-block; }

.lp-btn-primary:hover { background: #1d4ed8; transform: translateY(-2px); color: #fff; }

.lp-btn-secondary { background: #fff; color: #2563eb; padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 1rem; border: 2px solid #2563eb; transition: all 0.2s; display: inline-block; }

.lp-btn-secondary:hover { background: #eff6ff; color: #1d4ed8; }

.lp-hero-stats { display: flex; justify-content: center; gap: 48px; margin-top: 52px; flex-wrap: wrap; }

.lp-stat { text-align: center; }

.lp-stat strong { display: block; font-size: 1.8rem; font-weight: 800; color: #0f172a; }

.lp-stat span { font-size: 0.85rem; color: #64748b; }

/* ===== SECTION HEADERS ===== */

.lp-section { padding: 72px 5%; }

.lp-section-alt { background: #f8faff; }

.lp-section-header { text-align: center; margin-bottom: 48px; }

.lp-section-header .lp-label { display: inline-block; background: #dbeafe; color: #2563eb; font-size: 0.75rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 4px 12px; border-radius: 20px; margin-bottom: 12px; }

.lp-section-header h2 { font-size: clamp(1.6rem, 3.5vw, 2.4rem); font-weight: 800; color: #0f172a; letter-spacing: -0.5px; margin-bottom: 12px; }

.lp-section-header p { font-size: 1rem; color: #64748b; max-width: 500px; margin: 0 auto; line-height: 1.6; }

/* ===== EBOOK GRID ===== */

.lp-ebook-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 28px; max-width: 1200px; margin: 0 auto; }

.lp-ebook-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; transition: box-shadow 0.2s, transform 0.2s; display: flex; flex-direction: column; }

.lp-ebook-card:hover { box-shadow: 0 12px 40px rgba(37,99,235,0.10); transform: translateY(-4px); }

.lp-ebook-img { width: 100%; height: 200px; object-fit: cover; background: #e2e8f0; display: flex; align-items: center; justify-content: center; }

.lp-ebook-img-placeholder { width: 100%; height: 200px; background: linear-gradient(135deg, #dbeafe, #bfdbfe); display: flex; flex-direction: column; align-items: center; justify-content: center; color: #2563eb; font-size: 0.8rem; font-weight: 600; gap: 8px; }

.lp-ebook-img-placeholder svg { width: 40px; height: 40px; opacity: 0.6; }

.lp-ebook-body { padding: 20px; flex: 1; display: flex; flex-direction: column; }

.lp-ebook-tag { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; color: #2563eb; margin-bottom: 8px; }

.lp-ebook-body h3 { font-size: 1.05rem; font-weight: 700; color: #0f172a; margin-bottom: 8px; line-height: 1.3; }

.lp-ebook-body p { font-size: 0.87rem; color: #64748b; line-height: 1.6; margin-bottom: 18px; flex: 1; }

.lp-ebook-footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; }

.lp-ebook-price { font-size: 1rem; font-weight: 800; color: #0f172a; }

.lp-ebook-price .lp-free { color: #16a34a; }

.lp-btn-card { background: #2563eb; color: #fff; padding: 9px 18px; border-radius: 7px; font-size: 0.82rem; font-weight: 700; transition: background 0.2s; white-space: nowrap; }

.lp-btn-card:hover { background: #1d4ed8; color: #fff; }

/* ===== ABOUT ===== */

.lp-about-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; max-width: 1100px; margin: 0 auto; }

.lp-about-img-box { position: relative; }

.lp-about-img-placeholder { width: 100%; aspect-ratio: 4/3; background: linear-gradient(135deg, #dbeafe, #bfdbfe); border-radius: 16px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #2563eb; font-size: 0.85rem; font-weight: 600; gap: 10px; }

.lp-about-img-box img { width: 100%; border-radius: 16px; object-fit: cover; }

.lp-about-badge { position: absolute; bottom: -16px; right: -16px; background: #2563eb; color: #fff; padding: 14px 20px; border-radius: 12px; text-align: center; box-shadow: 0 8px 24px rgba(37,99,235,0.3); }

.lp-about-badge strong { display: block; font-size: 1.4rem; font-weight: 800; }

.lp-about-badge span { font-size: 0.75rem; }

.lp-about-text .lp-label { display: inline-block; background: #dbeafe; color: #2563eb; font-size: 0.75rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 4px 12px; border-radius: 20px; margin-bottom: 14px; }

.lp-about-text h2 { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; color: #0f172a; letter-spacing: -0.5px; margin-bottom: 14px; line-height: 1.2; }

.lp-about-text p { font-size: 0.95rem; color: #475569; line-height: 1.75; margin-bottom: 12px; }

.lp-about-features { list-style: none; margin: 20px 0 28px; display: flex; flex-direction: column; gap: 10px; }

.lp-about-features li { display: flex; align-items: flex-start; gap: 10px; font-size: 0.9rem; color: #334155; }

.lp-about-features li::before { content: “✓”; background: #dbeafe; color: #2563eb; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; font-weight: 800; flex-shrink: 0; margin-top: 1px; }

/* ===== TESTIMONIALS ===== */

.lp-testimonials-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; max-width: 1100px; margin: 0 auto; }

.lp-testimonial-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 24px; }

.lp-stars { color: #f59e0b; font-size: 1rem; margin-bottom: 12px; letter-spacing: 2px; }

.lp-testimonial-card p { font-size: 0.9rem; color: #475569; line-height: 1.65; font-style: italic; margin-bottom: 18px; }

.lp-reviewer { display: flex; align-items: center; gap: 12px; }

.lp-reviewer-avatar { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #dbeafe, #bfdbfe); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.9rem; color: #2563eb; flex-shrink: 0; }

.lp-reviewer-info strong { display: block; font-size: 0.88rem; font-weight: 700; color: #0f172a; }

.lp-reviewer-info span { font-size: 0.78rem; color: #94a3b8; }

/* ===== CTA BANNER ===== */

.lp-cta-banner { background: linear-gradient(135deg, #1e3a8a, #2563eb); padding: 72px 5%; text-align: center; }

.lp-cta-banner h2 { font-size: clamp(1.6rem, 3.5vw, 2.4rem); font-weight: 800; color: #fff; margin-bottom: 14px; letter-spacing: -0.5px; }

.lp-cta-banner p { color: #bfdbfe; font-size: 1rem; max-width: 500px; margin: 0 auto 32px; line-height: 1.6; }

.lp-btn-white { background: #fff; color: #2563eb; padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 1rem; display: inline-block; transition: all 0.2s; }

.lp-btn-white:hover { background: #eff6ff; transform: translateY(-2px); color: #1d4ed8; }

/* ===== FOOTER ===== */

.lp-footer { background: #0f172a; color: #94a3b8; padding: 48px 5% 28px; }

.lp-footer-inner { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; max-width: 1100px; margin: 0 auto 36px; }

.lp-footer-brand .lp-logo { font-size: 1.2rem; font-weight: 700; color: #fff; margin-bottom: 12px; display: block; }

.lp-footer-brand .lp-logo span { color: #60a5fa; }

.lp-footer-brand p { font-size: 0.85rem; line-height: 1.65; color: #64748b; max-width: 260px; }

.lp-footer h4 { color: #fff; font-size: 0.9rem; font-weight: 700; margin-bottom: 14px; }

.lp-footer ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }

.lp-footer ul li a { font-size: 0.83rem; color: #64748b; transition: color 0.2s; }

.lp-footer ul li a:hover { color: #93c5fd; }

.lp-footer-bottom { border-top: 1px solid #1e293b; padding-top: 24px; text-align: center; font-size: 0.8rem; color: #475569; max-width: 1100px; margin: 0 auto; }

/* ===== RESPONSIVE ===== */

@media (max-width: 900px) {

.lp-about-inner { grid-template-columns: 1fr; gap: 40px; }

.lp-about-img-box { max-width: 420px; margin: 0 auto; }

.lp-footer-inner { grid-template-columns: 1fr 1fr; }

.lp-nav-links { display: none; }

.lp-hamburger { display: flex; }

}

@media (max-width: 600px) {

.lp-hero { padding: 60px 5% 56px; }

.lp-section { padding: 52px 5%; }

.lp-hero-stats { gap: 28px; }

.lp-footer-inner { grid-template-columns: 1fr; }

.lp-ebook-grid { grid-template-columns: 1fr; }

.lp-testimonials-grid { grid-template-columns: 1fr; }

.lp-about-badge { position: static; margin-top: 16px; display: inline-block; }

}

</style>

<!– ===== NAVIGATION ===== –>

<!– EDIT: Replace “DigiVision Hub” with your brand name, and update nav links –>

<span class=”lp-logo”>Digi<span>Vision</span> Hub</span>

<li><a href=”#ebooks”>Ebooks</a></li>

<li><a href=”#about”>About</a></li>

<li><a href=”#testimonials”>Reviews</a></li>

<li><a href=”#contact” class=”lp-nav-cta”>Get Free Guide</a></li>

</ul>

</div>

</nav>

<a href=”#ebooks”>Ebooks</a>

<a href=”#about”>About</a>

<a href=”#testimonials”>Reviews</a>

<a href=”#contact”>Get Free Guide</a>

</div>

<!– ===== HERO SECTION ===== –>

<!– EDIT: Update badge text, headline, subheadline, button text & links, and stats –>

<div class=”lp-hero-badge”>100% Free Resources</div>

<h1>Unlock Premium <span>Ebooks & PDF Guides</span> That Actually Work</h1>

<p>Handpicked, actionable guides covering business, productivity, marketing, and personal growth — all in one place.</p>

<a href=”#ebooks” class=”lp-btn-primary”>Browse Free Ebooks</a>

<a href=”#about” class=”lp-btn-secondary”>Learn More</a>

</div>

<!– EDIT: Update these numbers –>

<span>Free Guides</span>

</div>

<span>Downloads</span>

</div>

<span>Avg Rating</span>

</div>

</section>

<!– ===== EBOOKS SECTION ===== –>

<!– EDIT: Update section label, heading and description –>

<div class=”lp-label”>Our Collection</div>

<h2>Featured Ebooks & PDF Guides</h2>

<p>Explore our growing library of practical guides designed to help you level up fast.</p>

</div>

<!– ===== EBOOK CARD 1 — EDIT THIS BLOCK ===== –>

<!– EDIT: Replace the placeholder div below with: <img src=”YOUR-EBOOK-COVER-URL.jpg” alt=”Ebook Title” class=”lp-ebook-img”> –>

Add Ebook Cover

</div>

<div class=”lp-ebook-tag”>Business</div> <!– EDIT: Category –>

<h3>The Ultimate Business Blueprint</h3> <!– EDIT: Ebook title –>

<p>A step-by-step guide to launching and scaling your online business from zero to profit.</p> <!– EDIT: Description –>

<a href=”#” class=”lp-btn-card”>Download Now</a> <!– EDIT: Replace # with your download/landing link –>

</div>

<!– ===== EBOOK CARD 2 — EDIT THIS BLOCK ===== –>

Add Ebook Cover

</div>

<div class=”lp-ebook-tag”>Marketing</div>

<h3>Social Media Mastery Guide</h3>

<p>Learn proven strategies to grow your audience and convert followers into paying customers.</p>

<a href=”#” class=”lp-btn-card”>Download Now</a>

</div>

<!– ===== EBOOK CARD 3 — EDIT THIS BLOCK ===== –>

Add Ebook Cover

</div>

<div class=”lp-ebook-tag”>Productivity</div>

<h3>Deep Work: Focus Framework</h3>

<p>Master the art of deep focus and get more done in 4 hours than most do in a full day.</p>

<a href=”#” class=”lp-btn-card”>Download Now</a>

</div>

<!– ===== EBOOK CARD 4 — EDIT THIS BLOCK ===== –>

Add Ebook Cover

</div>

<div class=”lp-ebook-tag”>Finance</div>

<h3>Personal Finance Starter Kit</h3>

<p>Everything you need to take control of your money, budget smarter, and start investing.</p>

<a href=”#” class=”lp-btn-card”>Download Now</a>

</div>

<!– ===== EBOOK CARD 5 — EDIT THIS BLOCK ===== –>

Add Ebook Cover

</div>

<div class=”lp-ebook-tag”>Growth</div>

<h3>Email Marketing 101</h3>

<p>Build and grow an email list that generates consistent revenue on autopilot.</p>

<a href=”#” class=”lp-btn-card”>Download Now</a>

</div>

<!– ===== EBOOK CARD 6 — EDIT THIS BLOCK ===== –>

Add Ebook Cover

</div>

<div class=”lp-ebook-tag”>Mindset</div>

<h3>The Winning Mindset Blueprint</h3>

<p>Reprogram your mind for success with practical daily habits and proven mental frameworks.</p>

<a href=”#” class=”lp-btn-card”>Download Now</a>

</div>

</section>

<!– ===== ABOUT SECTION ===== –>

<!– EDIT: Replace placeholder with: <img src=”YOUR-PHOTO-URL.jpg” alt=”About Me”> –>

Add Your Photo Here

</div>

<!– EDIT: Update the achievement badge –>

<span>Experience</span>

</div>

<div class=”lp-label”>About Me</div>

<!– EDIT: Update your name, story, and bullet points –>

<h2>Hi, I’m [Your Name] — I Help You Learn Faster & Earn Smarter</h2>

<p>I’ve spent over 5 years researching, testing, and compiling the best strategies in business, marketing, and personal growth — so you don’t have to.</p>

<p>My mission is simple: give you access to premium-quality knowledge, completely free, so you can start taking action today.</p>

<li>Curated guides from real-world experience</li>

<li>Simple, actionable steps — no fluff</li>

<li>Covers business, finance, mindset & more</li>

<li>New resources added every month</li>

</ul>

<a href=”#ebooks” class=”lp-btn-primary”>Explore All Guides</a>

</div>

</section>

<!– ===== TESTIMONIALS ===== –>

<div class=”lp-label”>What Readers Say</div>

<h2>Loved by Thousands of Readers</h2>

<p>Here’s what people are saying about our free guides and resources.</p>

</div>

<!– EDIT: Replace with real testimonials –>

<p>”This ebook completely changed how I approach my business. The strategies are practical and easy to implement. Highly recommend!”</p>

<strong>Sarah M.</strong>

<span>Entrepreneur</span>

</div>

<p>”I’ve downloaded 3 guides so far and each one is packed with value. Can’t believe this is all free. Absolutely amazing resource!”</p>

<strong>James K.</strong>

<span>Freelancer</span>

</div>

<p>”The productivity guide helped me 3x my output in just two weeks. Simple, clear, and incredibly effective. Thank you!”</p>

<strong>Anika R.</strong>

<span>Content Creator</span>

</div>

</section>

<!– ===== CTA BANNER ===== –>

<!– EDIT: Update CTA heading, description, and button link –>

<h2>Ready to Start Your Journey?</h2>

<p>Download your first free guide today and take the first step towards your goals.</p>

<a href=”#ebooks” class=”lp-btn-white”>Get Free Access Now</a>

</section>

<!– ===== FOOTER ===== –>

<!– EDIT: Update brand name and description –>

<span class=”lp-logo”>Digi<span>Vision</span> Hub</span>

<p>Your go-to destination for free, high-quality ebooks and PDF guides on business, marketing, and personal growth.</p>

</div>

<div>

<h4>Quick Links</h4>

<ul>

<!– EDIT: Update links –>

<li><a href=”#ebooks”>Ebooks</a></li>

<li><a href=”#about”>About</a></li>

<li><a href=”#testimonials”>Reviews</a></li>

<li><a href=”#contact”>Contact</a></li>

</ul>

</div>

<div>

<h4>Categories</h4>

<ul>

<!– EDIT: Update categories –>

<li><a href=”#”>Business</a></li>

<li><a href=”#”>Marketing</a></li>

<li><a href=”#”>Productivity</a></li>

<li><a href=”#”>Finance</a></li>

<li><a href=”#”>Mindset</a></li>

</ul>

</div>

<!– EDIT: Update copyright name and year –>

</div>

</footer>

</div>