<template>
    <section class="pt-8 py-20 bg-white">
        <div class="container max-w-6xl mx-auto">
            <h2 class="text-4xl font-bold tracking-tight text-center">Quelque details ... </h2>
            <p class="text-base text-center text-gray-500">
                Une infrastructure Docker Swarn qui doit répondre à des résolutions de hash MD5. Si la charge de travail devient trop importante, des containers seront créés pour compenser. Et inversement. Une page web permettra d'interfacer via WebSocket.
            </p>
            <h2 class="text-4xl font-bold tracking-tight text-center">Quelque details ... </h2>
            <div class="grid grid-cols-4 gap-8 my-10 sm:grid-cols-8 lg:grid-cols-12 sm:px-8 xl:px-0">
                <div class="relative flex flex-col items-center justify-between col-span-4 px-8 py-12 space-y-4 overflow-hidden bg-gray-100 sm:rounded-xl">
                    <h4 class="text-xl font-medium text-gray-700">Etages</h4>
                    <p class="text-base text-center text-gray-500">1</p>
                </div>

                <div class="flex flex-col items-center justify-between col-span-4 px-8 py-12 space-y-4 bg-gray-100 sm:rounded-xl">
                    <h4 class="text-xl font-medium text-gray-700">Nombres de chambres</h4>
                    <p class="text-base text-center text-gray-500">5</p>
                </div>

                <div class="flex flex-col items-center justify-between col-span-4 px-8 py-12 space-y-4 bg-gray-100 sm:rounded-xl">
                    <h4 class="text-xl font-medium text-gray-700">Surface</h4>
                    <p class="text-base text-center text-gray-500">4</p>
                </div>
            </div>
            <p class="text-base text-center text-gray-500">
                Une infrastructure Docker Swarn qui doit répondre à des résolutions de hash MD5. Si la charge de travail devient trop importante, des containers seront créés pour compenser. Et inversement. Une page web permettra d'interfacer via WebSocket.
            </p>
        </div>
    </section>
</template>

<script>
    export default {
        
    }
</script>

<style scoped>

</style>