<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Blogmines.com</title>
    <meta name="description" content="Simple calculators, checkers, and planners to improve focus, energy, and balance. Free productivity, health, fitness, and wellness tools." />
    <meta name="author" content="Ravi Shankar" />
    <meta name="keywords" content="productivity tools, health calculators, wellness tools, free tools, automation, digital wellness" />
    
    <meta name="robots" content="index, follow" />
    <meta name="googlebot" content="index, follow" />
    
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://blogmines.com/" />
    <meta property="og:title" content="Blogmines.com" />
    <meta property="og:description" content="Simple calculators, checkers, and planners to improve focus, energy, and balance. Free productivity, health, fitness, and wellness tools." />
    <meta property="og:image" content="https://blogmines.com/assets/img/social-preview.png" />
    <meta property="og:site_name" content="Blogmines.com" />
    
    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://blogmines.com/" />
    <meta property="twitter:title" content="Blogmines.com" />
    <meta property="twitter:description" content="Simple calculators, checkers, and planners to improve focus, energy, and balance. Free productivity, health, fitness, and wellness tools." />
    <meta property="twitter:image" content="https://blogmines.com/assets/img/social-preview.png" />
    
    <link rel="shortcut icon" href="/assets/img/favicon.ico" />
    <link rel="stylesheet" href="/assets/css/jekyll-theme-chirpy.css" />
    <link rel="stylesheet" href="/assets/css/custom.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
    
    <!-- Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Blogmines.com",
      "description": "Simple calculators, checkers, and planners to improve focus, energy, and balance. Free productivity, health, fitness, and wellness tools.",
      "url": "https://blogmines.com",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://blogmines.com/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "publisher": {
        "@type": "Organization",
        "name": "Blogmines.com",
        "url": "https://blogmines.com",
        "logo": {
          "@type": "ImageObject",
          "url": "https://blogmines.com/assets/img/logo.png"
        }
      }
    }
    </script>
    
    <!-- Begin Jekyll SEO tag v2.8.0 -->
<title>Blogmines.com | Free Productivity, Health &amp; Wellness Tools</title>
<meta name="generator" content="Jekyll v4.4.1" />
<meta property="og:title" content="Blogmines.com" />
<meta property="og:locale" content="en" />
<meta name="description" content="Simple calculators, checkers, and planners to improve focus, energy, and balance. Free productivity, health, fitness, and wellness tools." />
<meta property="og:description" content="Simple calculators, checkers, and planners to improve focus, energy, and balance. Free productivity, health, fitness, and wellness tools." />
<link rel="canonical" href="https://blogmines.com/" />
<meta property="og:url" content="https://blogmines.com/" />
<meta property="og:site_name" content="Blogmines.com" />
<meta property="og:type" content="website" />
<link rel="next" href="https://blogmines.com/page2" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Blogmines.com" />
<meta name="twitter:site" content="@rshankra" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebSite","description":"Simple calculators, checkers, and planners to improve focus, energy, and balance. Free productivity, health, fitness, and wellness tools.","headline":"Blogmines.com","name":"Ravi Shankar","sameAs":["https://x.com/rshankra","https://github.com/rshankras","https://www.linkedin.com/in/sravis/"],"url":"https://blogmines.com/"}</script>
<!-- End Jekyll SEO tag -->


    <!-- Google Analytics -->
    
  </head>

  <body>
    <div id="main-wrapper">
      <!-- Navigation -->
      <nav class="navbar">
        <div class="nav-container">
          <a class="navbar-brand" href="/">
            Blogmines.com
          </a>
          <div class="nav-menu">
            <a class="nav-link" href="/">
              <i class="fas fa-home"></i>Home
            </a>
            <a class="nav-link" href="/tools">
              <i class="fas fa-tools"></i>Tools
            </a>
            <a class="nav-link" href="/archives">
              <i class="fas fa-newspaper"></i>Articles
            </a>
            <a class="nav-link" href="/about">
              <i class="fas fa-info-circle"></i>About
            </a>
          </div>
          <div class="nav-toggle">
            <span></span>
            <span></span>
            <span></span>
          </div>
        </div>
      </nav>

      <!-- Main Content -->
      <main class="main-content">
        



