HTML, CSS and JavaScript playground

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:type" content="article" />

<link rel="stylesheet" href="https://pazly.dev/colors/gradients.css" />
    <link rel="stylesheet" href="https://pazly.dev/colors/backgrounds.css" />
    <link rel="stylesheet" href="https://pazly.dev/colors/text.css" />
    <link rel="stylesheet" href="https://pazly.dev/colors/border.css" />
    <style>
    body { overflow-x: hidden; }
    h1, h2, h3, h4, h5, h6 { line-height:1.3 !important; }
    .stretchToScreen { width:100vw; height:100vh; }
    </style>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/js/all.min.js"></script>
</head>

<section id="pazly-template-set" class="m-0 p-0 stretchToScreen bg-white">
<section xmlns="http://www.w3.org/1999/xhtml"  class="w-full bg-p-white">
    <div  class="container mx-auto flex py-16 px-5 md:flex-row flex-col-reverse items-center">
        <div  class="w-full md:w-8/12 lg:w-6/12 xl:w-6/12 px-3 md:text-left mb-16 md:mb-0 items-center text-center">
        <div  class="w-full mb-4 py-2">
            <h1 pazly-editable="innerHTML clone"  class="font-semibold text-5xl text-p-gray-800 whitespace-pre-line">Portland Pest Control Tips Podcast</h1>
        </div>
            <p pazly-editable="innerHTML"  class="mb-8 leading-relaxed text-p-gray-700 whitespace-pre-line">Eco Friendly Pest Control Tips from Campbell Natural Control located in Portland Oregon.
</p>
            <div  class="flex flex-col md:flex-row justify-center  md:justify-start">
            <a pazly-editable="innerHTML href bg clone"  class="mx-1 font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-1 uppercase text-sm shadow hover:shadow-lg text-white bg-p-indigo-800 whitespace-pre-line" style="transition:all .15s ease" target="_blank" href="https://portland-oregon-pest-control-tips.castos.com/">Podcast home page</a>
            <a pazly-editable="innerHTML href bg clone"  class="mx-1 text-p-gray-700 font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-1 uppercase text-sm shadow hover:shadow-lg whitespace-pre-line bg-p-truegray-50" target="_blank" href="https://portland-oregon-pest-control-tips.castos.com/about#hosts">Hosts</a>
            <a pazly-editable="innerHTML href bg clone"  class="mx-1 font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-1 uppercase text-sm shadow hover:shadow-lg text-white bg-p-indigo-800 whitespace-pre-line" style="transition:all .15s ease" target="_blank" href="https://open.spotify.com/show/6eWM0blRPaXNe65JPuU7qZ">Spotify</a></div>
        </div>
        <div  class="w-full md:w-8/12 lg:w-6/12 xl:w-6/12 w-5/6 text-center">
            <img pazly-editable="src block"  class="inline-flex object-cover object-center rounded-lg" alt="hero" src="https://episodes.castos.com/659dd967210ab3-76777428/images/pest-control-in-oregon-podcast-logo.png" />
        </div>
    </div>
</section>
<section xmlns="http://www.w3.org/1999/xhtml"  class="w-full bg-p-white py-16">
    <div  class="container mx-auto flex flex-col md:flex-row items-center">
        <div  class="w-10/12 md:w-6/12 px-4 md:px-12">
            <h6 pazly-editable="innerHTML"  class="text-4xl mb-3 font-semibold text-p-black whitespace-pre-line">Why are there so many Spiders in my Home?
</h6>
            <p pazly-editable="innerHTML"  class="mb-4 text-lg text-p-black whitespace-pre-line">Welcome to the debut episode of "Pest Patrol," brought to you by Campbell Natural Pest Control. Today, we tackle the pressing question: "Why are there so many spiders in my home?" Join us as we explore the reasons behind spider infestations and share expert tips on how to manage them naturally. Featuring insights from pest control specialists and practical advice for keeping your home spider-free, this episode is your go-to guide for understanding and addressing your eight-legged visitors. Tune in to learn how to reclaim your space with eco-friendly pest control solutions.

</p>
        </div>
        <div  class="w-full flex flex-col md:w-1/2 px-4 items-center">
            <div pazly-editable="iframe"  class="relative flex flex-col md:max-w-md max-w-sm break-words w-full mb-6"><iframe src="https://659dd967210ab3-76777428.castos.com/player/1763066" width="100%" height="150"  class></iframe></div>
        </div>
    </div>
