<style type="text/css">
  .resources-icons {
    font-size: 24px;
    margin-right: 15px;
  }
  .card-title {
    font-weight: 500;
    font-size: 18px;
  }
  .list-group {
    margin-bottom: 0px;
  }
  .accordion {
    margin: 20px 0;
  }
  .accordion-group {
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .accordion-group h4 {
    margin-bottom: -12px;
    margin-top: 17px;
  }
</style>
<div class="container">
  <div row="">
    <p style="margin-top: 50px; font-weight: bold">
      Downloadable tips for Students and Lecturers to navigate the online
      environment.
    </p>
    <div class="accordion" id="accordion">
      <h4>General</h4>
      <div class="card">
        <div class="card-header">
          <div class="card-title">
            <a
              data-bs-toggle="collapse"
              data-parent="#accordion"
              href="#collapse7"
              >Ten Rules of Internet Netiquette</a
            >
          </div>
        </div>
        <div id="collapse7" class="accordion-collapse collapse">
          <div class="list-group">
            <a
              href="https://uog.edu.gy/sites/default/files/attachments/Netiquette%20Rules%201%20%282%29.pdf"
              class="list-group-item"
              ><i
                class="fa fa-external-link resources-icons"
                aria-hidden="true"
              ></i>
              View Document</a
            >
            <a
              href="https://uog.edu.gy/sites/default/files/attachments/Netiquette%20Rules%201%20%282%29.pdf"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-pdf-o resources-icons"
                aria-hidden="true"
              ></i>
              Download PDF</a
            >
            <a
              href="https://uog.edu.gy/sites/default/files/attachments/Netiquette%20Rules%201%20%282%29-1.png"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-image-o resources-icons"
                aria-hidden="true"
              ></i>
              Download Image</a
            >
          </div>
        </div>
      </div>
      <h4>How to...?</h4>
      <div class="card">
        <div class="card-header">
          <div class="card-title">
            <a
              data-bs-toggle="collapse"
              data-parent="#accordion"
              href="#collapse1"
              >Accessing UG’s Moodle Platform for Online Classes</a
            >
          </div>
        </div>
        <div id="collapse1" class="accordion-collapse collapse">
          <div class="list-group">
            <a
              href="/sites/default/files/documents/Accessing%20UG%E2%80%99s%20Moodle%20Platform%20for%20Online%20Classes.pdf"
              class="list-group-item"
              ><i
                class="fa fa-external-link resources-icons"
                aria-hidden="true"
              ></i>
              View Document</a
            >
            <a
              href="/sites/default/files/documents/Accessing%20UG%E2%80%99s%20Moodle%20Platform%20for%20Online%20Classes.pdf"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-pdf-o resources-icons"
                aria-hidden="true"
              ></i>
              Download PDF</a
            >
            <a
              href="/sites/default/files/documents/Accessing UG’s Moodle Platform for Online Classes.PNG"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-image-o resources-icons"
                aria-hidden="true"
              ></i>
              Download Image</a
            >
          </div>
        </div>
      </div>
      <h4>Online classroom</h4>
      <div class="card">
        <div class="card-header">
          <div class="card-title">
            <a
              data-bs-toggle="collapse"
              data-parent="#accordion"
              href="#collapse2"
              >Before you post... T-H-I-N-K</a
            >
          </div>
        </div>
        <div id="collapse2" class="accordion-collapse collapse">
          <div class="list-group">
            <a
              href="/sites/default/files/documents/Before you post...pdf"
              class="list-group-item"
              ><i
                class="fa fa-external-link resources-icons"
                aria-hidden="true"
              ></i>
              View Document</a
            >
            <a
              href="/sites/default/files/documents/Before you post...pdf"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-pdf-o resources-icons"
                aria-hidden="true"
              ></i>
              Download PDF</a
            >
            <a
              href="/sites/default/files/documents/Before you post...PNG"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-image-o resources-icons"
                aria-hidden="true"
              ></i>
              Download Image</a
            >
          </div>
        </div>
      </div>
      <h4>Discussion fora</h4>
      <div class="card">
        <div class="card-header">
          <div class="card-title">
            <a
              data-bs-toggle="collapse"
              data-parent="#accordion"
              href="#collapse4"
              >Guidelines for Online Discussion Boards</a
            >
          </div>
        </div>
        <div id="collapse4" class="accordion-collapse collapse">
          <div class="list-group">
            <a
              href="/sites/default/files/documents/Guidelines for Online Discussion Boards.pdf"
              class="list-group-item"
              ><i
                class="fa fa-external-link resources-icons"
                aria-hidden="true"
              ></i>
              View Document</a
            >
            <a
              href="/sites/default/files/documents/Guidelines for Online Discussion Boards.pdf"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-pdf-o resources-icons"
                aria-hidden="true"
              ></i>
              Download PDF</a
            >
            <a
              href="/sites/default/files/documents/Guidelines for Online Discussion Boards.pdf"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-image-o resources-icons"
                aria-hidden="true"
              ></i>
              Download Image</a
            >
          </div>
        </div>
      </div>
      <div class="card">
        <div class="card-header">
          <div class="card-title">
            <a
              data-bs-toggle="collapse"
              data-parent="#accordion"
              href="#collapse5"
              >How to provide Feedback using M-I-C-E</a
            >
          </div>
        </div>
        <div id="collapse5" class="accordion-collapse collapse">
          <div class="list-group">
            <a
              href="/sites/default/files/documents/How to provide.pdf"
              class="list-group-item"
              ><i
                class="fa fa-external-link resources-icons"
                aria-hidden="true"
              ></i>
              View Document</a
            >
            <a
              href="/sites/default/files/documents/How to provide.pdf"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-pdf-o resources-icons"
                aria-hidden="true"
              ></i>
              Download PDF</a
            >
            <a
              href="/sites/default/files/documents/How to provide.PNG"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-image-o resources-icons"
                aria-hidden="true"
              ></i>
              Download Image</a
            >
          </div>
        </div>
      </div>
      <h4>Facilitation</h4>
      <div class="card">
        <div class="card-header">
          <div class="card-title">
            <a
              data-bs-toggle="collapse"
              data-parent="#accordion"
              href="#collapse3"
              >Ensuring Facilitators are Effective with C-H-A-I-R-S</a
            >
          </div>
        </div>
        <div id="collapse3" class="accordion-collapse collapse">
          <div class="list-group">
            <a
              href="/sites/default/files/documents/Ensuring Facilitators are Effective with C-H-A-I-R-S.pdf"
              class="list-group-item"
              ><i
                class="fa fa-external-link resources-icons"
                aria-hidden="true"
              ></i>
              View Document</a
            >
            <a
              href="/sites/default/files/documents/Ensuring Facilitators are Effective with C-H-A-I-R-S.pdf"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-pdf-o resources-icons"
                aria-hidden="true"
              ></i>
              Download PDF</a
            >
            <a
              href="/sites/default/files/documents/Ensuring Facilitators are Effective with C-H-A-I-R-S.PNG"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-image-o resources-icons"
                aria-hidden="true"
              ></i>
              Download Image</a
            >
          </div>
        </div>
      </div>
      <div class="card">
        <div class="card-header">
          <div class="card-title">
            <a
              data-bs-toggle="collapse"
              data-parent="#accordion"
              href="#collapse6"
              >Mastering Online Facilitation with E-A-R-S</a
            >
          </div>
        </div>
        <div id="collapse6" class="accordion-collapse collapse">
          <div class="list-group">
            <a
              href="/sites/default/files/documents/Mastering Online Facilitation with EARS.pdf"
              class="list-group-item"
              ><i
                class="fa fa-external-link resources-icons"
                aria-hidden="true"
              ></i>
              View Document</a
            >
            <a
              href="/sites/default/files/documents/Mastering Online Facilitation with EARS.pdf"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-pdf-o resources-icons"
                aria-hidden="true"
              ></i>
              Download PDF</a
            >
            <a
              href="/sites/default/files/documents/Mastering Online Facilitation with.PNG"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-image-o resources-icons"
                aria-hidden="true"
              ></i>
              Download Image</a
            >
          </div>
        </div>
      </div>
      <div class="card">
        <div class="card-header">
          <div class="card-title">
            <a
              data-bs-toggle="collapse"
              data-parent="#accordion"
              href="#collapse8"
              >When planning Activities think ‘W-E C-A-R-E’</a
            >
          </div>
        </div>
        <div id="collapse8" class="accordion-collapse collapse">
          <div class="list-group">
            <a
              href="/sites/default/files/documents/When planning Activities think _WE%20 CARE_.pdf"
              class="list-group-item"
              ><i
                class="fa fa-external-link resources-icons"
                aria-hidden="true"
              ></i>
              View Document</a
            >
            <a
              href="/sites/default/files/documents/When planning Activities think _WE%20 CARE_.pdf"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-pdf-o resources-icons"
                aria-hidden="true"
              ></i>
              Download PDF</a
            >
            <a
              href="/sites/default/files/documents/When planning Activities think _WE%20 CARE_.PNG"
              download
              class="list-group-item"
              ><i
                class="fa fa-file-image-o resources-icons"
                aria-hidden="true"
              ></i>
              Download Image</a
            >
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