<div class="homepage">
  <!-- Hero Section -->
  <section class="hero-section">
    <div class="container">
      <div class="hero-content">
        <div class="hero-badge">100% Free Tools</div>
        <h1 class="hero-title">Better health & productivity starts here</h1>
        <p class="hero-subtitle">Simple, science-backed calculators and tools to improve your sleep, focus, and well-being. No signup required.</p>
        <a href="#tools" class="cta-button">Explore Free Tools <span>→</span></a>
      </div>
    </div>
  </section>

  <!-- Featured Tools Section -->
  <section id="tools" class="tools-section">
    <div class="container">
      <h2 class="section-title">Featured Tools</h2>
      <div class="tools-grid">
        
        <div class="tool-card">
          <div class="tool-icon">
            <i class="fas fa-bed"></i>
          </div>
          <h3 class="tool-name">Sleep Debt Calculator</h3>
          <p class="tool-description">Calculate your sleep debt and get personalized recommendations for better rest</p>
          <a href="/tools/sleep-debt-calculator" class="tool-link">Try Tool</a>
        </div>
        
        <div class="tool-card">
          <div class="tool-icon">
            <i class="fas fa-eye"></i>
          </div>
          <h3 class="tool-name">Eye Strain Test</h3>
          <p class="tool-description">Quick assessment to check if you're experiencing digital eye strain</p>
          <a href="/tools/eye-strain-test" class="tool-link">Try Tool</a>
        </div>
        
        <div class="tool-card">
          <div class="tool-icon">
            <i class="fas fa-clock"></i>
          </div>
          <h3 class="tool-name">Work Time Calculator</h3>
          <p class="tool-description">Track your productivity hours and optimize your work schedule</p>
          <a href="/tools/work-time-calculator" class="tool-link">Try Tool</a>
        </div>
        
        <div class="tool-card">
          <div class="tool-icon">
            <i class="fas fa-heart"></i>
          </div>
          <h3 class="tool-name">Stress Score Calculator</h3>
          <p class="tool-description">Evaluate your stress levels and get actionable wellness tips</p>
          <a href="/tools/stress-score-calculator" class="tool-link">Try Tool</a>
        </div>
        
        <div class="tool-card">
          <div class="tool-icon">
            <i class="fas fa-journal-whills"></i>
          </div>
          <h3 class="tool-name">Gratitude Journal Generator</h3>
          <p class="tool-description">Create personalized gratitude prompts to boost your mood</p>
          <a href="/tools/gratitude-journal" class="tool-link">Try Tool</a>
        </div>
        
        <div class="tool-card">
          <div class="tool-icon">
            <i class="fas fa-dumbbell"></i>
          </div>
          <h3 class="tool-name">TDEE Calculator</h3>
          <p class="tool-description">Calculate your Total Daily Energy Expenditure for fitness goals</p>
          <a href="/tools/tdee-calculator" class="tool-link">Try Tool</a>
        </div>
        
        <div class="tool-card">
          <div class="tool-icon">
            <i class="fas fa-receipt"></i>
          </div>
          <h3 class="tool-name">Expense Split Calculator</h3>
          <p class="tool-description">Split bills and expenses fairly between friends or groups</p>
          <a href="/tools/expense-split-calculator" class="tool-link">Try Tool</a>
        </div>
        
        <div class="tool-card">
          <div class="tool-icon">
            <i class="fas fa-dollar-sign"></i>
          </div>
          <h3 class="tool-name">Tip Calculator</h3>
          <p class="tool-description">Calculate tips and split restaurant bills easily</p>
          <a href="/tools/tip-calculator" class="tool-link">Try Tool</a>
        </div>
        
        <div class="tool-card">
          <div class="tool-icon">
            <i class="fas fa-wallet"></i>
          </div>
          <h3 class="tool-name">Budget Calculator</h3>
          <p class="tool-description">Plan your monthly budget with the 50/30/20 rule</p>
          <a href="/tools/budget-calculator" class="tool-link">Try Tool</a>
        </div>
        
        <div class="tool-card">
          <div class="tool-icon">
            <i class="fas fa-calendar-alt"></i>
          </div>
          <h3 class="tool-name">Date & Time Calculator</h3>
          <p class="tool-description">Calculate date differences, add/subtract time, and plan events</p>
          <a href="/tools/date-time-calculator" class="tool-link">Try Tool</a>
        </div>
        
        <div class="tool-card">
          <div class="tool-icon">
            <i class="fas fa-moon"></i>
          </div>
          <h3 class="tool-name">Sleep Cycle Calculator</h3>
          <p class="tool-description">Find the best time to wake up or go to sleep based on 90-minute cycles</p>
          <a href="/tools/sleep-cycle-calculator" class="tool-link">Try Tool</a>
        </div>
        
        <div class="tool-card">
          <div class="tool-icon">
            <i class="fas fa-weight"></i>
          </div>
          <h3 class="tool-name">BMI Calculator</h3>
          <p class="tool-description">Calculate your Body Mass Index and check if you're at a healthy weight</p>
          <a href="/tools/bmi-calculator" class="tool-link">Try Tool</a>
        </div>
        
        <div class="tool-card">
          <div class="tool-icon">
            <i class="fas fa-home"></i>
          </div>
          <h3 class="tool-name">Mortgage Calculator</h3>
          <p class="tool-description">Calculate monthly mortgage payments with taxes and insurance</p>
          <a href="/tools/mortgage-calculator" class="tool-link">Try Tool</a>
        </div>
        
        <div class="tool-card">
          <div class="tool-icon">
            <i class="fas fa-birthday-cake"></i>
          </div>
          <h3 class="tool-name">Age Calculator</h3>
          <p class="tool-description">Calculate your exact age in years, months, days, and hours</p>
          <a href="/tools/age-calculator" class="tool-link">Try Tool</a>
        </div>
        
        <div class="tool-card">
          <div class="tool-icon">
            <i class="fas fa-wind"></i>
          </div>
          <h3 class="tool-name">Breathing Exercise</h3>
          <p class="tool-description">Guided breathing exercises for stress relief and relaxation</p>
          <a href="/tools/breathing-exercise" class="tool-link">Try Tool</a>
        </div>
        
      </div>
      <div class="tools-cta">
        <a href="/tools" class="secondary-button">View All Free Tools</a>
      </div>
    </div>
  </section>

  <!-- Why Blogmines Section -->
  <section class="why-section">
    <div class="container">
      <h2 class="section-title">Why Blogmines?</h2>
      <div class="benefits-grid">
        <div class="benefit-card">
          <div class="benefit-icon">
            <i class="fas fa-rocket"></i>
          </div>
          <h3>Productivity</h3>
          <p>Stay focused with our productivity timers and planners designed to optimize your work efficiency.</p>
        </div>
        <div class="benefit-card">
          <div class="benefit-icon">
            <i class="fas fa-heartbeat"></i>
          </div>
          <h3>Health</h3>
          <p>Monitor and improve your health with our calculators and assessment tools for better wellness.</p>
        </div>
        <div class="benefit-card">
          <div class="benefit-icon">
            <i class="fas fa-leaf"></i>
          </div>
          <h3>Wellness</h3>
          <p>Find balance and mindfulness with our wellness tools and stress management resources.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- My Apps Section -->
  <section id="apps" class="apps-section">
    <div class="container">
      <h2 class="section-title">My Apps</h2>
      <div class="apps-grid">
        
        <div class="app-card">
          <div class="app-icon">
            <i class="fas fa-receipt"></i>
          </div>
          <div class="app-content">
            <h3 class="app-name">Settle Up</h3>
            <p class="app-description">Split bills and expenses with friends effortlessly</p>
            <a href="https://apps.apple.com/us/app/settle-up-expense-split/id1041478586" class="app-store-button" target="_blank" rel="noopener">
              <img src="/assets/img/app-store-badge.svg" alt="Download on the App Store" class="app-store-badge">
            </a>
          </div>
        </div>
        
        <div class="app-card">
          <div class="app-icon">
            <i class="fas fa-wallet"></i>
          </div>
          <div class="app-content">
            <h3 class="app-name">FinFlair</h3>
            <p class="app-description">Smart budgeting and expense tracking</p>
            <a href="https://apps.apple.com/us/app/mortgage-calculator-finflair/id6470103890" class="app-store-button" target="_blank" rel="noopener">
              <img src="/assets/img/app-store-badge.svg" alt="Download on the App Store" class="app-store-badge">
            </a>
          </div>
        </div>
        
        <div class="app-card">
          <div class="app-icon">
            <i class="fas fa-moon"></i>
          </div>
          <div class="app-content">
            <h3 class="app-name">SleepRiddle</h3>
            <p class="app-description">Track and improve your sleep quality</p>
            <a href="https://apps.apple.com/us/app/sleepriddle-rest-better/id6753263352" class="app-store-button" target="_blank" rel="noopener">
              <img src="/assets/img/app-store-badge.svg" alt="Download on the App Store" class="app-store-badge">
            </a>
          </div>
        </div>
        
        <div class="app-card">
          <div class="app-icon">
            <i class="fas fa-eye"></i>
          </div>
          <div class="app-content">
            <h3 class="app-name">Eye Rest Timer</h3>
            <p class="app-description">Gentle reminders for healthy screen time</p>
            <a href="https://apps.apple.com/us/app/eye-rest-timer-ease-eyes/id6475638039" class="app-store-button" target="_blank" rel="noopener">
              <img src="/assets/img/app-store-badge.svg" alt="Download on the App Store" class="app-store-badge">
            </a>
          </div>
        </div>
        
        <div class="app-card">
          <div class="app-icon">
            <i class="fas fa-smile"></i>
          </div>
          <div class="app-content">
            <h3 class="app-name">Magizh</h3>
            <p class="app-description">Capture daily joyful moments</p>
            <a href="https://apps.apple.com/us/app/cherish-joy-moments-magizh/id6741411057" class="app-store-button" target="_blank" rel="noopener">
              <img src="/assets/img/app-store-badge.svg" alt="Download on the App Store" class="app-store-badge">
            </a>
          </div>
        </div>
        
        <div class="app-card">
          <div class="app-icon">
            <i class="fas fa-om"></i>
          </div>
          <div class="app-content">
            <h3 class="app-name">ChantFlow</h3>
            <p class="app-description">Mindfulness and meditation practice</p>
            <a href="https://apps.apple.com/us/app/daily-om-practice-chantflow/id6633438828" class="app-store-button" target="_blank" rel="noopener">
              <img src="/assets/img/app-store-badge.svg" alt="Download on the App Store" class="app-store-badge">
            </a>
          </div>
        </div>
        
        <div class="app-card">
          <div class="app-icon">
            <i class="fas fa-chart-line"></i>
          </div>
          <div class="app-content">
            <h3 class="app-name">Time Tracker (Mac)</h3>
            <p class="app-description">Track app usage and productivity</p>
            <a href="https://www.rshankar.com/timetracker/" class="app-store-button" target="_blank" rel="noopener">
              <img src="/assets/img/app-store-badge.svg" alt="Download on the App Store" class="app-store-badge">
            </a>
          </div>
        </div>
        
        <div class="app-card">
          <div class="app-icon">
            <i class="fas fa-calendar-alt"></i>
          </div>
          <div class="app-content">
            <h3 class="app-name">Tickr</h3>
            <p class="app-description">Calculate date differences, add/subtract time, and plan events</p>
            <a href="https://apps.apple.com/us/app/date-time-calculator-tickr/id6469073541" class="app-store-button" target="_blank" rel="noopener">
              <img src="/assets/img/app-store-badge.svg" alt="Download on the App Store" class="app-store-badge">
            </a>
          </div>
        </div>
        
      </div>
    </div>
  </section>

