<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <!-- Stylesheets -->
  <link rel="stylesheet" href="../photon/css/photon.min.css">
  <title>NOAH</title>
</head>
<body>
  <div class="window">
    <div class="window-content">
      <div class="pane-group">
        <div class="pane">
          <p>Hello World</p>
        </div>
        <div class="pane">
          <p>Hello World</p>
        </div>
      </div>
    </div>
  </div>
</body>
</html>

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <!-- Stylesheets -->
  <link rel="stylesheet" href="../photon/css/photon.min.css">
  <title>NOAH</title>
</head>
<body>
  <div class="window">
    <div class="window-content">
      <div class="pane-group">
        <div class="pane">
          <div class="list-group text-center">
            <img class="padded-vertically-more" src="../icon/window-rain3.png" style="width: 70px">
          </div>
        </div>
        <div class="pane">
          <div class="list-group text-center">
            <h3 class="padded-vertically">降水量</h3>
            <p class="">200 mm</p>
            <h3 class="padded-vertically">鴨川</h3>
            <p class="">0.7/0.5 m</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>

Improve window image. Use Photon CSS.
Improve window image. Use Photon CSS.
