frontend/index.html at master · Crop-Forecasting-System/frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
    <title>Crop Forecasting System</title>
    <link rel="stylesheet" href="style.css">
</head>


<body>

  <header>
    <h2><a class="hd" href="#" onclick="location.href='./index.html'">농산물 가격 예측 시스템</a></h2>
  </header>
  <div class = "buttons">
    <a class = "sbtn" target = "top" href = "https://github.com/Crop-Forecasting-System/Info/blob/master/crop%26place%20info.md"> 작물/지역 소개 </a>
    <a class = "sbtn" target = "top" href = "https://github.com/Crop-Forecasting-System/Info/blob/master/feature%20info.md"> 요인 선정 이유 </a>
    <a class = "sbtn" target = "top" href = "https://github.com/Crop-Forecasting-System/Info/blob/master/feature%20selection.md"> Feature Selection </a>
    <a class = "sbtn" target = "top" href = "https://github.com/Crop-Forecasting-System/Info/blob/master/user%20guide.md"> 웹 사용 설명서 </a>
  </div>

  <!-- <img src="grass.jpg" alt="My Image" width="1263"> -->
  <div class="mm">

    <div class = "sentence">
      <p>저희 서비스는 농산물에 영향을 미치는 기상상황, 물가지수 등 여러 요인들을 기반으로 농산물의 가격을 예측하여 제공하는 서비스입니다.<br>
      생산자는 작물의 가격을 파악하여 얻을 수입을 미리 예측할 수 있고, 어떤 작물을 재배했을 때 이익을 얻을 수 있을지 예상할 수 있습니다. <br>
      소비자는 농산물의 가격을 파악하여 구매량과 예산을 미리 정할 수 있고, 여러 작물의 시세를 파악하여 선택적으로 구입이 가능합니다.</p>
    </div>

    <!-- 작물아이콘 시작 -->
    <div class="icons">
      <div class="icon bicon">배추
        <ul class="menu bmenu">
          <li class="spread bspread">
            <a class="unit bunit" href="#" onclick="location.href='./cabbage/seoul.html'">서울</a>
          </li>

          <li class="spread bspread">
            <a class="unit bunit" href="#" onclick="location.href='./cabbage/busan.html'">부산</a>
          </li>

          <li class="spread bspread">
            <a class="unit bunit" href="#" onclick="location.href='./cabbage/daegu.html'">대구</a>
          </li>

          <li class="spread bspread">
            <a class="unit bunit" href="#" onclick="location.href='./cabbage/daejeon.html'">대전</a>
          </li>

          <li class="spread bspread">
            <a class="unit bunit" href="#" onclick="location.href='./cabbage/gwangju.html'">광주</a>
          </li>
        </ul>
      </div>

      <div class="icon micon">무
        <ul class="menu mmenu">
          <li class="spread mspread">
            <a class="unit munit" href="#" onclick="location.href='./radish/seoul.html'">서울</a>
          </li>

          <li class="spread mspread">
            <a class="unit munit" href="#" onclick="location.href='./radish/busan.html'">부산</a>
          </li>

          <li class="spread mspread">
            <a class="unit munit" href="#" onclick="location.href='./radish/daegu.html'">대구</a>
          </li>

          <li class="spread mspread">
            <a class="unit munit" href="#" onclick="location.href='./radish/daejeon.html'">대전</a>
          </li>

          <li class="spread mspread">
            <a class="unit munit" href="#" onclick="location.href='./radish/gwangju.html'">광주</a>
          </li>
        </ul>
      </div>

      <div class="icon oicon">양파
        <ul class="menu omenu">
          <li class="spread ospread">
            <a class="unit ounit" href="#" onclick="location.href='./onion/seoul.html'">서울</a>
          </li>

          <li class="spread ospread">
            <a class="unit ounit" href="#" onclick="location.href='./onion/busan.html'">부산</a>
          </li>

          <li class="spread ospread">
            <a class="unit ounit" href="#" onclick="location.href='./onion/daegu.html'">대구</a>
          </li>

          <li class="spread ospread">
            <a class="unit ounit" href="#" onclick="location.href='./onion/daejeon.html'">대전</a>
          </li>

          <li class="spread ospread">
            <a class="unit ounit" href="#" onclick="location.href='./onion/gwangju.html'">광주</a>
          </li>
        </ul>
      </div>

      <div class="icon gicon">건고추
        <ul class="menu gmenu">
          <li class="spread gspread">
            <a class="unit gunit" href="#" onclick="location.href='./chili/seoul.html'">서울</a>
          </li>

          <li class="spread gspread">
            <a class="unit gunit" href="#" onclick="location.href='./chili/busan.html'">부산</a>
          </li>

          <li class="spread gspread">
            <a class="unit gunit" href="#" onclick="location.href='./chili/daegu.html'">대구</a>
          </li>

          <li class="spread gspread">
            <a class="unit gunit" href="#" onclick="location.href='./chili/daejeon.html'">대전</a>
          </li>

          <li class="spread gspread">
            <a class="unit gunit" href="#" onclick="location.href='./chili/gwangju.html'">광주</a>
          </li>
        </ul>
      </div>
    </div>


    <!-- 작물아이콘 끝 -->

    <!-- 차트시작 -->
    <div class="cc" >
      <canvas class="chart" id="bchart" width="280" height="280"></canvas>
      <canvas class="chart" id="mchart" width="280" height="280"></canvas>
      <canvas class="chart" id="ochart" width="280" height="280"></canvas>
      <canvas class="chart" id="gchart" width="280" height="280"></canvas>
      <script type="text/javascript" src="script.js"></script>
    </div>
  </div>

</body>
</html>