質問編集履歴

1

HTML追加

2021/05/14 08:12

投稿

kogari
kogari

スコア12

test CHANGED
File without changes
test CHANGED
@@ -163,3 +163,93 @@
163
163
  }
164
164
 
165
165
  ```
166
+
167
+
168
+
169
+ ```HTML
170
+
171
+ <section class="feature">
172
+
173
+ <div class="feature-inner inner">
174
+
175
+ <h2 class="section-title">Feature</h2>
176
+
177
+ <p class="subtitle">Ravekの3つの特長</p>
178
+
179
+ <div class="feature-list">
180
+
181
+ <div class="feature-left">
182
+
183
+ <div class="feature-number">01</div>
184
+
185
+ <div class="feature-description">
186
+
187
+ <p class="feature-description-title">タスクの種類・進捗を<br>ダッシュボードで確認可能</p>
188
+
189
+ <p class="feature-description-text">Ravekはメンバーが入力したタスクを整理し、ダッシュボードにガントチャートとして表示。ダッシュボードを確認するだけで、誰のどのタスクがどの程度進んでいるのかを一目で把握できます。</p>
190
+
191
+ </div>
192
+
193
+ </div>
194
+
195
+ <div class="feature-right">
196
+
197
+ <img src="https://placehold.jp/520x520.png" alt="">
198
+
199
+ </div>
200
+
201
+ </div>
202
+
203
+ <div class="feature-list">
204
+
205
+ <div class="feature-left">
206
+
207
+ <div class="feature-number">02</div>
208
+
209
+ <div class="feature-description">
210
+
211
+ <p class="feature-description-title">タスクの入力がシンプルかつ簡単。<br>入力の手間が最小限に</p>
212
+
213
+ <p class="feature-description-text">タスク管理ツールで面倒になりがちなタスクの入力作業。<br>RavekはPC・スマートフォンのどちらでもシンプルかつ簡単に入力でき、手間が最小限に抑えられます。本質的な業務に時間を割きましょう。</p>
214
+
215
+ </div>
216
+
217
+ </div>
218
+
219
+ <div class="feature-right">
220
+
221
+ <img src="https://placehold.jp/520x520.png" alt="">
222
+
223
+ </div>
224
+
225
+ </div>
226
+
227
+ <div class="feature-list">
228
+
229
+ <div class="feature-left">
230
+
231
+ <div class="feature-number">03</div>
232
+
233
+ <div class="feature-description">
234
+
235
+ <p class="feature-description-title">SlackとのAPI連携<br>ツール切り替えの手間を削減</p>
236
+
237
+ <p class="feature-description-text">RavekはSlackと連携することで、Slack上でRavekをタスクを追加したり、確認したりできます。都度の切り替えの手間がなくなり、シームレスに扱えるのが特長です。Slackを導入しているなら違和感なく使用できます。</p>
238
+
239
+ </div>
240
+
241
+ </div>
242
+
243
+ <div class="feature-right">
244
+
245
+ <img src="https://placehold.jp/520x520.png" alt="">
246
+
247
+ </div>
248
+
249
+ </div>
250
+
251
+ </div>
252
+
253
+ </section>
254
+
255
+ ```