Test: Difference between revisions

From Flutterwave Handbook
No edit summary
No edit summary
Line 1: Line 1:
<div style="display: flex; flex-wrap: wrap; gap: 10px;">
<div style="display: flex; flex-wrap: wrap; gap: 10px;">
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #ccc; padding: 10px;">The Company</div>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #0000002d; border-radius: 0.25rem">
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #ccc; padding: 10px;">HandBook</div>
    <div style="background-color: #21252908; padding: 8px 16px; font-size: 1.5rem; color: #FF9B00">The Company</div>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #ccc; padding: 10px;">People Group</div>
    <ul style="margin: 16px; list-style: none; border-radius: 0.25rem; border: 1px solid #dee2e6">
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #ccc; padding: 10px;">Engineering</div>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 1</li>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #ccc; padding: 10px;">Security</div>
      <li style="margin: 0; padding: 8px 16px;">Entry 2</li>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #ccc; padding: 10px;">Customer Success</div>
    </ul>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #ccc; padding: 10px;">Marketing</div>
  </div>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #ccc; padding: 10px;">Sales</div>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #0000002d; border-radius: 0.25rem">
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #ccc; padding: 10px;">Finance</div>
    <div style="background-color: #21252908; padding: 8px 16px; font-size: 1.5rem; color: #FF9B00">Handbook</div>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #ccc; padding: 10px;">Product</div>
    <ul style="margin: 16px; list-style: none; border-radius: 0.25rem; border: 1px solid #dee2e6">
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #ccc; padding: 10px;">Legal</div>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 1</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 2</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 3</li>
      <li style="margin: 0; padding: 8px 16px;">Entry 4</li>
    </ul>
  </div>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #0000002d; border-radius: 0.25rem">
    <div style="background-color: #21252908; padding: 8px 16px; font-size: 1.5rem; color: #FF9B00">People Group</div>
    <ul style="margin: 16px; list-style: none; border-radius: 0.25rem; border: 1px solid #dee2e6">
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 1</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 2</li>
      <li style="margin: 0; padding: 8px 16px;">Entry 3</li>
    </ul>
  </div>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #0000002d; border-radius: 0.25rem">
    <div style="background-color: #21252908; padding: 8px 16px; font-size: 1.5rem; color: #FF9B00">Engineering</div>
    <ul style="margin: 16px; list-style: none; border-radius: 0.25rem; border: 1px solid #dee2e6">
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 1</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 2</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 3</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 4</li>
      <li style="margin: 0; padding: 8px 16px;">Entry 5</li>
    </ul>
  </div>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #0000002d; border-radius: 0.25rem">
    <div style="background-color: #21252908; padding: 8px 16px; font-size: 1.5rem; color: #FF9B00">Security</div>
    <ul style="margin: 16px; list-style: none; border-radius: 0.25rem; border: 1px solid #dee2e6">
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 1</li>
      <li style="margin: 0; padding: 8px 16px;">Entry 2</li>
    </ul>
  </div>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #0000002d; border-radius: 0.25rem">
    <div style="background-color: #21252908; padding: 8px 16px; font-size: 1.5rem; color: #FF9B00">Customer Success</div>
    <ul style="margin: 16px; list-style: none; border-radius: 0.25rem; border: 1px solid #dee2e6">
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 1</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 2</li>
      <li style="margin: 0; padding: 8px 16px;">Entry 3</li>
    </ul>
  </div>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #0000002d; border-radius: 0.25rem">
    <div style="background-color: #21252908; padding: 8px 16px; font-size: 1.5rem; color: #FF9B00">Marketing</div>
    <ul style="margin: 16px; list-style: none; border-radius: 0.25rem; border: 1px solid #dee2e6">
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 1</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 2</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 3</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 4</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 5</li>
      <li style="margin: 0; padding: 8px 16px;">Entry 6</li>
    </ul>
  </div>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #0000002d; border-radius: 0.25rem">
    <div style="background-color: #21252908; padding: 8px 16px; font-size: 1.5rem; color: #FF9B00">Sales</div>
    <ul style="margin: 16px; list-style: none; border-radius: 0.25rem; border: 1px solid #dee2e6">
      <li style="margin: 0; padding: 8px 16px;">Entry 1</li>
    </ul>
  </div>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #0000002d; border-radius: 0.25rem">
    <div style="background-color: #21252908; padding: 8px 16px; font-size: 1.5rem; color: #FF9B00">Finance</div>
    <ul style="margin: 16px; list-style: none; border-radius: 0.25rem; border: 1px solid #dee2e6">
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 1</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 2</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 3</li>
      <li style="margin: 0; padding: 8px 16px;">Entry 4</li>
    </ul>
  </div>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #0000002d; border-radius: 0.25rem">
    <div style="background-color: #21252908; padding: 8px 16px; font-size: 1.5rem; color: #FF9B00">Product</div>
    <ul style="margin: 16px; list-style: none; border-radius: 0.25rem; border: 1px solid #dee2e6">
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 1</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 2</li>
      <li style="margin: 0; padding: 8px 16px;">Entry 3</li>
    </ul>
  </div>
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #0000002d; border-radius: 0.25rem">
    <div style="background-color: #21252908; padding: 8px 16px; font-size: 1.5rem; color: #FF9B00">Legal</div>
    <ul style="margin: 16px; list-style: none; border-radius: 0.25rem; border: 1px solid #dee2e6">
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 1</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 2</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 3</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 4</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 5</li>
      <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">Entry 6</li>
      <li style="margin: 0; padding: 8px 16px;">Entry 7</li>
    </ul>
  </div>


   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #ccc; padding: 10px;">
   <div style="flex-basis: 32%; box-sizing: border-box; border: 1px solid #0000002d; border-radius: 0.25rem">
     <ul>
    <div style="background-color: #21252908; padding: 8px 16px; font-size: 1.5rem; color: #FF9B00">Miscellaneous</div>
       <li>[[GB|CEO]]</li>
     <ul style="margin: 16px; list-style: none; border-radius: 0.25rem; border: 1px solid #dee2e6">
       <li>[[Dayo|VP, Product Engineering]]</li>
       <li style="margin: 0; padding: 8px 16px; border-bottom: 1px solid #dee2e6">[[GB|CEO]]</li>
       <li style="margin: 0; padding: 8px 16px;">[[Dayo|VP, Product Engineering]]</li>
     </ul>
     </ul>
   </div>
   </div>
</div>
</div>

Revision as of 21:39, 8 November 2024

The Company
  • Entry 1
  • Entry 2
Handbook
  • Entry 1
  • Entry 2
  • Entry 3
  • Entry 4
People Group
  • Entry 1
  • Entry 2
  • Entry 3
Engineering
  • Entry 1
  • Entry 2
  • Entry 3
  • Entry 4
  • Entry 5
Security
  • Entry 1
  • Entry 2
Customer Success
  • Entry 1
  • Entry 2
  • Entry 3
Marketing
  • Entry 1
  • Entry 2
  • Entry 3
  • Entry 4
  • Entry 5
  • Entry 6
Sales
  • Entry 1
Finance
  • Entry 1
  • Entry 2
  • Entry 3
  • Entry 4
Product
  • Entry 1
  • Entry 2
  • Entry 3
Legal
  • Entry 1
  • Entry 2
  • Entry 3
  • Entry 4
  • Entry 5
  • Entry 6
  • Entry 7