<!DOCTYPE html>
<html>

<!-- Meta data -->
<?php include('meta.php'); ?>

<body>

<!-- Header -->
<?php include('header.php'); ?>

<!-- Menu -->
<?php include('menu.php'); ?>

<!-- START MAIN CONTENT -->
<div class="qet-main">

  <div class="w3-row w3-padding-48">
    <div class="w3-twothird w3-container">
        <div class="w3-xxxlarge w3-left" style="margin-right:12px"><i class="fa fa-random"></i></div>
        <h1 class="w3-text-dark-grey">Miscellaneous resources</h1>

        <!-- QElectroTech logos -->
        <a onclick="myFunction('accordion-qetlogos')" class="w3-large qet-text-link qet-hover-text-link" style="cursor:pointer">
          <div class="w3-left" style="margin-right:12px"><i class="fa fa-chevron-down"></i></div>QElectroTech logos
        </a>

        <div class="w3-accordion">
          <div id="accordion-qetlogos" class="w3-accordion-content w3-animate-top w3-container" style="margin-bottom:60px">
            <div class="w3-margin-left">

              <h4>Pixel images (.png format)</h4>
              <div class="w3-row-padding w3-margin-top">
                  <div class="w3-third">
                      <a target="_blank" href="../images-resources/qet-logos/qet-logo-big-monochrom.png" class="w3-btn qet-white">
                        <img src="../images-resources/qet-logos/qet-logo-big-monochrom.png" style="width:100%">
                      </a>
                  </div>
                  <div class="w3-twothird">
                      <p>Big (1048x248px), monochrom, transparent background</p>
                  </div>
              </div>

              <h4>Vector images (.svg format)</h4>
              <div class="w3-row-padding w3-margin-top">
                  <div class="w3-third">
                      <a target="_blank" href="../images-resources/qet-logos/qet-logo-big-monochrom.png" class="w3-btn qet-white">
                        <img src="../images-resources/qet-logos/qet-logo-big-monochrom.png" style="width:100%">
                      </a>
                  </div>
                  <div class="w3-twothird">
                      <p>Big (1048x248px), monochrom, transparent background</p>
                  </div>
              </div>

            </div>
          </div>
        </div>

    </div>
  </div>

<!-- Footer -->
<?php include('footer.php'); ?>

<!-- END MAIN CONTENT -->
</div>

<!-- Javascript -->
<script src="../js-responsive.js"></script>
<script src="../js-menu.js"></script>

<!-- Javascript for accordions (open/close each miscellaneous resource) -->
<script src="../js-accordion.js"></script>

</body>
</html>
