Untitled

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Molecula</title>
    <link href="css/style.css" rel="stylesheet">
</head>
<body onload = "start()">
    <form>
		<!-- окно для ввода формулы/названия молекулы -->
        <input type="text" id="searchbox" border="5" placeholder="Type here..."
		style="height:2%; width:20%; position:fixed; top:4%; left:39%;">
	<button type="text" id="sumbitSearch" border="5"
		style="height:2.35%; width:6%; position:fixed; top:4%; left:60%;"
		onclick="getMolecula(); return false;"> Search </button>

	    <!-- кнопки для переключения стилей отображения -->
	    <button id="ball_stick" style="height:3%; width:12%; position:fixed; left:17%; top:9%;"> Ball-and-stick </button>
	    <button id="spacefill"  style="height:3%; width:12%; position:fixed; left:30%; top:9%;"> Spacefill </button>
	    <button id="stick"      style="height:3%; width:12%; position:fixed; left:43%; top:9%;"
		    onclick="drawMoleculaStick();" type="button"> Stick </button>
	    <button id="wireframe"  style="height:3%; width:12%; position:fixed; left:56%; top:9%;"> Wireframe </button>
	    <button id="surface"    style="height:3%; width:12%; position:fixed; left:69%; top:9%;"> Surface </button>

	    <!-- кнопки переключения режима отображения -->
	    <button id="view"    style="height:4%; width:14%; position:fixed; left:34%; top:14%;"> View Mode </button>
	    <button id="compare" style="height:4%; width:14%; position:fixed; right:34%; top:14%;"> Compare Mode </button>
    </form>

    <!-- холст для отрисовки молекулы -->
    <canvas id="glcanvas" style="height:70%; width:80%; position:fixed; top:22%; left:10%"></canvas>
    <script type="text/javascript" src="code/openGL.js"></script>
    <script type="text/javascript" src="code/parse.js"></script>
    <script type="text/javascript" src="code/scene.js"></script>

    <!-- скрипты three.js -->
    <script type="text/javascript" src="three.js-master/build/three.js"></script>

</body>
</html>