JSFiddle - React, Tailwind, and code Playground

by fparent

HTML

<html>

<head>
</head>

<body>

    <div class="main" role="main">
        <header>
            <div class="wrapper">
                <h1 class="logo"></h1>

                <nav class="right secondary-nav" role="navigation">
                    <a href="/find-us">Où nous trouver</a>
                    <a href="/news">Nouvelles</a>
                    <a href="/become">Devenir un institu agréé</a>
                    <a href="/contact">Contactez-nous</a>
                    <a href="/en">English</a>
                </nav>

                <div class="top-bar">
                    <nav class="main-nav left" role="navigation">
                        <a href="/">Accueil</a>
                        <a href="/philosophy">Notre philosophie</a>
                        <a href="/products">Nos produits</a>
                        <a href="/treatements">Nos soins en institut</a>
                    </nav>

                    <div class="search right" role="search">
                        <input type="search" />
                        <button class="hide-text">Search</button>
                    </div>
                </div>
            </div>
        </header>

        <div class="container wrapper">
            <div class="content left">
                <nav class="breadcrumb">
                    <a href="/products">Produits</a>
                    <a href="/solars">Solaires</a>
                </nav>

                <div class="overview">
                    <img src="" class="left" height="" width="" alt="" />

                    <div class="description" class="left">
                        <h2>HydraScience AHD Émulsion légère</h2>
                        <div class="fb-like"></div>

                        <p class="light-gray">Lorem ipsum</p>

                        <p class-"application space-bottom">
                            <a href="#how-to-apply bullet" title="Mode d'applciation">Mode d'application</a>
                        </p>

                   ...