</div>

<style>
/* Modern Homepage Styles - DeskBreak.app Inspired */
.homepage {
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, sans-serif;
  background: #ffffff;
}

/* Hero Section - Clean & Minimal */
.hero-section {
  background: linear-gradient(180deg, #fafbfc 0%, #ffffff 100%);
  padding: 100px 20px 80px;
  text-align: center;
  position: relative;
}

.hero-badge {
  display: inline-block;
  background: #10b981;
  color: white;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.hero-content {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 20px;
}

.hero-title {
  font-size: 3.5rem;
  font-weight: 700;
  margin: 0 0 20px 0;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #111827;
}

.hero-subtitle {
  font-size: 1.25rem;
  margin: 0 0 32px 0;
  line-height: 1.7;
  color: #6b7280;
  font-weight: 400;
}

.cta-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #111827;
  color: white;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.cta-button:hover {
  background: #1f2937;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  color: white;
  text-decoration: none;
}

.cta-button span {
  transition: transform 0.2s ease;
}

.cta-button:hover span {
  transform: translateX(4px);
}

/* Container */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
}

/* Section Titles - Minimal */
.section-title {
  font-size: 2.25rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 48px 0;
  color: #111827;
  letter-spacing: -0.025em;
}

/* Tools Section - Clean White */
.tools-section {
  padding: 80px 0;
  background: #ffffff;
}

.tools-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
  margin-bottom: 40px;
}

