作例
PCレイアウト
SPレイアウト
- cssは外部参照で記述すること
- cssに適切なリセットをかける事
- 767px以下はモバイルレイアウトになるようにメディアクエリーを設定する
- flexプロパティを使ってコンテンツを横に並べる
- 画像を自身で用意しトリミングしフルードイメージに設定する
- h1にGoogle Fontsを使用すること
- Google Mapを埋め込みレスポンシブ対応させること
- transformとtranstionを使ってホバーアクションを設定する
- 適切な余白を設定すること。
使用テキスト
Net Smart よりスマートなインターネットライフを HOME CONCEPT SERVICE ACCESS 必要なものは、 ビジネスの価値を届けるデザインの力。 Net Smartは、ビジネスとユーザーを理解し、 関係性を構築するためのストーリーの設計とUXデザインをご提供し、 よりスマートなインターネットライフを送るお手伝いを致します。 CONCEPT Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore SERVICE Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore ACCESS Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore 会社情報 会社名 株式会社Net Smart 住所 東京都豊島区南池袋 電話番号 03-0000-0000 従業員 1000名 Map © Net Smart all rights reserved