<!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-star"></i></div>
      <h1 class="w3-text-dark-grey">Features</h1>
      <p>Take a quick look at the features of <a href="about.php" class="qet-text-link qet-hover-text-link">QElectroTech</a>.<br />
         Click on the following links to discover more.</p>

         <a onclick="myFunction('feature-010')" 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>
           <p>Enjoy the freedom of use...</p>
         </a>
           <div class="w3-accordion">
             <div id="feature-010" class="w3-accordion-content w3-animate-top w3-container" style="margin-bottom:40px">
               <p>QElectroTech is a free and open source software.<br />
                  No need to worry about restrictive licensing, privacy violation or dependency on a company.<br />
                  Zero cost and no licensing fees!<br />
                  But you are welcome to make a donation to support the development <i class="fa fa-smile-o"></i></p>
               <div class="w3-xxxlarge w3-center">
                 <div class="w3-animate-zoom"><i class="fa fa-thumbs-o-up"></i></div>
               </div>
             </div>
           </div>

         <a onclick="myFunction('feature-020')" 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>
           <p>...on any operating system</p>
         </a>
           <div class="w3-accordion">
             <div id="feature-020" class="w3-accordion-content w3-animate-top w3-container" style="margin-bottom:40px">
               <p>QElectroTech runs on the 3 most widespread operating systems for desktop computers in the world.<br />
                  Files that were created on an OS can be edited on another OS without any conversion or restriction.<br />
                  MS Windows users can even run the "ready-to-use" version of QElectroTech from an external medium with no need to install it on an access restricted computer.</p>
               <div class="w3-xxxlarge w3-center">
                 <div class="w3-third w3-animate-left"><i class="fa fa-windows"></i></div>
                 <div class="w3-third w3-animate-top"><i class="fa fa-linux"></i></div>
                 <div class="w3-third w3-animate-right"><i class="fa fa-apple"></i></div>
               </div>
             </div>
           </div>

         <a onclick="myFunction('feature-030')" 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>
           <p>Take advantage of the modern GUI</p>
         </a>
           <div class="w3-accordion">
             <div id="feature-030" class="w3-accordion-content w3-animate-top w3-container" style="margin-bottom:40px">
               <p>Toolbars and panels can be enabled/disabled, moved and displayed the way you want to work.<br />
                  Panels can be stacked on each other (as tabs) or docked on the sides (as docks) or completely separated from the main window (as windows).<br />
                  The GUI can fit to small or big screens, and even to multi-display configurations.</p>
               <div class="w3-center"><img src="../images-features/0030.png" alt="GUI overview" style="width:100%"/></div>
             </div>
           </div>

         <a onclick="myFunction('feature-040')" 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>
           <p>Select your own language</p>
         </a>
           <div class="w3-accordion">
             <div id="feature-040" class="w3-accordion-content w3-animate-top w3-container" style="margin-bottom:40px">
               <p>The GUI of QElectroTech is translated in 19 languages.<br />
                  You only need to restart the application for the new selected language to take effect.</p>
               <div class="w3-center"><img src="../images-features/0040.png" alt="Lang menu" style="width:100%"/></div>
             </div>
           </div>

         <a onclick="myFunction('feature-050')" 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>
           <p>Create technical documentation in professional quality</p>
         </a>
           <div class="w3-accordion">
             <div id="feature-050" class="w3-accordion-content w3-animate-top w3-container" style="margin-bottom:40px">
               <p>Size, look and informations of the folios (sheets) are fully configurable.<br />
                  You can set vertical and horizontal headers (printed rulers) individually on and off, set number of columns and rows, and set width/height of each column/row.</p>
               <div class="w3-center"><img src="../images-features/0051.png" alt="Folio properties" style="width:100%"/></div><br/>
               <p>Titlebocks can be created and edited with the embedded titleblock editor to perfectly suit your needs.<br />
                  Custom variables can be defined to display the informations you wish in the titleblock.</p>
               <div class="w3-center"><img src="../images-features/0055.png" alt="Titleblock editor" style="width:100%"/></div>
             </div>
           </div>

         <a onclick="myFunction('feature-060')" 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>
           <p>Insert a table of content</p>
         </a>
           <div class="w3-accordion">
             <div id="feature-060" class="w3-accordion-content w3-animate-top w3-container" style="margin-bottom:40px">
               <p>With only 2 mouse clicks you can add a full automatic generated table of content.<br />
                  Changes in the documentation are updated on the fly.</p>
               <div class="w3-center"><img src="../images-features/0060.png" alt="Table of content" style="width:100%"/></div>
             </div>
           </div>

         <a onclick="myFunction('feature-070')" 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>
           <p>Choose from more than 4.000 symbols...</p>
         </a>
           <div class="w3-accordion">
             <div id="feature-070" class="w3-accordion-content w3-animate-top w3-container" style="margin-bottom:40px">
               <p>The embedded QET collection contains a rich library of electric, logic, pneumatic, hydraulic and fluid symbols.<br />
                  The library grows at every new release thanks to an active user community.</p>
               <div class="w3-center"><img src="../images-features/0070.png" alt="Collections" style="width:100%"/></div>
             </div>
           </div>

         <a onclick="myFunction('feature-080')" 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>
           <p>...or create your own collection</p>
         </a>
           <div class="w3-accordion">
             <div id="feature-080" class="w3-accordion-content w3-animate-top w3-container" style="margin-bottom:40px">
               <p>The embedded element editor is a nice tool to create your own elements (symbols or anything else).<br />
                  Your own elements are stored in the user collection.</p>
               <div class="w3-center"><img src="../images-features/0080.png" alt="Element editor" style="width:100%"/></div>
             </div>
           </div>

         <a onclick="myFunction('feature-090')" 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>
           <p>Quickly find what you need</p>
         </a>
           <div class="w3-accordion">
             <div id="feature-090" class="w3-accordion-content w3-animate-top w3-container" style="margin-bottom:40px">
               <p>All collections can quickly be searched with the integrated search engine.<br />
                  Furthermore, the search request can be restricted to the folder of your choice.</p>
               <div class="w3-center"><img src="../images-features/0090.png" alt="Search engine" style="width:100%"/></div>
             </div>
           </div>

         <a onclick="myFunction('feature-100')" 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>
           <p>Easily draw complex schematics</p>
         </a>
           <div class="w3-accordion">
             <div id="feature-100" class="w3-accordion-content w3-animate-top w3-container" style="margin-bottom:40px">
               <p>To add an element on the drawing area, it only needs a drag & drop from the collection panel.</p>
               <div class="w3-center"><img src="../images-features/0102.png" alt="Drag and drop" style="width:100%"/></div><br/>
               <p>Elements are automatically connected if they are aligned, or connected from point to point by pulling a conductor with the mouse.</p>
               <div class="w3-center"><img src="../images-features/0105.png" alt="Conductor connections" style="width:100%"/></div><br/>
               <p>The path of every conductor can be modified by moving its handles with the mouse.</p>
               <div class="w3-center"><img src="../images-features/0107.png" alt="Conductor handles" style="width:100%"/></div><br/>
               <p>And of course, you can accurately zoom with the mouse wheel over the drawing area to catch the smallest details.</p>
             </div>
           </div>

         <a onclick="myFunction('feature-110')" 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>
           <p>Link elements together to create cross references</p>
         </a>
           <div class="w3-accordion">
             <div id="feature-110" class="w3-accordion-content w3-animate-top w3-container" style="margin-bottom:40px">
               <p>Several types of element can be linked together to display a cross reference text.<br />
                  All types of cross references are automatically updated on the fly, you don't need to think about them if you make changes.</p>
               <div class="w3-center"><img src="../images-features/0112.png" alt="Cross ref elements" style="width:100%"/></div><br/>
               <p>To speed up your work, linkable elements are easily searched and shown.</p>
               <div class="w3-center"><img src="../images-features/0115.png" alt="Cross ref search" style="width:100%"/></div><br/>
             </div>
           </div>

         <a onclick="myFunction('feature-120')" 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>
           <p>Export informations to a parts list</p>
         </a>
           <div class="w3-accordion">
             <div id="feature-120" class="w3-accordion-content w3-animate-top w3-container" style="margin-bottom:40px">
               <p>Informations of all elements in the project can be exported to a .csv file that can be read and edited by any spreadsheet application.</p>
               <div class="w3-center"><img src="../images-features/0122.png" alt="Element informations" style="width:100%"/></div><br/>
               <p>This way, you can make your own parts list or bill of material using the full power of a spreadsheet program.</p>
               <div class="w3-center"><img src="../images-features/0125.png" alt="Spreadsheet" style="width:100%"/></div><br/>
             </div>
           </div>

         <a onclick="myFunction('feature-130')" 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>
           <p>Print to pdf and/or export your work to images</p>
         </a>
           <div class="w3-accordion">
             <div id="feature-130" class="w3-accordion-content w3-animate-top w3-container" style="margin-bottom:40px">
               <p>Your whole documentation or only selected parts of it can be printed to a real printer or to a pdf file.<br />
                  Alternatively, you can export to vector (svg) or pixel (png, jpg, bmp) format images.</p>
               <div class="w3-xxxlarge w3-center">
                 <div class="w3-third w3-animate-left"><i class="fa fa-print"></i></div>
                 <div class="w3-third w3-animate-top"><i class="fa fa-file-pdf-o"></i></div>
                 <div class="w3-third w3-animate-right"><i class="fa fa-file-image-o"></i></div>
               </div>
             </div>
           </div>

      <h3>And much more:</h3>
      <ul class="qet-ul-small">
        <li>open and edit several projects at the same time</li>
        <li>import images (.bmp, .jpg, .png, .svg) in your diagrams</li>
        <li>add basic shapes (lines, rectangles, ellipses, polygons) to your drawings</li>
        <li>edit the thickness, the line style and the color of conductors</li>
        <li>define some autonum patterns for conductors, symbols and folios</li>
        <li>take advantage of the open xml standard of elements and projects to create custom tools</li>
        <li>...</li>
      </ul>
      <p><b><a href="download.php" class="qet-text-link qet-hover-text-link">Download</a> QElectroTech now and give it a try!</b></p>

    </div>

<!-- Side panel for sponsors, partners and last news -->
    <?php include('sidepanel.php'); ?>
  </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 feature) -->
<script src="../js-accordion.js"></script>

</body>
</html>