.tool-card {
  background: #ffffff;
  padding: 32px 28px;
  border-radius: 12px;
  text-align: left;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
  position: relative;
}

.tool-card:hover {
  border-color: #d1d5db;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

.tool-icon {
  font-size: 2rem;
  color: #111827;
  margin-bottom: 16px;
  display: inline-block;
}

.tool-name {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 8px 0;
  color: #111827;
  letter-spacing: -0.015em;
}

.tool-description {
  color: #6b7280;
  margin: 0 0 16px 0;
  line-height: 1.6;
  font-size: 0.9375rem;
}

.tool-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #111827;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9375rem;
  transition: all 0.2s ease;
}

.tool-link:after {
  content: '→';
  transition: transform 0.2s ease;
}

.tool-link:hover {
  color: #000000;
}

.tool-link:hover:after {
  transform: translateX(4px);
}

.tools-cta {
  text-align: center;
}

.secondary-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f9fafb;
  color: #111827;
  padding: 12px 24px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9375rem;
  transition: all 0.2s ease;
}

.secondary-button:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
  color: #111827;
  text-decoration: none;
  transform: translateY(-1px);
}

/* Why Section - Subtle Background */
.why-section {
  padding: 80px 0;
  background: #fafbfc;
}

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
}

.benefit-card {
  text-align: center;
  padding: 32px 24px;
}

