<!DOCTYPE html>
<html>

  <head>
    <!-- PDB 3D Complex plugin CSS and JS file -->
    <link rel="stylesheet" type="text/css" href="https://www.ebi.ac.uk/pdbe/pdb-component-library/css/pdb-3d-complex-2.0.0.css">
    <script src="https://www.ebi.ac.uk/pdbe/pdb-component-library/js/pdb-3d-complex-plugin-2.0.0.js"></script>
  
  </head>

  <body>
    <h4>PDB 3D Complex plugin demo</h4>
    
    <div style="width:250px">
      
      <!-- PDB 3D Complex container -->
      <div id="pdb-3d-complex"></div>
      
    </div>

    <script>
    //Create plugin instance
    var pluginInstance = new Pdb3dComplexPlugin();
    
    //Get element from HTML/Template to place the view
    var viewContainer = document.getElementById('pdb-3d-complex');
    
    //Call render method
    //Parameters - container HTML element, PDB ID, Assembly ID, Summary view(optional)
    pluginInstance.render(viewContainer, '1lec', '1', false);
        
  </script>
    
    
  </body>

</html>