レスポンシブウェブデザインプロジェクト#3 ---製品のランディングページビジネス企業、ゼルダプロモーションビデオページのプライマリ・リポジトリ
https://codepen.io/yiyunpan//
#テクノロジ・スタック
HTML、JavaScriptとCSSの完全なを使用して1。ここで行うには、純粋なCSSです
#コンテンツ
セマンティックタグの1. H5
2.キーFlexは(CSS3アニメーションが参加していない)CSS3を使用してレイアウト
3. 3プル:フォントを引っ張って、サイトの文言を引き出し、マップを引きます。
4.設計ページレイアウト、UI、色、デザインビジネス企業のロゴ、会社名(の最も幸せで最も誇りに思ってはこれです、と私は完全に美学を反映し、ケケ)
5. @mediaは引き続き使用します
#レイアウト
応答レイアウト:
ページに固定された(私のブログとCodePen.ioに)彼の名前を持つ1.ナビゲーションナビゲーション
ページに固定された一次ライブラリーの2頭公式ビデオゲーム、
2. @mediaスタイル異なる幅は、いつインタフェース、提供されています
3.アダプティブページ要素
#エフェクト(頭やナビゲーション、明日残りを行います)