Untitled

<html lang="ru">
  <head>
    <style type="text/css">
    body {
      height: 100%;
      background-color: green;
      -webkit-font-smoothing: antialiased;
      font-family: 'Noto Sans', sans-serif;
      padding-left: 15%;
      padding-right: 15%;
    }

    .content {
      text-align: center;
      background-color: transparent;
    }

    .bordered {
      border: 1px solid;
    }

    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        /*background-color: #333;*/
        background: linear-gradient(to top, #0e5805, #4a9e0a);
        border-style: solid;
        border-width: 0px 1px 1px 1px;

    }

    li {
        float: left;
        width: 19.8%;
        border-right: 1px solid;
    }

    li a {
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 20px;
    }

    a:hover:not(.active) {
      background-color: #4caf30;
    }

    .active {
      background-color: #4CAF50;
    }

    .container {
      height: 100%;
      border: 1px solid;
      border-top: 0px;
      overflow: hidden;
    }

    .block-left {
      /*display: block;*/
      float: left;
      max-width: 30%;
      height: 100%;
      border-right: 1px solid;
      background-color: #f57c00;
      text-align: left;
    }

    .block-left > h4, p {
      margin-left: 10px;
      padding: 0;
      color: white;
    }
    .block-left > h3 {
      margin-left: 10px;
      margin-top:0px;
      padding-top:15px;
      color: white;
    }

    .block-left > hr {
      border-color: #000 ;
    }

    .block-right {
      display: block;
      background: #fff;
      height: 100%;
      width: 69.88%;
      text-align: left;
      float: left;
    }

    .block-right > p, h1, h2, h3 {
      color: #000;
      margin-top: 0px;
      /*padding-left: 15px;*/
    }

    .text-main {
      padding-left: 15px;
      padding-top: 15px;
      color: grey;
      text-decoration-style: dotted;
    }

    .flower-image {
      margin-left: 15px;
      margin-right: 30px;
      height: 200px;
      width: 300px;
      border: 1px solid;
      border-radius: 2px;
      vertical-align: middle;
      float: left;
    }

    .block-right > span {
      text-align: right;
      font-size: 12px;
    }

    .next {
      text-align: right;
      vertical-align: bottom;
      margin-right: 10px;
    }
    </style>
  </head>

  <body>
    <div class="content">
      <div class="logo bordered">
        <img src="https://pp.userapi.com/c638419/v638419293/3660a/zuX8LTca5mw.jpg" style="width:100%"></img>
      </div>
      <div class="nav">
        <ul>
          <li class=""><a href="#">Главная</a></li>
          <li><a href="#">Сад</a></li>
          <li><a class="active" href="#">Цветы</a></li>
          <li><a href="#">Овощи</a></li>
          <li style="border:0"><a href="#">Кустарники</a></li>
        </ul>
      </div>

      <div class="container">
        <div class="block-left">
          <h3> Календарь садовода </h3>
          <h4 style="font-style:italic"> Месяц Март:</h4>
          <p> Сеем на рассаду овощи: перец сладкий, раннюю белокочанную и позднюю цветную капусты, интермедиантные томаты, листовой сельдерей, лук-порей, ранние сорта фенхеля</p>
          <hr>
          <h3> Хранение овощей </h3>
          <p> Урожай важно не только вырастить, но его ещё нужно сохранить с наименьшими потерями. На хранилище закладываются</p>
          <hr>
        </div>

        <div class="block-right">

            <h2 class="text-main"> Луковичные, клубнелуковичные </h2>
              <img src="https://pp.userapi.com/c638419/v638419293/36611/0vxUWXVAI_Y.jpg" class="flower-image"></img>
              <span> О тюльпанах, рябчиках, георгинах, гладиолусах и других луковичных и клубнелуковичных растениях. </span>

            <br>

              <a style="color:black" href="#">
                <h5 class="next" style="color:black"> Далее </p>
              </a>
        </div>
      </div>

    </div>
  </body>
</html>