|
<!DOCTYPE html> |
|
<html> |
|
|
|
<head> |
|
<title>Check My Plant</title> |
|
<link href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"> |
|
<link href="/static/styles.css" rel="stylesheet"> |
|
|
|
<style> |
|
.hero { |
|
height: 100%; |
|
} |
|
#pred_img { |
|
height: 500px; |
|
margin-right: auto; |
|
margin-left: auto; |
|
display: block; |
|
} |
|
</style> |
|
</head> |
|
|
|
<body> |
|
<nav class="navbar navbar-light navbar-expand-md py-3"> |
|
<div class="container"><a class="navbar-brand d-flex align-items-center" href="#"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> |
|
<div class="collapse navbar-collapse" id="navcol-2"> |
|
<ul class="navbar-nav ms-auto"> |
|
<li class="nav-item"><a class="nav-link active" href="/static/frontend/home.html" style="padding-left: 0px;margin-left: 7px;margin-right: 20px;font-family: Poppins, sans-serif;">home</a></li> |
|
<li class="nav-item"><a class="nav-link" href="/static/frontend/about.html" style="margin-right: 20px;font-family: Poppins, sans-serif;">about</a></li> |
|
<li class="nav-item"><a class="nav-link" href="http://127.0.0.1:5000" style="margin-right: 20px;font-family: Poppins, sans-serif;">check!</a></li> |
|
<li class="nav-item"><a class="nav-link" href="#" style="font-family: Poppins, sans-serif;">more</a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
</nav> |
|
<div id="header"> |
|
<section class="content"> |
|
<div class="container"> |
|
<h1 class="title" style="font-size:2.5rem"> |
|
<a href="/"><img id="title" src="/static/logo-image.jpg" alt="logo"></a> |
|
</h1> |
|
</div> |
|
</section> |
|
</div> |
|
|
|
<div class="content"> |
|
<div class="column is-one-third has-text-centered" style="vertical-align:middle;"> |
|
<img id="pred_img" src="{{ url_for('send_file', filename=imagefile)}}" /> |
|
</div> |
|
<div class="column is-one-quarter" style="font-size:2.5rem; text-align: center;"> |
|
|
|
<h2 id="pred" style="color:black"> |
|
This is a <span style="font-weight: bold; color:black;">{{ label }}</span> |
|
</h2> |
|
|
|
<h2 style="font-size: 3rem"> |
|
Prediction: <span style="font-weight: bold; color:black;">{{prob}}%</span> |
|
</h2> |
|
<a href="/" class="button is-black is-inverted is-outlined" |
|
style="font-size:2.5rem; color:rgb(237, 16, 16);">Back</a> |
|
</div> |
|
</div> |
|
<footer class="text-center py-4" style="background: #50a15f;"> |
|
<div class="container"> |
|
<div class="row row-cols-1 row-cols-lg-3"> |
|
<div class="col"> |
|
<ul class="nav nav-tabs" style="border-style: none;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;"> |
|
<li class="nav-item"><a class="nav-link active" href="/static/frontend/contact.html" style="background: rgba(255,255,255,0);color: var(--bs-white);border-style: none;border-top-style: none;font-family: Poppins, sans-serif;">contact</a></li> |
|
<li class="nav-item"><a class="nav-link" href="#" style="color: var(--bs-white);border-style: none;font-family: Poppins, sans-serif;">feedback</a></li> |
|
<li class="nav-item"></li> |
|
</ul> |
|
</div> |
|
<div class="col"> |
|
<ul class="list-inline my-2"> |
|
<li class="list-inline-item me-4"></li> |
|
<li class="list-inline-item me-4"></li> |
|
<li class="list-inline-item"></li> |
|
</ul> |
|
</div> |
|
<div class="col"> |
|
<p style="color: var(--bs-white);height: 22px;padding-top: 7px;font-family: Poppins, sans-serif;">© All Rights Reserved CheckMyPlant 2023</p> |
|
</div> |
|
</div> |
|
</div> |
|
</footer> |
|
</body> |
|
</html> |
