<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Casual Cooking — Simple Recipes for Real Life</title>
  <meta name="description" content="Home cooking made easy. Simple, delicious recipes with everyday ingredients. No culinary degree needed.">

  <!-- Fonts matching the original Pulse News theme -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Inter:wght@400;500;600;700&display=swap" onload="this.onload=null;this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Inter:wght@400;500;600;700&display=swap"></noscript>

  <!-- Theme CSS (downloaded from original server) -->
  <link rel="stylesheet" href="/css/bootstrap.css">
  <link rel="stylesheet" href="/css/newsup.css">
  <link rel="stylesheet" href="/css/pulse-news.css">
  <link rel="stylesheet" href="/css/colors-default.css">
  <link rel="stylesheet" href="/css/owl.carousel.css">
  <link rel="stylesheet" href="/css/font-awesome/css/all.min.css">

  <style>
    /* Font overrides matching the original Pulse News theme */
    :root { --headFont: "Playfair Display", serif; --bodyFont: 'Inter', sans-serif; }

    /* Category badge colour — Newsup/Pulse News default */
    .newsup-categories { background: #e53e3e !important; color: #fff !important; }
    .newsup-categories:hover { background: #c53030 !important; color: #fff !important; }

    /* Site title on white header bg */
    .mg-nav-widget-area-back .site-title a, .mg-nav-widget-area-back .site-title { color: #1a365d !important; }
    .mg-nav-widget-area-back .site-description { color: #555 !important; }

    /* Post-thumb fixed height so images align in grid */
    .mg-post-thumb { overflow: hidden; height: 220px; }
    .mg-post-thumb img { width: 100%; height: 100%; object-fit: cover; }

    /* Featured hero height (back-img) */
    .mg-blog-post.lg.back-img { background-size: cover; background-position: center; min-height: 340px; }

    /* White card backgrounds on the dark body */
    .mg-blog-post-box { background: #fff; }
    .recent-posts .mg-blog-post-box { border-bottom: 1px solid #eee; }
    .recent-posts .mg-blog-post-box:last-child { border-bottom: none; }
    .recent-posts .mg-blog-post-box .small { padding: 14px 16px; }

    /* Featured area: white background so sidebar posts are readable */
    .mg-fea-area, .mg-fea-area .overlay { background: #fff; }

    /* Grid section: grey background, white cards */
    #content.home { background: #f4f7fc; padding: 30px 20px; }
    #grid .mg-blog-post-box { margin-bottom: 28px; box-shadow: 0 1px 3px rgba(0,0,0,.07); }

    /* Section heading bar */
    .sec-heading { border-left: 4px solid #e53e3e; padding-left: 10px; font-family: var(--headFont); font-size: 1.1rem; font-weight: 700; margin: 24px 0 18px; color: #1a365d; }

    /* Navbar active item */
    .navbar-wp .nav-item.active > .nav-link { color: #fff !important; background: #e53e3e; }
  </style>

  <!-- BEGIN: seo -->
  <link rel="canonical" href="https://casual-cooking.com/">
  <link rel="alternate" type="text/plain" title="LLM-friendly site description" href="/llms.txt">
  <meta name="robots" content="index,follow,max-image-preview:large">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://casual-cooking.com/">
  <meta property="og:title" content="Casual Cooking — Simple Recipes for Real Life">
  <meta property="og:description" content="Home cooking made easy. Simple, delicious recipes with everyday ingredients. No culinary degree needed.">
  <meta property="og:locale" content="en">
  <meta property="og:site_name" content="casual-cooking.com">
  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="Casual Cooking — Simple Recipes for Real Life">
  <meta name="twitter:description" content="Home cooking made easy. Simple, delicious recipes with everyday ingredients. No culinary degree needed.">
  <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Casual Cooking — Simple Recipes for Real Life","url":"https://casual-cooking.com/","description":"Home cooking made easy. Simple, delicious recipes with everyday ingredients. No culinary degree needed.","inLanguage":"en","publisher":{"@type":"Organization","name":"DevOps Team","url":"https://devopsteam.io"}}</script>
  <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Casual Cooking — Simple Recipes for Real Life","url":"https://casual-cooking.com/","description":"Home cooking made easy. Simple, delicious recipes with everyday ingredients. No culinary degree needed."}</script>
  <!-- END: seo -->
</head>
<body class="home blog">
<div id="page" class="site">
  <a class="skip-link screen-reader-text" href="#content">Skip to content</a>

  <!-- ============================================================
       HEADER
  ============================================================ -->
  <header class="mg-headwidget">

    <!-- Top bar -->
    <div class="mg-head-detail hidden-xs">
      <div class="container-fluid">
        <div class="row align-items-center">
          <div class="col-md-6 col-xs-12">
            <ul class="info-left">
              <li>Monday, June 16, 2026</li>
            </ul>
          </div>
          <div class="col-md-6 col-xs-12">
            <ul class="mg-social info-right"></ul>
          </div>
        </div>
      </div>
    </div>

    <!-- Logo / site title area -->
    <div class="mg-nav-widget-area-back" style="background-image:url('/img/head-back.jpg');">
      <div class="overlay">
        <div class="inner" style="background-color:#fff;">
          <div class="container-fluid">
            <div class="mg-nav-widget-area">
              <div class="row align-items-center">
                <div class="col-md-12 text-center">
                  <div class="site-branding-text">
                    <h1 class="site-title"><a href="/" rel="home">casual-cooking.com</a></h1>
                    <p class="site-description">Simple recipes for real life</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Navigation -->
    <div class="mg-menu-full">
      <nav class="navbar navbar-expand-lg navbar-wp">
        <div class="container-fluid">
          <div class="m-header align-items-center">
            <a class="mobilehomebtn" href="/"><span class="fas fa-home"></span></a>
            <button class="navbar-toggler mx-auto" type="button" data-toggle="collapse" data-target="#navbar-wp" aria-controls="navbar-wp" aria-expanded="false" aria-label="Toggle navigation">
              <span class="burger"><span class="burger-line"></span><span class="burger-line"></span><span class="burger-line"></span></span>
            </button>
            <div class="dropdown show mg-search-box pr-2">
              <a class="dropdown-toggle msearch ml-auto" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <i class="fas fa-search"></i>
              </a>
            </div>
          </div>
          <div class="collapse navbar-collapse" id="navbar-wp">
            <div class="d-md-block">
              <ul class="nav navbar-nav mr-auto">
                <li class="nav-item menu-item active"><a class="nav-link" href="/">Home</a></li>
                <li class="nav-item menu-item"><a class="nav-link" href="#">Breakfast</a></li>
                <li class="nav-item menu-item"><a class="nav-link" href="#">Lunch</a></li>
                <li class="nav-item menu-item"><a class="nav-link" href="#">Dinner</a></li>
                <li class="nav-item menu-item"><a class="nav-link" href="#">Desserts</a></li>
                <li class="nav-item menu-item"><a class="nav-link" href="#">Quick &amp; Easy</a></li>
                <li class="nav-item menu-item"><a class="nav-link" href="#">Tips</a></li>
              </ul>
            </div>
            <div class="desk-header d-lg-flex pl-3 ml-auto my-2 my-lg-0 position-relative align-items-center">
              <div class="dropdown show mg-search-box pr-2">
                <a class="dropdown-toggle msearch ml-auto" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  <i class="fas fa-search"></i>
                </a>
              </div>
            </div>
          </div>
        </div>
      </nav>
    </div>

  </header><!-- .mg-headwidget -->

  <!-- ============================================================
       FEATURED SECTION
  ============================================================ -->
  <section class="mg-fea-area">
    <div class="overlay">
      <div class="container-fluid">
        <div class="row">

          <!-- Large hero post -->
          <div class="col-md-8">
            <div id="homemain" class="homemain">
              <div class="item">
                <div class="mg-blog-post lg back-img" style="background-image:url('/img/recipe-pasta.jpg');">
                  <a class="link-div" href="#"></a>
                  <article class="bottom">
                    <span class="post-form"><i class="fas fa-camera"></i></span>
                    <div class="mg-blog-category">
                      <a class="newsup-categories" href="#">Pasta</a>
                    </div>
                    <h4 class="title"><a href="#">The Art of Perfect Pasta: Everything You Need to Know</a></h4>
                    <div class="mg-blog-meta">
                      <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="#">January 8, 2025</a></span>
                      <a class="auth" href="#"><i class="fas fa-user-circle"></i>admin</a>
                    </div>
                  </article>
                </div>
              </div>
            </div>
          </div>

          <!-- Sidebar: 3 smaller posts -->
          <div class="col-md-4">
            <div class="recent-posts">

              <div class="mg-blog-post-box">
                <article class="small">
                  <div class="mg-blog-category">
                    <a class="newsup-categories" href="#">Main</a>
                  </div>
                  <h4 class="entry-title title"><a href="#">Crispy Garlic Butter Roast Chicken</a></h4>
                  <p>Spatchcocked for even cooking, basted with herbed butter — the crispiest skin you've ever had.</p>
                  <div class="mg-blog-meta">
                    <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="#">January 12, 2025</a></span>
                    <a class="auth" href="#"><i class="fas fa-user-circle"></i>admin</a>
                  </div>
                </article>
              </div>

              <div class="mg-blog-post-box">
                <article class="small">
                  <div class="mg-blog-category">
                    <a class="newsup-categories" href="#">Quick &amp; Easy</a>
                  </div>
                  <h4 class="entry-title title"><a href="#">One-Pan Shakshuka for Two</a></h4>
                  <p>Poached eggs in smoky spiced tomato sauce — ready in 25 minutes, perfect any time of day.</p>
                  <div class="mg-blog-meta">
                    <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="#">January 19, 2025</a></span>
                    <a class="auth" href="#"><i class="fas fa-user-circle"></i>admin</a>
                  </div>
                </article>
              </div>

              <div class="mg-blog-post-box">
                <article class="small">
                  <div class="mg-blog-category">
                    <a class="newsup-categories" href="#">Desserts</a>
                  </div>
                  <h4 class="entry-title title"><a href="#">Summer Strawberry Shortcake</a></h4>
                  <p>Buttery biscuits layered with macerated strawberries and freshly whipped cream.</p>
                  <div class="mg-blog-meta">
                    <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="#">January 22, 2025</a></span>
                    <a class="auth" href="#"><i class="fas fa-user-circle"></i>admin</a>
                  </div>
                </article>
              </div>

            </div>
          </div>

        </div>
      </div>
    </div>
  </section>

  <!-- ============================================================
       MAIN CONTENT GRID
  ============================================================ -->
  <div id="content" class="container-fluid home">
    <div class="row">
      <div class="col-md-12">
        <h2 class="sec-heading">Latest Recipes</h2>
        <div id="grid" class="row grid-content">

          <div class="col-lg-4 col-md-6">
            <div class="mg-blog-post-box">
              <div class="mg-post-thumb">
                <img src="/img/recipe-carbonara.jpg" class="img-fluid" alt="Spaghetti Carbonara">
                <div class="mg-blog-category">
                  <a class="newsup-categories" href="#">Pasta</a>
                </div>
              </div>
              <article class="small">
                <h4 class="title"><a href="#">Classic Spaghetti Carbonara in 20 Minutes</a></h4>
                <p>Authentic Roman carbonara — no cream, just eggs, Pecorino, guanciale, and technique. Silky every time.</p>
                <div class="mg-blog-meta">
                  <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="#">January 15, 2025</a></span>
                  <a class="auth" href="#"><i class="fas fa-user-circle"></i>admin</a>
                </div>
              </article>
            </div>
          </div>

          <div class="col-lg-4 col-md-6">
            <div class="mg-blog-post-box">
              <div class="mg-post-thumb">
                <img src="/img/recipe-pancakes.jpg" class="img-fluid" alt="Buttermilk Pancakes">
                <div class="mg-blog-category">
                  <a class="newsup-categories" href="#">Breakfast</a>
                </div>
              </div>
              <article class="small">
                <h4 class="title"><a href="#">Fluffy Buttermilk Pancakes</a></h4>
                <p>The secret is resting the batter and using a cast-iron pan. Tall, golden, impossibly soft.</p>
                <div class="mg-blog-meta">
                  <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="#">January 19, 2025</a></span>
                  <a class="auth" href="#"><i class="fas fa-user-circle"></i>admin</a>
                </div>
              </article>
            </div>
          </div>

          <div class="col-lg-4 col-md-6">
            <div class="mg-blog-post-box">
              <div class="mg-post-thumb">
                <img src="/img/recipe-avocado.jpg" class="img-fluid" alt="Avocado Toast">
                <div class="mg-blog-category">
                  <a class="newsup-categories" href="#">Light &amp; Fresh</a>
                </div>
              </div>
              <article class="small">
                <h4 class="title"><a href="#">Avocado Toast Three Ways</a></h4>
                <p>Classic with flaky salt, spicy with chilli and a poached egg, or loaded with cherry tomatoes and feta.</p>
                <div class="mg-blog-meta">
                  <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="#">January 22, 2025</a></span>
                  <a class="auth" href="#"><i class="fas fa-user-circle"></i>admin</a>
                </div>
              </article>
            </div>
          </div>

          <div class="col-lg-4 col-md-6">
            <div class="mg-blog-post-box">
              <div class="mg-post-thumb">
                <img src="/img/recipe-stirfry.jpg" class="img-fluid" alt="Chicken Stir Fry">
                <div class="mg-blog-category">
                  <a class="newsup-categories" href="#">Quick &amp; Easy</a>
                </div>
              </div>
              <article class="small">
                <h4 class="title"><a href="#">Quick Weeknight Chicken Stir-Fry</a></h4>
                <p>30 minutes, one wok, whatever's in the fridge. The sauce does all the heavy lifting.</p>
                <div class="mg-blog-meta">
                  <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="#">January 25, 2025</a></span>
                  <a class="auth" href="#"><i class="fas fa-user-circle"></i>admin</a>
                </div>
              </article>
            </div>
          </div>

          <div class="col-lg-4 col-md-6">
            <div class="mg-blog-post-box">
              <div class="mg-post-thumb">
                <img src="/img/recipe-pizza.jpg" class="img-fluid" alt="Homemade Pizza">
                <div class="mg-blog-category">
                  <a class="newsup-categories" href="#">Baking</a>
                </div>
              </div>
              <article class="small">
                <h4 class="title"><a href="#">Homemade Pizza Dough from Scratch</a></h4>
                <p>A slow 24-hour cold-ferment gives you the chewy, charred-edge crust from a proper pizzeria.</p>
                <div class="mg-blog-meta">
                  <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="#">January 29, 2025</a></span>
                  <a class="auth" href="#"><i class="fas fa-user-circle"></i>admin</a>
                </div>
              </article>
            </div>
          </div>

          <div class="col-lg-4 col-md-6">
            <div class="mg-blog-post-box">
              <div class="mg-post-thumb">
                <img src="/img/recipe-soup.jpg" class="img-fluid" alt="French Onion Soup">
                <div class="mg-blog-category">
                  <a class="newsup-categories" href="#">Soups</a>
                </div>
              </div>
              <article class="small">
                <h4 class="title"><a href="#">Classic French Onion Soup</a></h4>
                <p>Slow-caramelised onions, rich beef broth, toasted baguette, and a mountain of melted Gruyère.</p>
                <div class="mg-blog-meta">
                  <span class="mg-blog-date"><i class="fas fa-clock"></i> <a href="#">February 2, 2025</a></span>
                  <a class="auth" href="#"><i class="fas fa-user-circle"></i>admin</a>
                </div>
              </article>
            </div>
          </div>

        </div><!-- #grid -->
      </div>
    </div>
  </div><!-- #content -->

  <!-- ============================================================
       FOOTER
  ============================================================ -->
  <footer id="colophon">
    <div class="overlay">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-4">
            <div class="mg-widget footer-widget">
              <h6>casual-cooking.com</h6>
              <p>Simple, honest recipes for home cooks. Short ingredient lists, real prep times, tested by people who burn things occasionally.</p>
            </div>
          </div>
          <div class="col-md-4">
            <div class="mg-widget footer-widget">
              <h6>Categories</h6>
              <ul>
                <li><a href="#">Breakfast</a></li>
                <li><a href="#">Lunch &amp; Salads</a></li>
                <li><a href="#">Dinner</a></li>
                <li><a href="#">Quick &amp; Easy</a></li>
                <li><a href="#">Desserts</a></li>
                <li><a href="#">Baking</a></li>
              </ul>
            </div>
          </div>
          <div class="col-md-4">
            <div class="mg-widget footer-widget">
              <h6>About</h6>
              <ul>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Contact</a></li>
                <li><a href="/privacy-policy.html">Privacy Policy</a></li>
                <li><a href="/cookie-policy.html">Cookie Policy</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="mg-footer-copyright">
          <p>&copy; 2026 CasualCooking.com &mdash; Food for humans, not food critics.</p>
        </div>
      </div>
    </div>
  </footer>

</div><!-- #page -->

<!-- Scroll to top button -->
<a href="#" class="page-scroll-up" style="display:none;position:fixed;bottom:24px;right:24px;background:#e53e3e;color:#fff;width:38px;height:38px;border-radius:4px;text-align:center;line-height:38px;z-index:999;">
  <i class="fas fa-chevron-up"></i>
</a>

<!-- BEGIN: dt-credit -->
<aside class="dt-credit" role="complementary" aria-label="About the site operator">
  <p>
    Operated by
    <a href="https://devopsteam.io/" rel="sponsored noopener" target="_blank">DevOps Team</a>
    &mdash; fractional DevOps, ITOps &amp; SecOps for product companies.
  </p>
</aside>
<style>
  .dt-credit{margin:3rem auto 0;padding:1.25rem 1.5rem;max-width:680px;text-align:center;font:400 13px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:inherit;opacity:.65;border-top:1px solid;border-color:currentColor;}
  .dt-credit>p{margin:0;}
  .dt-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-weight:700;transition:opacity .15s;}
  .dt-credit a:hover{opacity:.8;}
</style>
<!-- END: dt-credit -->

<!-- BEGIN: chat -->
<script data-cfasync="false">
  (function(d,t) {
    var BASE_URL = "https://chat.devopsteam.io";
    var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
    g.src = BASE_URL + "/packs/js/sdk.js";
    g.async = true;
    g.defer = true;
    s.parentNode.insertBefore(g, s);
    g.onload = function() {
      if (!window.chatwootSDK) return;
      window.chatwootSDK.run({
        websiteToken: 'uVZtWwNUvS33y7Af8kR8EvCQ',
        baseUrl: BASE_URL
      });
      window.addEventListener('chatwoot:ready', function() {
        try {
          var host = window.location.hostname.replace(/^www\./, '');
          window.$chatwoot.setCustomAttributes({ source_site: host });
        } catch (e) { /* ignore */ }
      });
    };
  })(document, "script");
</script>
<!-- END: chat -->

<!-- Theme JS -->
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.js"></script>
<script src="/js/owl.carousel.min.js"></script>
<script src="/js/main.js"></script>
</body>
</html>
