JSFiddle - React, Tailwind, and code Playground

by seankoole

HTML

<div class="topbar">
  
</div>


<header>
  <div class="logo">
    
  </div>
  <nav>
    <ul>
      <li></li>
      <li></li>
    </ul>
  </nav>
</header>

<!-- Home/Profiles -->
<section class="search">
  <h2>
    
  </h2>
  <form action="">
  <input type="text">
  </form>
</section>

<section class="section">
  <h1 class="title">
    
  </h1>
  <div class="content">
    
    <!-- Home -->
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    
    
    
    
    <!-- Profiles -->
    <div class="achievers">
      <ul>
        <li><a href=""><img src="" alt=""></a></li>
        <li><a href=""><img src="" alt=""></a></li>
        <li><a href=""><img src="" alt=""></a></li>
        <li><a href=""><img src="" alt=""></a></li>
        <li><a href=""><img src="" alt=""></a></li>
        <li><a href=""><img src="" alt=""></a></li>
      </ul>
    </div>

    
    
  </div>
  
  
      <!-- Profiles -->

  <div class="content-footer">
    <h2 class="show-h1">
      <ul>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </h2>
  </div>

</section>


<!-- Profile -->
<section class="profile-header">
  <img src="" alt="">
</section>


<section class="section">
  <div>
      <span class="date"></span>
      <h1 class="title">

      </h1>
  </div>

  <div class="content">
    
    <div class="body">
      <p></p>
      <p></p>
      <p></p>
    </div>
    
    <div class="sidebar">
      <img src="" alt="">
      <img src="" alt="">
      <img src="" alt="">
    </div>
   
  </div>
  
  <div class="content-footer">
    <div class="share">
      <a href=""></a>
      <a href=""></a>
      <a href=""></a>
      <a href=""></a>
      <span class="share"></span>
    </div>
    
    <nav class="post-navigation">
      <a href="
        
      "></a>
    </nav>
  </div>

</section>