</section>
<section xmlns="http://www.w3.org/1999/xhtml"  class="w-full bg-p-white py-16">
    <div  class="container mx-auto flex flex-col md:flex-row items-center">
        <div  class="w-10/12 md:w-6/12 px-4 md:px-12">
            <h6 pazly-editable="innerHTML"  class="text-4xl mb-3 font-semibold text-p-black whitespace-pre-line">Natural Pest Control in Maywood Park, OR
</h6>
            <p pazly-editable="innerHTML"  class="mb-4 text-lg text-p-black whitespace-pre-line">In this episode of "Portland Natural Pest Control," we delve into natural pest control methods tailored for Maywood Park, OR. Join us as we discuss effective, eco-friendly strategies to keep your home and garden pest-free without relying on harmful chemicals. Featuring insights from Portland pest control experts and sustainable living advocates, we'll explore natural repellents, beneficial insects, and integrated pest management techniques. Tune in to learn how to protect your home and the environment, fostering a healthier, greener community in Maywood Park.</p>
        </div>
        <div  class="w-full flex flex-col md:w-1/2 px-4 items-center">
            <div pazly-editable="iframe"  class="relative flex flex-col md:max-w-md max-w-sm break-words w-full mb-6"><iframe src="https://659dd967210ab3-76777428.castos.com/player/1761766" width="100%" height="150"></iframe></div>
        </div>
    </div>
</section>
<section xmlns="http://www.w3.org/1999/xhtml"  class="w-full bg-p-white py-16">
    <div  class="container mx-auto flex flex-col md:flex-row items-center">
        <div  class="w-10/12 md:w-6/12 px-4 md:px-12">
            <h6 pazly-editable="innerHTML"  class="text-4xl mb-3 font-semibold text-p-black whitespace-pre-line">How to Naturally Control Fleas</h6>
            <p pazly-editable="innerHTML"  class="mb-4 text-lg text-p-black whitespace-pre-line">In this episode of "Fleas Control," we explore natural methods for controlling fleas in your home. Join us as we discuss eco-friendly and effective strategies to keep these pesky pests at bay without relying on harsh chemicals. Featuring insights from Portland Pest Control Expert and natural living advocates, we'll cover everything from homemade remedies to preventative measures. Tune in to learn how to protect your home and pets naturally, ensuring a safe and flea-free environment.
</p>
        </div>
        <div  class="w-full flex flex-col md:w-1/2 px-4 items-center">
            <div pazly-editable="iframe"  class="relative flex flex-col md:max-w-md max-w-sm break-words w-full mb-6"><iframe src="https://659dd967210ab3-76777428.castos.com/player/1760685" width="100%" height="150"  class></iframe></div>
        </div>
    </div>
</section>
<section xmlns="http://www.w3.org/1999/xhtml"  class="w-full bg-p-white py-16">
    <div  class="container mx-auto flex flex-col md:flex-row items-center">
        <div  class="w-10/12 md:w-6/12 px-4 md:px-12">
            <h6 pazly-editable="innerHTML"  class="text-4xl mb-3 font-semibold text-p-black whitespace-pre-line">Natural Pest Control in Tigard, OR
</h6>
            <p pazly-editable="innerHTML"  class="mb-4 text-lg text-p-black whitespace-pre-line">In this episode of "Eco Solutions," we focus on natural pest control methods specifically for Tigard, OR. Join us as we discuss effective, eco-friendly strategies to keep your home and garden pest-free without harmful chemicals. Featuring insights from local pest control experts and sustainable living advocates, we'll explore natural repellents, beneficial insects, and integrated pest management techniques. Tune in to learn how to protect your home and the environment, promoting a healthier, greener community in Tigard.

<section id="pazly-scripts-set" class="m-0 p-0 w-0 h-0">
        

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
    // handle links with @href started with '#' only
    $(document).on('click', 'a[href^="#"]', function(e) {
        // target element id
        var id = $(this).attr('href');
    
        // target element
        var $id = $(id);
        if ($id.length === 0) {
            return;
        }
    
        // prevent standard hash navigation (avoid blinking in IE)
        e.preventDefault();
    
        // top position relative to the document
        var pos = $id.offset().top;
    
        // animated top scrolling
        $('body, html').animate({scrollTop: pos});
    });
</script>
        
</section>
        
</body>
</html>