Spaces:
Running
Running
File size: 7,704 Bytes
98ca675 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>10 Parenting Hacks That Actually Work - SurvivingParenthood.co</title>
<meta name="description" content="Real solutions from parents who've been there, not Pinterest-perfect fantasies. Tested parenting hacks that actually work in real life.">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: {
DEFAULT: '#FF6B35',
dark: '#E05A2B'
},
secondary: {
DEFAULT: '#004E7C',
dark: '#003D5F'
}
},
fontFamily: {
sans: ['Inter', 'Helvetica Neue', 'sans-serif'],
heading: ['Poppins', 'sans-serif']
}
}
}
}
</script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
</head>
<body class="bg-gray-50 font-sans text-gray-800">
<!-- Navigation -->
<nav class="bg-white shadow-sm">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<div class="flex items-center">
<a href="/" class="flex-shrink-0 flex items-center">
<span class="text-primary-600 font-heading font-bold text-xl">SurvivingParenthood.co</span>
</a>
</div>
<div class="hidden sm:ml-6 sm:flex sm:space-x-8">
<a href="/reviews" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Reviews</a>
<a href="/guides" class="border-primary-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Guides</a>
<a href="/about" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">About</a>
</div>
<div class="-mr-2 flex items-center sm:hidden">
<button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-primary-500" aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<i data-feather="menu"></i>
</button>
</div>
</div>
</div>
<!-- Mobile menu -->
<div class="sm:hidden hidden" id="mobile-menu">
<div class="pt-2 pb-3 space-y-1">
<a href="/reviews" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Reviews</a>
<a href="/guides" class="bg-primary-50 border-primary-500 text-primary-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Guides</a>
<a href="/about" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">About</a>
</div>
</div>
</nav>
<!-- Breadcrumbs -->
<div class="bg-gray-100">
<div class="max-w-7xl mx-auto py-3 px-4 sm:px-6 lg:px-8">
<nav class="flex" aria-label="Breadcrumb">
<ol class="flex items-center space-x-4">
<li>
<div>
<a href="/" class="text-gray-500 hover:text-gray-700">
<i data-feather="home" class="flex-shrink-0 h-4 w-4"></i>
<span class="sr-only">Home</span>
</a>
</div>
</li>
<li>
<div class="flex items-center">
<i data-feather="chevron-right" class="flex-shrink-0 h-4 w-4 text-gray-400"></i>
<a href="/guides" class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700">Guides</a>
</div>
</li>
<li>
<div class="flex items-center">
<i data-feather="chevron-right" class="flex-shrink-0 h-4 w-4 text-gray-400"></i>
<span class="ml-4 text-sm font-medium text-gray-700">Parenting Hacks</span>
</div>
</li>
</ol>
</nav>
</div>
</div>
<!-- Guide Header -->
<div class="bg-white">
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
<div class="lg:flex lg:items-center lg:justify-between">
<div class="flex-1 min-w-0">
<h1 class="text-3xl font-bold leading-tight text-gray-900 sm:text-4xl sm:leading-none lg:text-5xl">
10 Parenting Hacks That Actually Work
</h1>
<p class="mt-3 text-xl text-gray-500">
Real solutions from parents who've been there, not Pinterest-perfect fantasies
</p>
<div class="mt-4 flex items-center">
<div class="flex items-center text-gray-500">
<i data-feather="clock" class="h-4 w-4"></i>
<span class="ml-1 text-sm">8 minute read</span>
</div>
<span class="mx-3 text-gray-300">|</span>
<div class="flex items-center text-gray-500">
<i data-feather="calendar" class="h-4 w-4"></i>
<span class="ml-1 text-sm">Last updated: May 22, 2023</span>
</div>
</div>
</div>
<div class="mt-8 flex lg:mt-0 lg:flex-shrink-0">
<div class="inline-flex rounded-md shadow">
<a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-primary-600 hover:bg-primary-700">
Save for Later
<i data-feather="bookmark" class="ml-2 w-4 h-4"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
<div class="lg:grid lg:grid-cols-12 lg:gap-8">
<div class="lg:col-span-8">
<!-- Hero Image -->
<div class="mb-8">
<img class="
</body>
</html> |