Untitled

<!DOCTYPE html>
<html>

<head>
    <!--Import Google Icon Font-->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!--Import materialize.css-->
    <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" />

    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>

<body>
    <!--Import jQuery before materialize.js-->
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="js/materialize.min.js"></script>
    <script>
        $(document).ready(function() {
            $('select').material_select();
        });
    </script>
    <nav>
        <div class="nav-wrapper">
            <a href="#" class="brand-logo left" style="padding-left: 1em;">Augmented Reality Application Server</a>
        </div>
    </nav>
    <div class="container">
        <div class="row">
            <div class="col s7">
                <h3 class="center" style="padding-top: 1em;">Upload a new project</h3>
                <div class="row" style="padding-top: 1em;">
                    <div class="input-field col s8 offset-s2">
                        <input placeholder="Project Name" id="first_name" type="text" class="validate">
                    </div>
                </div>
                <!--<div class="row">
          <div class="col s6" style="padding-top: 1em; text-align: center;">
            <a class="waves-effect waves-light btn-large">2D Tracker</a>
          </div>
          <div class="col s6" style="padding-top: 1em; text-align: center;">
            <a class="waves-effect waves-light btn-large">3D Model</a>
          </div>
        </div>-->
                <div class="row">
                    <form action="#">
                        <div class="file-field input-field col s8 offset-s2">
                            <div class="btn-large">
                                <span>2D Tracker</span>
                                <input type="file">
                            </div>
                            <div class="file-path-wrapper">
                                <input class="file-path validate" type="text">
                            </div>
                        </div>
                    </form>
                    <form action="#">
                        <div class="file-field input-field col s8 offset-s2">
                            <div class="btn-large">
                                <span>3D Model</span>
                                <input type="file">
                            </div>
                            <div class="file-path-wrapper">
                                <input class="file-path validate" type="text">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="row">
                    <div class="col s6 offset-s3" style="padding-top: 1.5em; text-align: center;">
                        <button class="btn-large waves-effect waves-light" type="submit" name="action">Upload and Save
                <i class="material-icons right">send</i>
            </button>
                    </div>
                </div>
            </div>
            <div class="col s5">
                <h4 class="center" style="padding-top: 1em;">Select active project</h4>
                <div class="row">
                    <div class="col s6 offset-s3 input-field" style="text-align: center;">
                        <select>
                            <option value="" disabled selected>Select...</option>
                            <option value="1">Option 1</option>
                            <option value="2">Option 2</option>
                            <option value="3">Option 3</option>
                        </select>
                    </div>
                </div>
                <div style="text-align:center;"><a class="waves-effect waves-light btn">Select</a>
                    <div>
                        <h4 class="center" style="padding-top: 2em;">Delete a project</h4>
                        <div class="row">
                            <div class="col s6 offset-s3 input-field" style="text-align: center;">
                                <select>
                            <option value="" disabled selected>Select...</option>
                            <option value="1">Option 1</option>
                            <option value="2">Option 2</option>
                            <option value="3">Option 3</option>
                        </select>
                            </div>
                        </div>
                        <div style="text-align:center;"><a class="waves-effect waves-light btn red">Delete</a>
                            <div>
                            </div>
                        </div>
</body>

</html>