<!DOCTYPE html>
<html>
<head>
<!-- Complied & minified library css -->
<link rel="stylesheet" href="//www.ebi.ac.uk/pdbe/pdb-component-library/v1.0/css/pdb.component.library.min-1.0.0.css" />
<!-- Dependencey scripts (these can be skipped if already included in page) -->
<script src="//www.ebi.ac.uk/pdbe/pdb-component-library/libs/d3.min.js"></script>
<script src="//www.ebi.ac.uk/pdbe/pdb-component-library/libs/angular.1.4.7.min.js"></script>
<!-- Complied & minified library JS -->
<script src="//www.ebi.ac.uk/pdbe/pdb-component-library/v1.0/js/pdb.component.library.min-1.0.0.js"></script>
<script>
angular.element(document).ready(function () {
angular.bootstrap(document, ['pdb.component.library']);
});
</script>
<style>
.view3d {
height:400px;
width:400px;
position:relative;
}
</style>
</head>
<body>
<h3>LiteMol Component Demo</h3>
<div class="view3d">
<pdb-lite-mol pdb-id="''" source-url="https://www.ebi.ac.uk/pdbe/entry-files/pdb1cbs.ent" source-format="pdb" hide-controls="true"></pdb-lite-mol>
</div>
</body>
</html>
// Code goes here
/* Styles go here */