レスポンシブデザインの作成

採点ポイント

• cssは外部参照で、リセットと文字コードを設定する事
• fontawesomeからsvgアイコンをダウンロードし、使用すること
• ナビゲーションボタンに境界線とホバーの適切な設定をする
• flexプロパティを使ってコンテンツを均等に並べる
• h1にGoogle Fontsを使用すること
• Google Mapを埋め込み、可変に対応させる
• 適切なメディアクエリーを設定すること
• 適切な余白を設定すること
• 作例通りのレイアウトにする

作例

使用テキスト

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


Map


© 2001-2024 Net Smart all rights reserved.

作例
felica29.starfree.jp