<!DOCTYPE html>
<html>
<head>
	<title>Click Infrastructure</title>

	<link href="{!! url('public/assets/css/servers.css') !!}" type="text/css" rel="stylesheet">
</head>
<body>
	<div class="container">
  <h1 class="level-1 rectangle">Mobile Network Operators</h1>
  <ol class="level-2-wrapper">
    <li>
      <h2 class="level-2 rectangle">USSD Server</h2>
      <ol class="level-3-wrapper">
        <li>
          <h3 class="level-3 rectangle">Manager A</h3>
          <ol class="level-4-wrapper">
          </ol>
        </li>
        <li>
          <h3 class="level-3 rectangle">Manager B</h3>
          <ol class="level-4-wrapper">
          </ol>
        </li>
      </ol>
    </li>
    <li>
      <h2 class="level-2 rectangle">Billing Server</h2>
      <ol class="level-3-wrapper">
        <li>
          <h3 class="level-3 rectangle">Manager C</h3>
          <ol class="level-4-wrapper">
            <!-- <li>
              <h4 class="level-4 rectangle">Person A</h4>
            </li>
            <li>
              <h4 class="level-4 rectangle">Person B</h4>
            </li> -->
            
          </ol>
        </li>
        <li>
          <h3 class="level-3 rectangle">Manager D</h3>
          <ol class="level-4-wrapper">
           <!--  <li>
              <h4 class="level-4 rectangle">Person A</h4>
            </li>
            <li>
              <h4 class="level-4 rectangle">Person B</h4>
            </li> -->
            
          </ol>
        </li>
      </ol>
    </li>
    <li>
      <h2 class="level-2 rectangle">IVR Server</h2>
      <ol class="level-3-wrapper">
        <li>
          <h3 class="level-3 rectangle">Manager C</h3>
          <ol class="level-4-wrapper">
            <!-- <li>
              <h4 class="level-4 rectangle">Person A</h4>
            </li>
            <li>
              <h4 class="level-4 rectangle">Person B</h4>
            </li> -->
           
          </ol>
        </li>
        <li>
          <h3 class="level-3 rectangle">Manager D</h3>
          <ol class="level-4-wrapper">
           <!--  <li>
              <h4 class="level-4 rectangle">Person A</h4>
            </li>
            <li>
              <h4 class="level-4 rectangle">Person B</h4>
            </li> -->
            
          </ol>
        </li>
      </ol>
    </li>
    <li>
      <h2 class="level-2 rectangle">SMSC Server</h2>
      <ol class="level-3-wrapper">
        <li>
          <h3 class="level-3 rectangle">Reporting Server</h3>
          <!-- <ol class="level-4-wrapper">
            <li>
              <h4 class="level-4 rectangle">Person A</h4>
            </li>
            <li>
              <h4 class="level-4 rectangle">Person B</h4>
            </li>
          </ol> -->
        </li>
        <li>
          <h3 class="level-3 rectangle">Bulk Tool</h3>
          <!-- <ol class="level-4-wrapper">
            <li>
              <h4 class="level-4 rectangle">Person A</h4>
            </li>
            
          </ol> -->
        </li>
      </ol>
    </li>
  </ol>
</div>

<footer class="page-footer">
  <span>made by </span>
  <a href="https://georgemartsoukos.com/" target="_blank">
    <img width="24" height="24" src="https://assets.codepen.io/162656/george-martsoukos-small-logo.svg" alt="George Martsoukos logo">
  </a>
</footer>

</body>
</html>