JSFiddle - React, Tailwind, and code Playground

by Luiza CICONE

HTML

<div class="container" ng-controller="Ctrl">
  <div class="one">
    <span>Salut, Welcome, Bienvenue chez</span>
    <button class="important-link" ng-model="collapsed" ng-click="collapsed=!collapsed">
      <div class="important-text">R2A</div>
      <div class="boxed" ng-show="collapsed">
        I am Description
      </div>
    </button> ...
  </div>
  <div class="two">
    Nous sommes ton equipe ...
  </div>
</div>

CSS

.container {
  width: 100%;
}

.important-link {
  background: none;
  border: none;
  text-align: left;
}

.important-text {
  font-size: 30px;
  color: #B9121B;
}

.boxed {
  min-width: 100px;
  width: auto;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 5px 5px 10px #000;
  background-color: #FBC02D;
}

JavaScript

function Ctrl($scope) {
  $scope.collapsed = false;
}