<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('首页')" />
    <style>
        .model-container {
            width: 400px;
            min-height: 250px;
            margin-bottom: 25px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            height: 100%;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
            position: relative;

        }
        .model-container-title-gray {
            height: 40px;
            background-color: #d9edf7;
            color: #333;
            font-weight: 700;
            border-radius: 2px 2px 0 0;
            padding: 13px !important;
            border-bottom: 1px solid #eee;
            display: block;
            clear: both;
        }
        .model-container-add {
            min-height: 210px;;
        }
        .model-container-content {
            min-height: 170px;;
        }
        .model-container-content span {
            margin:0 auto;
        }
        .model-container-add:hover {
            color: #fff;
            background-color: #1ab394;
        }
    </style>
</head>

<body class="gray-bg">
    <div class="container-div">
        <div class="select-list">
            <ul>
                <li>
                    <div class="model-container">
                        <div class="model-container-title-gray">新建模型</div>
                        <div class="model-container-add text-center">
                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="model-container">
                        <div class="model-container-title-gray">扁担定制</div>
                        <div class="model-container-content">
                            平面设计（graphic design），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。
                        </div>
                        <div class="row  m-t-sm model-container-footer">
                            <div class="col-sm-6 text-center">
                                <span class="fa fa-edit" aria-hidden="true"></span>
                            </div>
                            <div class="col-sm-6 text-center">
                                <span class="fa fa-remove" aria-hidden="true"></span>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
    <script type="text/javascript">

    </script>
</body>
</html>