.benefit-icon {
  font-size: 2rem;
  color: #111827;
  margin-bottom: 16px;
}

.benefit-card h3 {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 8px 0;
  color: #111827;
}

.benefit-card p {
  color: #6b7280;
  line-height: 1.6;
  font-size: 0.9375rem;
  margin: 0;
}

/* Apps Section - Clean White */
.apps-section {
  padding: 80px 0;
  background: #ffffff;
}

.apps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 24px;
}

.app-card {
  background: #ffffff;
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  gap: 20px;
  transition: all 0.2s ease;
}

.app-card:hover {
  border-color: #d1d5db;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

.app-icon {
  font-size: 2rem;
  color: #111827;
  min-width: 48px;
  text-align: center;
}

.app-content {
  flex: 1;
}

.app-name {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 4px 0;
  color: #111827;
}

.app-description {
  color: #6b7280;
  margin: 0 0 12px 0;
  line-height: 1.5;
  font-size: 0.9375rem;
}

.app-store-badge {
  height: 36px;
  width: auto;
  opacity: 0.9;
  transition: opacity 0.2s ease;
}

.app-card:hover .app-store-badge {
  opacity: 1;
}

/* Newsletter Section - Modern Minimal */
.newsletter-section {
  padding: 80px 0;
  background: #fafbfc;
}

.newsletter-content {
  text-align: center;
  max-width: 560px;
  margin: 0 auto;
}

.newsletter-title {
  font-size: 1.875rem;
  font-weight: 700;
  margin: 0 0 16px 0;
  color: #111827;
  letter-spacing: -0.025em;
}

.newsletter-form {
  max-width: 440px;
  margin: 24px auto 0;
}

.form-group {
  display: flex;
  gap: 8px;
}

.form-group input {
  flex: 1;
  padding: 12px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  font-size: 0.9375rem;
  background: #ffffff;
  transition: all 0.2s ease;
}

.form-group input:focus {
  outline: none;
  border-color: #111827;
  box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.1);
}

.newsletter-button {
  background: #111827;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 0.9375rem;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.newsletter-button:hover {
  background: #1f2937;
  transform: translateY(-1px);
}

