| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Test</title>
- <link rel="stylesheet" href="css/tailwind.min.css">
- <link rel="stylesheet" href="css/lineicons.css">
- </head>
- <body>
- <header class="text-gray-600 body-font">
- <div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
- <a class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0">
- <img src="img/node-js-svgrepo-com.svg" alt="">
- <span class="ml-3 text-xl">Test</span></a>
- <nav class="md:ml-auto flex flex-wrap items-center text-base justify-center">
- <a class="mr-5 hover:text-gray-900">First Link</a>
- <a class="mr-5 hover:text-gray-900">Second Link</a>
- <a class="mr-5 hover:text-gray-900">Third Link</a>
- </nav>
- </div>
- </header>
-
- <section class="text-gray-600 body-font">
- <div class="container mx-auto flex px-5 py-24 items-center justify-center flex-col">
- <img id="title--img" class="lg:w-2/6 md:w-3/6 w-5/6 mb-10 object-cover object-center rounded" alt="hero" src="img/720x600.png">
- <div class="text-center lg:w-2/3 w-full">
- <h1 id="title--name" class="title-font sm:text-4xl text-3xl mb-4 font-medium text-gray-900">Microdosing synth tattooed vexillologist</h1>
- <h3 id="title--job" class="title-font sm:text-2xl text-2xl mb-4 font-medium text-red-900">Lorem, ipsum dolor.</h3>
- <p id="title--text" class="mb-8 leading-relaxed">Meggings kinfolk echo park stumptown DIY, kale chips beard jianbing tousled. Chambray dreamcatcher trust fund, kitsch vice godard disrupt ramps hexagon mustache umami snackwave tilde chillwave ugh. Pour-over meditation PBR&B pickled ennui celiac mlkshk freegan photo booth af fingerstache pitchfork.</p>
- <div class="flex justify-center gap-2">
- <button id="btn--prev" class="inline-flex items-center text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded text-lg"><i class="lni lni-chevron-left"></i>Туда</button>
- <button id="btn--rnd" class="inline-flex items-center text-white bg-green-500 border-0 py-2 px-6 focus:outline-none hover:bg-green-600 rounded text-lg">...</button>
- <button id="btn--next" class="inline-flex items-center text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded text-lg">Сюда<i class="lni lni-chevron-right"></i></button>
- </div>
- </div>
- </div>
- </section>
- <script src="js/main.js"></script>
- </body>
- </html>
|
