index.html

<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title>Emotion API</title>
    <link href="css/site.css" rel="stylesheet">
    <script src="scripts/jquery-3.1.0.min.js">
    </script>
    <script src="scripts/script.js">
    </script>
    <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
</head>
<body>
    <div>
        <h1>Emotion Detector</h1>
        <h2>Emotion Recognition App</h2>
    </div><!--webcamJS-->
    <script src="webcamjs/webcam.js">
    </script>
    <div id="my_camera" style="width:320px; height:240px;"></div>
    <div id="my_result"></div><br>
    <div class="buttons">
        <button class="buttons" id='ok' type="button"></button> <button class="buttons" id='redo' type="button"></button> <button class="buttons" id='redoredo' type="button"></button>
    </div><br>
    <div class='phototake'>
        <button class="buttons" id="cameraButton">Take Snapshot</button>
    </div>
    <div class='result_div'></div>
    <!-- <blockquote class="embedly-card" data-card-key="2e479aa879284f92a5d2d88b33d7dd1a" data-card-theme="dark" data-card-type="article-full">
        <h4><a href="http://www.cnn.com/2016/02/03/health/resting-bitch-face-research-irpt/">'Resting bitch face' is real, scientists say</a></h4>
        <p>The phenomenon known as "resting bitch face" is real, according to scientists. Better yet, there's research available that could explain why some people are "throwing shade."</p>
    </blockquote> -->
    <script async charset="UTF-8" src="//cdn.embedly.com/widgets/platform.js">
    </script>
</body>
</html>