3:残りの画面の実装
イメージ
index.htmlに以下の記述を追加ヒーロースライダーの直下
<main>
<section class="world">
<div class="world__inner">
<div class="world__img cover-slide">
<img class="img-zoom" src="images/Birthday.jpg" alt=""/>
</div>
<div class="world__texts appear left">
<div class="world__texts-inner">
<div class="world__title main-title item">
<span class="purple">Floroj </span>
<span>de la mondo</span>
</div>
<div class="world__sub sub-title item">世界のお花をあなたに</div>
<div class="world__description item">
<p>世界150ヶ国の花を<br />あなたにお届けします。</p>
<p>あなたの望む花がきっと見つかります。</p>
</div>
<div class="world__btn item">
<button class="btn filled">もっと詳しく</button>
</div>
</div>
</div>
</div>
</section>
_600up.scssに以下の記述を追加
続きを読む →