JSFiddle - React, Tailwind, and code Playground

by deathstalkersid

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">

  </head>

  <body>
    <div class="secondary-navbar">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-8">
            <nav class="secondary-menu">
              <ul class="secondary-menu-list nav nav-tabs" role="tablist">
                <li class="nav-item secondary-menu-item active"><a href="#about" data-toggle="tab" id="about-tab" role="tab" aria-controls="about" aria-selected="true" class="secondary-menu-link menu-link active">About 1</a></li>
                <li class="nav-item secondary-menu-item ms-4"><a href="#about2" data-toggle="tab" id="about2-tab" role="tab" aria-controls="about2" aria-selected="false" class="secondary-menu-link menu-link">About 2</a></li>
              </ul>
            </nav>
          </div>
        </div>
      </div>
    </div>    

      <div class="tab-content">
        <div class="tab-pane fade show active" role="tabpanel" aria-labelledby="about-tab" id="about">
          <main class="nk-pages">
            <section class="section pb-0 ov-h">
              <div class="container">
                <div class="nk-block">
                  <div class="section-head text-center">
                    <h2 class="title">About Us</h2>
                  </div>
                  <div class="row gutter-vr-15px justify-content-center">
                    <div class="col-lg-6 col-mb-10">
                      <div class="nk-block-text">
                        <p>Centralized exchanges sacrifice security to achieve Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim </p>
                ...