Luris28

# Apple公式サイト模写（静的HTML/CSS） ## 概要 本プロジェクトは、Apple公式サイトのトップページをHTML/CSSのみで忠実に再現した模写作品です。 構成・余白・フォント・レスポンシブ対応など、細部までこだわり抜いて制作しました。 ## 再現ポイント - **構造**：セクションごとの明確な区切りと、視線誘導を意識したレイアウト - **余白設計**：公式サイトの余白感をピクセル単位で調整 - **フォント・カラー**：San Francisco系フォントを使用し、Appleらしい洗練された印象を再現 - **レスポンシブ対応**：スマホ・タブレットでも快適に閲覧可能（メディアクエリ使用） ## 使用技術 - HTML5 / CSS3（Flexbox・Grid・Media Queries） - GitHub Pages による公開・ホスティング - VS Code + Live Server によるローカル開発 ## 今後の改善予定 - JavaScriptによる動的要素の追加（スクロールアニメーション、モーダルなど） - Webアクセシビリティ対応（alt属性、ariaラベルなど） - SEOを意識したmetaタグの最適化 ## 公開URL https://luris2809.github.io/apple_portfolio_practice/ ※GitHub Pagesで公開中 ## 制作者 とう（Web制作・模写・フリーランス志望） クラウドワークス・ココナラにて受注活動中 「見た目の一貫性と再現力」を武器に、誠実な対応を心がけています。