Log In Sign Up
Models:
Mathew Swanson
Mathew-S/
DOCPAT-SMART-DISEASE-PRED
0
Downloads: 2
Diff of /templates/breast.html [000000] .. [b018ba]

Switch to unified view

a b/templates/breast.html 

  1
  
<!DOCTYPE html>





  
  

  2
  
<html lang="en">





  
  

  3
  





  
  

  4
  
<head>





  
  

  5
  
    <meta charset="UTF-8">





  
  

  6
  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">





  
  

  7
  
    <title>Breast Cancer Predictor</title>





  
  

  8
  
    <!-- Bootstrap CSS link -->





  
  

  9
  
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"





  
  

  10
  
        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"





  
  

  11
  
        crossorigin="anonymous">





  
  

  12
  
    <!-- Your custom CSS -->





  
  

  13
  
    <style>





  
  

  14
  
        body {





  
  

  15
  
            font-family: Cambria;





  
  

  16
  
            background-image: linear-gradient(#68e9f0, #93bbec);





  
  

  17
  
            height: 100%;





  
  

  18
  
        }





  
  

  19
  





  
  

  20
  
        .container {





  
  

  21
  
            max-width: 800px;





  
  

  22
  
            margin: 0 auto;





  
  

  23
  
            padding-top: 50px;





  
  

  24
  
        }





  
  

  25
  





  
  

  26
  
        .input-box {





  
  

  27
  
            margin-bottom: 15px;





  
  

  28
  
            border: 2px solid #000000;





  
  

  29
  
            background-color: #aae0ea;





  
  

  30
  
            width: 100%;





  
  

  31
  
            padding: 10px;





  
  

  32
  
            font-size: 18px;





  
  

  33
  
            border-radius: 5px;





  
  

  34
  
        }





  
  

  35
  





  
  

  36
  
        .logo {





  
  

  37
  
            display: block;





  
  

  38
  
            margin: 0 auto;





  
  

  39
  
            width: 200px;





  
  

  40
  
            height: auto;





  
  

  41
  
            margin-bottom: 20px;





  
  

  42
  
        }





  
  

  43
  





  
  

  44
  
        .btn-predict {





  
  

  45
  
            background-color: #4de0dd;





  
  

  46
  
            color: #fff;





  
  

  47
  
            margin-top: 20px;





  
  

  48
  
            padding: 15px 30px;





  
  

  49
  
            font-size: 20px;





  
  

  50
  
            border-radius: 5px;





  
  

  51
  
            width: 100%;





  
  

  52
  
        }





  
  

  53
  





  
  

  54
  
         





  
  

  55
  





  
  

  56
  
        .btn-home {





  
  

  57
  
    background-color: #000000; /* Black color */





  
  

  58
  
    color: white;





  
  

  59
  
    height: 50px;





  
  

  60
  
    width: 100px;





  
  

  61
  
    padding: 4px 4px; /* Smaller padding */





  
  

  62
  
    font-size: 26px; /* Smaller font size */





  
  

  63
  
    border-radius: 5px;





  
  

  64
  
    margin-top: -12px;





  
  

  65
  
    margin-bottom: -32px;





  
  

  66
  
    display: block;





  
  

  67
  
    margin-left: auto;





  
  

  68
  
    margin-right: auto;





  
  

  69
  
    text-decoration: none; /* Remove underline */





  
  

  70
  
    text-align: center;





  
  

  71
  
}





  
  

  72
  





  
  

  73
  
.btn-home:hover {





  
  

  74
  
    background-color: #333333; /* Darker shade of black on hover */





  
  

  75
  
    color: white; /* Keep text white on hover */





  
  

  76
  
    text-decoration: none; /* Remove underline on hover */





  
  

  77
  
}





  
  

  78
  





  
  

  79
  





  
  

  80
  
         





  
  

  81
  
    </style>





  
  

  82
  
</head>





  
  

  83
  





  
  

  84
  
<body>





  
  

  85
  
    <!-- Header -->





  
  

  86
  
    <header>





  
  

  87
  
        <img src="/static/NEWLOGO.png" alt="Logo" class="logo">





  
  

  88
  
    </header>





  
  

  89
  
    <br>





  
  

  90
  





  
  

  91
  
    <!-- Home Button -->





  
  

  92
  
    <div>





  
  

  93
  
        <a href="/" class="btn-home">Home</a> <!-- Link to the home page -->





  
  

  94
  
    </div>





  
  

  95
  





  
  

  96
  
    <!-- Main Content -->





  
  

  97
  
    <div class="container">





  
  

  98
  
        <h1 class="text-center mb-4">Breast Cancer Predictor</h1>





  
  

  99
  
        <div class="card mb-4">





  
  

  100
  
            <div class="card-body">





  
  

  101
  
                <form action="/predictb/" method="POST">





  
  

  102
  
                    {% csrf_token %}





  
  

  103
  
                    <div class="form-group">





  
  

  104
  
                        <input class="form-control input-box" type="text" name="texture_mean" placeholder="Texture Mean">





  
  

  105
  
                    </div>





  
  

  106
  
                    <div class="form-group">





  
  

  107
  
                        <input class="form-control input-box" type="text" name="smoothness_mean"





  
  

  108
  
                            placeholder="Smoothness Mean">





  
  

  109
  
                    </div>





  
  

  110
  
                    <div class="form-group">





  
  

  111
  
                        <input class="form-control input-box" type="text" name="compactness_mean"





  
  

  112
  
                            placeholder="Compactness Mean">





  
  

  113
  
                    </div>





  
  

  114
  
                    <div class="form-group">





  
  

  115
  
                        <input class="form-control input-box" type="text" name="concave_points_mean"





  
  

  116
  
                            placeholder="Concave Points Mean">





  
  

  117
  
                    </div>





  
  

  118
  
                    <div class="form-group">





  
  

  119
  
                        <input class="form-control input-box" type="text" name="symmetry_mean"





  
  

  120
  
                            placeholder="Symmetry Mean">





  
  

  121
  
                    </div>





  
  

  122
  
                    <div class="form-group">





  
  

  123
  
                        <input class="form-control input-box" type="text" name="fractal_dimension_mean"





  
  

  124
  
                            placeholder="Fractal Dimension Mean">





  
  

  125
  
                    </div>





  
  

  126
  
                    <div class="form-group">





  
  

  127
  
                        <input class="form-control input-box" type="text" name="texture_se"





  
  

  128
  
                            placeholder="Texture Standard Error">





  
  

  129
  
                    </div>





  
  

  130
  
                    <div class="form-group">





  
  

  131
  
                        <input class="form-control input-box" type="text" name="area_se" placeholder="Area Standard Error">





  
  

  132
  
                    </div>





  
  

  133
  
                    <div class="form-group">





  
  

  134
  
                        <input class="form-control input-box" type="text" name="smoothness_se"





  
  

  135
  
                            placeholder="Smoothness Standard Error">





  
  

  136
  
                    </div>





  
  

  137
  
                    <div class="form-group">





  
  

  138
  
                        <input class="form-control input-box" type="text" name="compactness_se"





  
  

  139
  
                            placeholder="Compactness Standard Error">





  
  

  140
  
                    </div>





  
  

  141
  
                    <div class="form-group">





  
  

  142
  
                        <input class="form-control input-box" type="text" name="concavity_se"





  
  

  143
  
                            placeholder="Concavity Standard Error">





  
  

  144
  
                    </div>





  
  

  145
  
                    <div class="form-group">





  
  

  146
  
                        <input class="form-control input-box" type="text" name="concave_points_se"





  
  

  147
  
                            placeholder="Concave Points Standard Error">





  
  

  148
  
                    </div>





  
  

  149
  
                    <div class="form-group">





  
  

  150
  
                        <input class="form-control input-box" type="text" name="symmetry_se"





  
  

  151
  
                            placeholder="Symmetry Standard Error">





  
  

  152
  
                    </div>





  
  

  153
  
                    <div class="form-group">





  
  

  154
  
                        <input class="form-control input-box" type="text" name="fractal_dimension_se"





  
  

  155
  
                            placeholder="Fractal Dimension Standard Error">





  
  

  156
  
                    </div>





  
  

  157
  
                    <div class="form-group">





  
  

  158
  
                        <input class="form-control input-box" type="text" name="texture_worst" placeholder="Texture Worst">





  
  

  159
  
                    </div>





  
  

  160
  
                    <div class="form-group">





  
  

  161
  
                        <input class="form-control input-box" type="text" name="area_worst" placeholder="Area Worst">





  
  

  162
  
                    </div>





  
  

  163
  
                    <div class="form-group">





  
  

  164
  
                        <input class="form-control input-box" type="text" name="smoothness_worst"





  
  

  165
  
                            placeholder="Smoothness Worst">





  
  

  166
  
                    </div>





  
  

  167
  
                    <div class="form-group">





  
  

  168
  
                        <input class="form-control input-box" type="text" name="compactness_worst"





  
  

  169
  
                            placeholder="Compactness Worst">





  
  

  170
  
                    </div>





  
  

  171
  
                    <div class="form-group">





  
  

  172
  
                        <input class="form-control input-box" type="text" name="concavity_worst" placeholder="Concavity Worst">





  
  

  173
  
                    </div>





  
  

  174
  
                    <div class="form-group">





  
  

  175
  
                        <input class="form-control input-box" type="text" name="concave_points_worst" placeholder="Concave Points Worst">





  
  

  176
  
                    </div>





  
  

  177
  
                    <div class="form-group">





  
  

  178
  
                        <input class="form-control input-box" type="text" name="symmetry_worst" placeholder="Symmetry Worst">





  
  

  179
  
                    </div>





  
  

  180
  
                    <div class="form-group">





  
  

  181
  
                        <input class="form-control input-box" type="text" name="fractal_dimension_worst" placeholder="Fractal Dimension Worst">





  
  

  182
  
                    </div>





  
  

  183
  
                    





  
  

  184
  
                    <!-- Predict button -->





  
  

  185
  
                    <button type="submit" class="btn btn-primary btn-predict">Predict</button>





  
  

  186
  
                    </form>





  
  

  187
  
                    </div>





  
  

  188
  
                    </div>





  
  

  189
  
                    </div>





  
  

  190
  
                    </body>





  
  

  191
  
                    





  
  

  192
  
                    </html>