JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://arrivance.mycpanel.co.uk/c/js/owl.carousel.min.js"></script>
<link rel="stylesheet" href="http://owlgraphic.com/owlcarousel/owl-carousel/owl.theme.css">
<link rel="stylesheet" href="http://owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.css">
<script src="http://owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.min.js"></script>

 

    <div class="title-container">
        <h1 class="title-branding">HedgeHost</h1>
        <h3 class="title-subtitle">Powered by science</h3>
 
    </div>
 
    <div class="navigation">
        <ul>
            <li>Home</li>
            <li>Client Login</li>
 
        </ul>
    </div>
 
    <div id="owl-example" class="owl-carousel">
        <div>Your Content</div>
        <div>Your Content</div>
        <div>Your Content</div>
        <div>Your Content</div>
        <div>Your Content</div>
        <div>Your Content</div>
        <div>Your Content</div>
 
    </div>
 
    <script>
    $(document).ready(function() {
 
        $("#owl-example").owlCarousel();
 
    });
    </script>