|
<!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"> |
|
</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="container has-text-centered bg-text" style="width: 100%; font-size:2.5rem; color:rgb(237, 16, 16);"> |
|
<i class="arrow_down"></i> |
|
<form action="/classify" method="post" enctype="multipart/form-data" |
|
style="margin-top: 30px; width: 80%; text-align: center; margin: auto;"> |
|
<div class="file has-name is-centered"> |
|
<label class="file-label"> |
|
<input class="file-input" type="file" id="image" name="image" |
|
style="font-size:2.5rem; color:rgb(237, 16, 16);"> |
|
</label> |
|
</div> |
|
<br> |
|
<input type="submit" value="Recognition" class="button is-black" name="image" id="classify_button" |
|
style="font-size:2.5rem; color:rgb(237, 16, 16);"> |
|
</form> |
|
</div> |
|
</div> |
|
|
|
</section> |
|
<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> |