<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AI_BRAIN</title>
    <style type="text/css">
    h3 {
        margin-left:10px;
        text-align: center;
    }

    form {
        margin-left:10px;
    }

    .brain{
        text-align: center; /*让div内部文字居中*/
    }

    .inline{
        border:1px solid #000;
        border-radius: 10px;
        width: 360px;
        height: 300px;
    }


    </style>
</head>

<div class="brain">
    <h2>&#8595 &#8595 AI-BRAIN &#8595 &#8595</h2><br>
</div>

<div class="inline" style="margin-left: 25%;float: left">
    <h3>答题卡分割</h3>
    <form action="/segment/sheet/" method="post" enctype="multipart/form-data">
        <p>上传一张或多张试卷,返回各试卷题目所在区域</p>
        {% csrf_token %}
        {{ form_img.as_p }}
        <input type="submit" value="上传"/><br>
    </form>
</div>

<div class="inline" style="margin-right: 25%;float: right">
    <h3>答题卡分割</h3>
    <form action="/segment/sheet_box/" method="post" enctype="multipart/form-data">
        <p>上传一张或多张答题卡,返回识别区域及OCR结果</p>
        {% csrf_token %}
        {{ form_img.as_p }}
        <input type="submit" value="上传"/><br>
    </form>
</div>

<div class="inline" style="margin-left: 25%;float: left;">
    <h3>答题卡分割(by_xml)</h3>
    <form action="/segment/sheetsmallbox/" method="post" enctype="multipart/form-data">
        <p>上传修正后的XML文件</p>
        {% csrf_token %}
        {{ form_xml.as_p }}
        <input type="submit" value="上传"/><br>
    </form>
</div>


</body>
</html>

