Exibir código-fonte para Diretoria de EaD - IFG

__NOTOC__

<div style="display: flex; flex-wrap: wrap;">

      <!-- inicio -->
      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 22%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">

        <div style="font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #4285f4 !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;">

          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 0.5rem 1rem 1rem 1rem;">

            <h3 style="color:#FFF; text-transform: uppercase !important; padding-bottom: 0.2rem !important; padding-top:0px; border-bottom: 1px solid rgba(0, 0, 0, 0.125);">moodle</h3>

            <p style="color: #FFF; margin-bottom: 0 !important; font-size: 17px; line-height:1.6;">Aqui você encontrará informações relevantes sobre o Ambiente Virtual Moodle no IFG. Como acessar, criar recursos, gerenciar atividades, aplicar boas práticas e muito mais! </p></div>

        </div>

      </div>
      <!-- fim -->

       <!-- inicio -->
      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 22%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">

        <div style="font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #45526e !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;">

          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 0.5rem 1rem 1rem 1rem;">

            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; padding-top:0px;"><strong>moodle</strong></h3>

            <p style="color: #FFF; margin-bottom: 0 !important;">Ut enim ad minima veniam, quis nostrum exercita tionem ullam corporis suscipit
              laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea
              voluptate non proident velit esse quam. </p>

          </div>

        </div>

      </div>
      <!-- fim -->

      <!-- inicio -->
      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 22%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">

        <div style="font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #45526e !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;">

          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 0.5rem 1rem 1rem 1rem;">

            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; padding-top:0px;"><strong>moodle</strong></h3>

            <p style="color: #FFF; margin-bottom: 0 !important;">Ut enim ad minima veniam, quis nostrum exercita tionem ullam corporis suscipit
              laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea
              voluptate non proident velit esse quam. </p>

          </div>

        </div>

      </div>
      <!-- fim -->

      <!-- inicio -->
      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 22%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">

        <div style="font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #45526e !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;">

          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 0.5rem 1rem 1rem 1rem;">

            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; padding-top:0px;"><strong>moodle</strong></h3>

            <p style="color: #FFF; margin-bottom: 0 !important;">Ut enim ad minima veniam, quis nostrum exercita tionem ullam corporis suscipit
              laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea
              voluptate non proident velit esse quam. </p>

          </div>

        </div>

      </div>
      <!-- fim -->

      <!-- inicio -->
      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 22%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">

        <div style="font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #45526e !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;">

          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 0.5rem 1rem 1rem 1rem;">

            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; padding-top:0px;"><strong>moodle</strong></h3>

            <p style="color: #FFF; margin-bottom: 0 !important;">Ut enim ad minima veniam, quis nostrum exercita tionem ullam corporis suscipit
              laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea
              voluptate non proident velit esse quam. </p>

          </div>

        </div>

      </div>
      <!-- fim -->

      <!-- inicio -->
      <div style="margin-bottom: 1.5rem !important; flex: 0 0 25%; max-width: 22%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%;">

        <div style="font-weight: 400; border: 0; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; background-color: #45526e !important; text-align: center !important; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border-radius: 0.25rem;">

          <div style="border-radius: 0 !important; flex: 1 1 auto; min-height: 1px; padding: 0.5rem 1rem 1rem 1rem;">

            <h3 style="color:#FFF; text-transform: uppercase !important; margin-bottom: 1rem !important; padding-top:0px;"><strong>moodle</strong></h3>

            <p style="color: #FFF; margin-bottom: 0 !important;">Ut enim ad minima veniam, quis nostrum exercita tionem ullam corporis suscipit
              laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea
              voluptate non proident velit esse quam. </p>

          </div>

        </div>

      </div>
      <!-- fim -->
    </div>