hariomkushwaha/gudience.html

## gudience.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.5.3/flatly/bootstrap.min.css"
      integrity="sha512-NUGRRICuwP/BWW+tjwL3hmfRQ9HJqiSh1LKxyiPIt5o/z2vSZd4ykTafN1lHEOHSxkei5GDhK+V/zEny9rlUAA=="
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="/css/styles.css" />
    <title>Guidence</title>
  </head>
  <body>
    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
      <a class="navbar-brand" href="#">Navbar</a>
      <button
        class="navbar-toggler"
        type="button"
        data-toggle="collapse"
        data-target="#navbarColor01"
        aria-controls="navbarColor01"
        aria-expanded="false"
        aria-label="Toggle navigation"
      >
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarColor01">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#"
              >Home
              <span class="sr-only">(current)</span>
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Features</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Pricing</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">About</a>
          </li>
          <li class="nav-item dropdown">
            <a
              class="nav-link dropdown-toggle"
              data-toggle="dropdown"
              href="#"
              role="button"
              aria-haspopup="true"
              aria-expanded="false"
              >Dropdown</a
            >
            <div class="dropdown-menu">
              <a class="dropdown-item" href="#">Action</a>
              <a class="dropdown-item" href="#">Another action</a>
              <a class="dropdown-item" href="#">Something else here</a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="#">Separated link</a>
            </div>
          </li>
        </ul>
        <form class="form-inline my-2 my-lg-0">
          <input
            class="form-control mr-sm-2"
            type="text"
            placeholder="Search"
          />
          <button class="btn btn-secondary my-2 my-sm-0" type="submit">
            Search
          </button>
        </form>
      </div>
    </nav>

    <!-- Main Page -->

    <div class="jumbotron">
      <h1 class="display-3">Hi! Welcome to our project</h1>
      <p class="lead">A little info about the project</p>
      <hr class="my-4" />
      <p>Some Random Info</p>
      <p class="lead">
        <button type="button" class="btn btn-outline-primary btn-lg">
          Get Started
        </button>
        <!-- <a class="btn btn-secondary btn-lg" href="#" role="button"
          >Lets Get Started</a
        > -->
      </p>
    </div>

    <form action="/" method="post">
      <div class="form-group">
        <input
          type="text"
          class="form-control"
          id="inputDefault"
          name="area"
          placeholder="enter area"
          required
        />
        <input
          type="text"
          class="form-control"
          placeholder="Input 2"
          name="crop"
          placeholder="enter crop"
          required
        />
        <button type="submit" name="submit" class="btn btn-success">GO</button>
      </div>
    </form>

    <hr class="my-4" />
    <!-- <h4>Week Wise Data</h4> -->
    <br />


    <div>
      <div>
          <h1>The amount of water <%= amount%> L </h1>
      </div>
      <div>
          <h1>Amount of fertilizer <%= famount%></h1>
      </div>
  </div>

    <br />

    <div>
      <div>
        <h1><%= crops.name%></h1><h2>week 0-1 </h2>
    </div>
    <div>
       <h1><%= crops.desc1%></h1><h2>week 1-2 </h2>
   </div>
   <div>
       <h1><%= crops.desc2%></h1><h2>week 2-3 </h2>
   </div>
   <div>
       <h1><%= crops.desc3%></h1><h2>week 3-4 </h2>
   </div>
    </div>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link
	rel="stylesheet"
	href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.5.3/flatly/bootstrap.min.css"
	integrity="sha512-NUGRRICuwP/BWW+tjwL3hmfRQ9HJqiSh1LKxyiPIt5o/z2vSZd4ykTafN1lHEOHSxkei5GDhK+V/zEny9rlUAA=="
	crossorigin="anonymous"
	/>
	<link rel="stylesheet" href="/css/styles.css" />
	<title>Guidence</title>
	</head>
	<body>
	<!-- Navbar -->
	<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
	<a class="navbar-brand" href="#">Navbar</a>
	<button
	class="navbar-toggler"
	type="button"
	data-toggle="collapse"
	data-target="#navbarColor01"
	aria-controls="navbarColor01"
	aria-expanded="false"
	aria-label="Toggle navigation"
	>
	<span class="navbar-toggler-icon"></span>
	</button>

	<div class="collapse navbar-collapse" id="navbarColor01">
	<ul class="navbar-nav mr-auto">
	<li class="nav-item active">
	<a class="nav-link" href="#"
	>Home
	<span class="sr-only">(current)</span>
	</a>
	</li>
	<li class="nav-item">
	<a class="nav-link" href="#">Features</a>
	</li>
	<li class="nav-item">
	<a class="nav-link" href="#">Pricing</a>
	</li>
	<li class="nav-item">
	<a class="nav-link" href="#">About</a>
	</li>
	<li class="nav-item dropdown">
	<a
	class="nav-link dropdown-toggle"
	data-toggle="dropdown"
	href="#"
	role="button"
	aria-haspopup="true"
	aria-expanded="false"
	>Dropdown</a
	>
	<div class="dropdown-menu">
	<a class="dropdown-item" href="#">Action</a>
	<a class="dropdown-item" href="#">Another action</a>
	<a class="dropdown-item" href="#">Something else here</a>
	<div class="dropdown-divider"></div>
	<a class="dropdown-item" href="#">Separated link</a>
	</div>
	</li>
	</ul>
	<form class="form-inline my-2 my-lg-0">
	<input
	class="form-control mr-sm-2"
	type="text"
	placeholder="Search"
	/>
	<button class="btn btn-secondary my-2 my-sm-0" type="submit">
	Search
	</button>
	</form>
	</div>
	</nav>

	<!-- Main Page -->

	<div class="jumbotron">
	<h1 class="display-3">Hi! Welcome to our project</h1>
	<p class="lead">A little info about the project</p>
	<hr class="my-4" />
	<p>Some Random Info</p>
	<p class="lead">
	<button type="button" class="btn btn-outline-primary btn-lg">
	Get Started
	</button>
	<!-- <a class="btn btn-secondary btn-lg" href="#" role="button"
	>Lets Get Started</a
	> -->
	</p>
	</div>

	<form action="/" method="post">
	<div class="form-group">
	<input
	type="text"
	class="form-control"
	id="inputDefault"
	name="area"
	placeholder="enter area"
	required
	/>
	<input
	type="text"
	class="form-control"
	placeholder="Input 2"
	name="crop"
	placeholder="enter crop"
	required
	/>
	<button type="submit" name="submit" class="btn btn-success">GO</button>
	</div>
	</form>

	<hr class="my-4" />
	<!-- <h4>Week Wise Data</h4> -->
	<br />


	<div>
	<div>
	<h1>The amount of water <%= amount%> L </h1>
	</div>
	<div>
	<h1>Amount of fertilizer <%= famount%></h1>
	</div>
	</div>

	<br />

	<div>
	<div>
	<h1><%= crops.name%></h1><h2>week 0-1 </h2>
	</div>
	<div>
	<h1><%= crops.desc1%></h1><h2>week 1-2 </h2>
	</div>
	<div>
	<h1><%= crops.desc2%></h1><h2>week 2-3 </h2>
	</div>
	<div>
	<h1><%= crops.desc3%></h1><h2>week 3-4 </h2>
	</div>
	</div>
	</body>
	</html>