Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
​
​
<!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" />
​
  
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="og:title" property="og:title" content="" />
  <meta name="og:description" property="og:description" content="" />
  <meta name="og:image" property="og:image" content="" />
  <meta name="twitter:title" content="" />
  <meta name="twitter:description" content="" />
  <meta name="twitter:image" content="" />
  <meta name="twitter:card" content="summary_large_image" />
    <!-- Tailwind CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
​
    <!-- Pazly Colors -->
    <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>
​
    <!-- Fontswesome -->
    <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>
​
<body class="m-0 p-0 stretchToScreen">
​
​
<!-- Pazly Blocks Come Here -->
<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="flex md:flex-row flex-col justify-between items-center">
        <div  class="w-full md:w-6/12 flex-grow">
            <img pazly-editable="src block"  class="object-cover object-center w-full h-full" alt="hero" src="https://4knines.com/cdn/shop/files/2020_holiday_logo_0477f30a-1edb-49ac-8196-399261f56e28.png?v=1614297451" />
        </div>    
        <div  class="w-full flex flex-col md:w-6/12 md:px-16 px-4 py-6 md:text-left mb-16 md:mb-0 justify-center text-center ">
            <div  class="w-full mb-4">
                <h1 pazly-editable="innerHTML clone"  class="title-font font-medium text-p-black whitespace-pre-line text-4xl">4Knines Dog Seat Covers</h1>
            </div>
            <p pazly-editable="innerHTML"  class="mb-8 leading-relaxed text-p-black whitespace-pre-line">We're Jim and Maggie, founders of 4Knines.
We loved to travel with our two dobermans, Ares and Ana, but having the dogs in the car created so many problems.
​
We wanted to keep our dogs comfortable while keeping our vehicle clean, but we couldn’t find a good solution. Regular seat covers just couldn't stand up to the dog fur, slobber, and muddy messes that come along with so many adventures.
​
We asked each other, "How can we travel with our best friends and not go nuts? How do we keep the dogs comfortable, the vehicle clean, and make the trip memorable and fun?"
​
We knew we weren’t the only ones with this problem, so we set out to solve it. We started our own business in 2013 and vowed to create a durable line of dog seat covers that would stand up to the “Ares and Ana Test.” More than 11 iterations later, we developed the perfect prototype for a durable, high-quality dog seat cover that will withstand any adventure and last for years to come.
​
— Jim &amp; Maggie</p>
            <div  class="md:text-left text-center inline-flex">
                <a pazly-editable="innerHTML href bg clone" target="_blank"  class="text-p-white font-bold px-6 py-4 rounded outline-none focus:outline-none m-2 text-sm shadow hover:shadow-lg whitespace-pre-line bg-black" href="https://4knines.com/pages/fit-guide">Select For Your Vehicle</a>
                <a pazly-editable="innerHTML href bg clone" target="_blank"  class="font-bold px-6 py-4 rounded outline-none focus:outline-none m-2 text-sm shadow hover:shadow-lg whitespace-pre-line bg-p-truegray-100 text-black" href="https://www.youtube.com/@4Knines/playlists">Videos About Dogs And Specific Makes/Models Of Vehicles</a>
            </div>
        </div>
    </div>
</section>
<section xmlns="http://www.w3.org/1999/xhtml"  class="w-full bg-p-bluegray-50 py-16">
    <div  class="container mx-auto flex flex-col-reverse lg:flex-row items-center">
        <div  class="w-10/12 lg:w-1/2 px-4 lg:px-12">
            <h6 pazly-editable="innerHTML"  class="text-4xl mb-3 font-semibold whitespace-pre-line">2023 Competitor Comparison. 4Knines Dog Seat Covers vs 5 Other Pet Seat Cover Competitors
</h6>
            <p pazly-editable="innerHTML"  class="mb-4 text-lg text-p-gray-600 whitespace-pre-line">Why 4Knines says "Nothing but the best for your best friend" and why they mean it!! Just because these covers look the same does NOT mean they perform the same.
​
It is a long video but well worth it if you are doing research on what cover to buy.
​
Important Timestamps
0:00 Start
1:37 4Knines Improvements over the last 10 years
1:39 Headrest Straps
2:50 Colorfast Materials
3:03 Seat belt and LATCH openings
3:18 With/without hammock, added side flaps
3:28 Material quality
3:40 K9 Shield® multi-layer construction
5:50 Stitch Quilting vs Heat Press Quilting
7:39 Headrest strap/clip Comparison vs competition
14:14 4Knines K9 Shield Layer demo
15:53 Customer service focus
16:45 Water Testing set-up
18:32 Waterproof Results
​
Join our newsletter and get 10% off (during the promotion)
​
You may call us at (888) 602-2509</p>
        </div>
        <div  class="w-full flex flex-col lg:w-1/2 px-2 items-center py-6">
            <style> .videoWrapper { width: 100%; min-height: 355px; height: 100%; overflow: hidden; position: relative; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style>  
            <div pazly-editable="iframe bg"  class="videoWrapper w-full rounded-lg overflow-hidden"><iframe width="560" height="315" src="https://www.youtube.com/embed/pyGrTQU_Hc4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen  class></iframe></div>
            <p pazly-editable="innerHTML"  class="w-full text-center text-sm px-4 mt-2 whitespace-pre-line text-p-truegray-500"> Subtitle. Could contain nformation about the video content and the creator </p>
        </div>
    </div>
</section>
</section>
<!-- Pazly Blocks Ends Here -->
​
<!-- Pazly Scripts Start Here -->
<section id="pazly-scripts-set" class="m-0 p-0 w-0 h-0">
        
<!-- Smooth scrolling -->
<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>
Output 300px

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers