この「PRODUCT」部分、赤枠の所(div)全体にリンクがかかっているんですよね。~</div></a>divなどのブロック要素をaタグの中に入れてもいいの?と思うかもしれませんが、HTML5からOKになりました。(これをブロックリンクと言います)NEWS部分↓ここもブロックリンクを使いました。MOREボタンはブートストラップのコンポーネンツ(パーツ)で作りました。今回はブートストラップを体験してみるのが目的だったので、これでOK。SNSボタン、フッターナビ、フッター↓トップページボタンはマウスオンすると「ニョキ」っと少し飛び出るアニメーション付きなんですが、初めてCSSのtransitionプロパティを使ってみました。SNSボタンもブートストラップで作ったので、見本サイトとは色が違っています。今回一番難しかった所↓スマホ画面の、SNSボタンを並べるレイアウト。簡単そうなんですが、見本サイトは赤い部分は横幅固定でボタンが横幅可変になっています。赤い部分をmargin(またはpadding):〇〇pxにしてボタンをwidthを%でやってもいいんですが、そうするとボタンがうまく真ん中に配置されない。containerを作ったりtext-align:centerにしてみたり、色々やったのですがうまく横幅の%やpxが合わなくて、結局ピッタリ真ん中に配置はできませんでした。使わないでうまくやる方法はないのでしょうか?<追記>後日、背景画像をふわっと切り替わるスライドショーにしました↓PAS-POLサイトの背景画像をスライドショーにしました。jQuery.BGSwitcherの使い方。メインビジュアルの背景画像をまだスライドショーにしてなかったのでスライドショーにしました。ここのスライドショーは背景画像がふわっと切り替わるやつなのですが、「どうやるのかな~?」と調べた...www.progstudy-trace.com2020.08.10今後の予定。次は何を模写しようかまだ未定です。コーポレートサイトかカフェのサイトを自分で作ってみるのもいいかもしれない。他にもPhotoShop、WordPress、PHPも勉強したいし、やりたいことはたくさんあります。「PAS-POL」サイトの模写を始めました。リセットCSSとBootstrapを導入。ゴディバのサイトを模写しました。jQueryのプラグイン、「slick」スライダー。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。ホーム模写コーディングプロフィールプロフィール管理人のハルトです。