/* Responsive Design */
@media (max-width: 768px) {
  .hero-section {
    padding: 60px 20px 50px;
  }

  .hero-title {
    font-size: 2.5rem;
  }

  .hero-subtitle {
    font-size: 1.125rem;
  }

  .section-title {
    font-size: 1.875rem;
  }

  .tools-grid,
  .benefits-grid,
  .apps-grid {
    grid-template-columns: 1fr;
  }

  .app-card {
    flex-direction: row;
  }

  .form-group {
    flex-direction: column;
  }

  .newsletter-button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .hero-title {
    font-size: 2rem;
  }

  .hero-subtitle {
    font-size: 1rem;
  }

  .tool-card {
    padding: 24px 20px;
  }

  .app-card {
    padding: 20px;
  }
}
</style>

      </main>

      <!-- Footer -->
      <footer class="footer">
        <div class="footer-container">
          <div class="footer-content">
            <div class="footer-section">
              <h5 class="footer-title">Blogmines.com</h5>
              <p class="footer-description">Free productivity, health & wellness tools to improve focus, energy, and balance. No signup required.</p>
            </div>
            <div class="footer-section">
              <h6 class="footer-heading">Free Tools</h6>
              <ul class="footer-links">
                <li><a href="/tools/sleep-debt-calculator">Sleep Debt Calculator</a></li>
                <li><a href="/tools/sleep-cycle-calculator">Sleep Cycle Calculator</a></li>
                <li><a href="/tools/eye-strain-test">Eye Strain Test</a></li>
                <li><a href="/tools/work-time-calculator">Work Time Calculator</a></li>
                <li><a href="/tools/age-calculator">Age Calculator</a></li>
                <li><a href="/tools/bmi-calculator">BMI Calculator</a></li>
                <li><a href="/tools/mortgage-calculator">Mortgage Calculator</a></li>
                <li><a href="/tools/breathing-exercise">Breathing Exercise</a></li>
                <li><a href="/tools">View All Tools →</a></li>
              </ul>
            </div>
            <div class="footer-section">
              <h6 class="footer-heading">iOS & Mac Apps</h6>
              <ul class="footer-links">
                <li><a href="https://apps.apple.com/us/app/sleepriddle-rest-better/id6753263352" target="_blank" rel="noopener">SleepRiddle</a></li>
                <li><a href="https://apps.apple.com/us/app/cherish-joy-moments-magizh/id6741411057" target="_blank" rel="noopener">Magizh</a></li>
                <li><a href="https://apps.apple.com/us/app/daily-om-practice-chantflow/id6633438828" target="_blank" rel="noopener">ChantFlow</a></li>
                <li><a href="https://apps.apple.com/us/app/eye-rest-timer-ease-eyes/id6475638039" target="_blank" rel="noopener">Eye Rest Timer</a></li>
                <li><a href="https://apps.apple.com/us/app/date-time-calculator-tickr/id6469073541" target="_blank" rel="noopener">Tickr</a></li>
                <li><a href="https://apps.apple.com/us/app/mortgage-calculator-finflair/id6470103890" target="_blank" rel="noopener">FinFlair</a></li>
                <li><a href="/#apps">View All Apps →</a></li>
              </ul>
            </div>
            <div class="footer-section">
              <h6 class="footer-heading">Resources</h6>
              <ul class="footer-links">
                <li><a href="/archives">All Articles</a></li>
                <li><a href="/tools">All Tools</a></li>
                <li><a href="/#apps">Our Apps</a></li>
                <li><a href="/about">About Us</a></li>
              </ul>
            </div>
            <div class="footer-section">
              <h6 class="footer-heading">Company</h6>
              <ul class="footer-links">
                <li><a href="/about">About</a></li>
                <li><a href="/privacy">Privacy Policy</a></li>
                <li><a href="/terms">Terms of Service</a></li>
              </ul>
            </div>
          </div>
          <div class="footer-bottom">
            <div class="footer-copyright">
              <p>&copy; 2025 Blogmines.com. All rights reserved.</p>
            </div>
          </div>
        </div>
      </footer>
    </div>

    <!-- Scripts -->
    <script>
      // Mobile navigation toggle
      document.addEventListener('DOMContentLoaded', function() {
        const navToggle = document.querySelector('.nav-toggle');
        const navMenu = document.querySelector('.nav-menu');
        
        if (navToggle && navMenu) {
          navToggle.addEventListener('click', function() {
            navMenu.classList.toggle('active');
          });
        }
      });
    </script>
    <script src="/assets/js/dist/misc.min.js"></script>
    
  </body>
</html>
