index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
    <link rel="stylesheet" href="css/design.css"/>
    <script src="js/jquery-2.1.4.min.js"></script>
    <script src="js/jquery-ui.min.js"></script>
    <script src="js/materialize.min.js"></script>
    <title>MathJunkie</title>
</head>

<body>

    <header>
        <div id="headline">
            <br>
        <h1 class="center-align">MathJunkie</h1>
        <h5 class="center-align">Who said Math has to be difficult and ugly?</h5>
        </div>

        <nav>
            <div class="nav-wrapper">
                <img src="images/Icon.png" class="brand-logo center" width="85" height="85"  ></img>
                <ul id="nav-mobile" class="right hide-on-med-and-down">
                    <li><a href="sass.html">Log In</a></li>
                    </ul>
                <ul id="tutorial" class="left hide-on-med-and-down">
                    <li><a href="tutorial.html">Tutorial</a></li>
                </ul>
            </div>
        </nav>
    </header>

    <main>
        <div id="wrapper" class="row container red">
            <div id="sidebar" class="col s6 yellow"><br><br><br><br><br><br><br><br><br><br>HIER STEHEN DANN <br> DIE FUNKTIONEN</div>

               <div id="input">
                <div class="input-field col s6 ">
                    <input value="x^2 +2x-10" id="first_name2" type="text" class="validate">
                    <label class="active" for="first_name2">Please type in your parameters</label>
                </div>
               </div>
            <div id="output" class="col s4 green">OUTPUT</div>
        </div>

    </main>
    <footer>
        <div class="footer-copyright cyan">
            <div id="footer" class="container" >
                © 2015 MathJunkie
            </div>
        </div>
    </footer>


</body>
</html>