ポートフォリオサイト(LP)

OVERVIEW

HTMLとSCSSで作成したポートフォリオサイト(LP)です。 ソースコードは、Githubに公開してあります。 【Github:URL】https://github.com/ruazltulsin/Nature_Photo

※[Free Trial],[Contact Us]のリンクは無効となっています。

概要

・架空の写真家のポートフォリオサイト(LP)として作成しました。

・画像はクリックするとモーダルで拡大表示されます。

心がけたこと

・HTMLの記述はコード整形ツールを使用し、SCSSのクラス名や階層をわかりやすくなるように工夫しました。

・CSSはSCSSを使いreset.cssとstyle.cssをまとめてデプロイ&minify化しました。

また、動作遅延防止のためにPC用とSP用にメディアクエリを振り分けて個別に

読み込ませるように設定しました。

・jQueryを使用しないために、アニメーションスクロールはaos.js。

モーダルはJavaScriptによる記述で作成しました。


WEBSITE