NICE-PAYMENTS 웹 페이지 반응형 디자인클론코딩

프로젝트 소개

• 사이트 주소: https://onjeong721.github.io/NICE-PAYMENTS/
• 원본 사이트: http://www.nicepayments.co.kr/kor/main/main.html

참여

• 개인 100%

개발환경

기간

• 2024년 01월

웹페이지 화면

• PC

• 모바일
  

프로젝트 구조

나이스페이먼츠
 ┗ ppf-nice-1
 ┃ ┣ .git
 ┃ ┃ ┣ hooks
 ┃ ┃ ┃ ┣ applypatch-msg.sample
 ┃ ┃ ┃ ┣ commit-msg.sample
 ┃ ┃ ┃ ┣ fsmonitor-watchman.sample
 ┃ ┃ ┃ ┣ post-update.sample
 ┃ ┃ ┃ ┣ pre-applypatch.sample
 ┃ ┃ ┃ ┣ pre-commit.sample
 ┃ ┃ ┃ ┣ pre-merge-commit.sample
 ┃ ┃ ┃ ┣ pre-push.sample
 ┃ ┃ ┃ ┣ pre-rebase.sample
 ┃ ┃ ┃ ┣ pre-receive.sample
 ┃ ┃ ┃ ┣ prepare-commit-msg.sample
 ┃ ┃ ┃ ┣ push-to-checkout.sample
 ┃ ┃ ┃ ┣ sendemail-validate.sample
 ┃ ┃ ┃ ┗ update.sample
 ┃ ┃ ┣ info
 ┃ ┃ ┃ ┗ exclude
 ┃ ┃ ┣ logs
 ┃ ┃ ┃ ┣ refs
 ┃ ┃ ┃ ┃ ┣ heads
 ┃ ┃ ┃ ┃ ┃ ┗ main
 ┃ ┃ ┃ ┃ ┗ remotes
 ┃ ┃ ┃ ┃ ┃ ┗ origin
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ HEAD
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ main
 ┃ ┃ ┃ ┗ HEAD
 ┃ ┃ ┣ objects
 ┃ ┃ ┃ ┣ 01
 ┃ ┃ ┃ ┃ ┣ 35cc1ff6b45f14ef9a52e013bd8ef206d6658c
 ┃ ┃ ┃ ┃ ┗ b250fb6fab0faa4fd3d46d958a7fa2c6eb57fa
 ┃ ┃ ┃ ┣ 04
 ┃ ┃ ┃ ┃ ┗ 55dc73a5c4e3d3bd7925e34cdc9e4115dfef2d
 ┃ ┃ ┃ ┣ 08
 ┃ ┃ ┃ ┃ ┣ 67b044242cf36c7646d6150fa9013f07f54193
 ┃ ┃ ┃ ┃ ┗ d5ff3d965f89c23d8fb364e95b8250aab862c3
 ┃ ┃ ┃ ┣ 11
 ┃ ┃ ┃ ┃ ┣ 8e0a91243016d80fc8c7c21787e96eeeedca6c
 ┃ ┃ ┃ ┃ ┗ c7b85b5d6f19d57597b6f07c48a7a528242c04
 ┃ ┃ ┃ ┣ 14
 ┃ ┃ ┃ ┃ ┗ 99ebe1d1ff00abe31b06afed26b9978c0c93c2
 ┃ ┃ ┃ ┣ 1a
 ┃ ┃ ┃ ┃ ┗ b2e8fa56f44449f96ea7e67c1ca03c8bd2336c
 ┃ ┃ ┃ ┣ 1d
 ┃ ┃ ┃ ┃ ┗ afce8ae67bfea556407a78dac092e8a7c8a643
 ┃ ┃ ┃ ┣ 21
 ┃ ┃ ┃ ┃ ┗ f82e51419e67e6429360b545e65bed539b0d61
 ┃ ┃ ┃ ┣ 23
 ┃ ┃ ┃ ┃ ┗ c0ff2ae9c5c449bb880dcc9edc6a9b3fd42f6b
 ┃ ┃ ┃ ┣ 25
 ┃ ┃ ┃ ┃ ┗ d3b8b9b7d25b14f5ddb31cfc01387ae1df5f4b
 ┃ ┃ ┃ ┣ 26
 ┃ ┃ ┃ ┃ ┗ 6e5ea34134622a15c7029be8db035a9538a203
 ┃ ┃ ┃ ┣ 29
 ┃ ┃ ┃ ┃ ┗ 6d63c52448923ecc0d26102114b0852948a6b8
 ┃ ┃ ┃ ┣ 2c
 ┃ ┃ ┃ ┃ ┗ b9f5dfcd1947e25e1356deec6247de4ef67e2f
 ┃ ┃ ┃ ┣ 32
 ┃ ┃ ┃ ┃ ┗ 0e03525142c082dee01ecf15fa25aed560997a
 ┃ ┃ ┃ ┣ 35
 ┃ ┃ ┃ ┃ ┣ 169fb9116dd6b518d467606c66b8d8c08a927b
 ┃ ┃ ┃ ┃ ┗ a49fe5f071aa4ed55bc308c74e8b51491104f3
 ┃ ┃ ┃ ┣ 37
 ┃ ┃ ┃ ┃ ┗ 8c452e40d9ec68b293e8ed3ed17f443352d781
 ┃ ┃ ┃ ┣ 3b
 ┃ ┃ ┃ ┃ ┗ c6f814837d05c73436f9c1a11304b2e40dea5d
 ┃ ┃ ┃ ┣ 42
 ┃ ┃ ┃ ┃ ┗ 02135acb8c75649e8dfdc928de52001f6bd55c
 ┃ ┃ ┃ ┣ 46
 ┃ ┃ ┃ ┃ ┗ 09e2b655ce345c50f64c8c0b91d88770bf4e88
 ┃ ┃ ┃ ┣ 4c
 ┃ ┃ ┃ ┃ ┗ ec12e5ae232710a72f1c13be9cccd1e462a78e
 ┃ ┃ ┃ ┣ 4e
 ┃ ┃ ┃ ┃ ┗ eb2348e39eb7a4c2cbf7db766053774eadd3b4
 ┃ ┃ ┃ ┣ 54
 ┃ ┃ ┃ ┃ ┗ a8e2016f1712728f60c0aa5ac975a97bdb8867
 ┃ ┃ ┃ ┣ 55
 ┃ ┃ ┃ ┃ ┗ 9ebe9f113a184d99ea4a31ac588017c742b8ce
 ┃ ┃ ┃ ┣ 5b
 ┃ ┃ ┃ ┃ ┗ 52ffefe87c7c977313f6b50dfc341085e275cf
 ┃ ┃ ┃ ┣ 5d
 ┃ ┃ ┃ ┃ ┗ 37a3724e4d38d6564a5bba304bdb33dcf53eec
 ┃ ┃ ┃ ┣ 5e
 ┃ ┃ ┃ ┃ ┗ 1607c30224c15085635512394a5c5354c1ddf3
 ┃ ┃ ┃ ┣ 61
 ┃ ┃ ┃ ┃ ┗ 31e22e3adb4c9ae69f219af10f29fec1601fd1
 ┃ ┃ ┃ ┣ 62
 ┃ ┃ ┃ ┃ ┗ 29f430158932c51d797c727d5cfa2c1f946757
 ┃ ┃ ┃ ┣ 65
 ┃ ┃ ┃ ┃ ┗ 4ea8b3f83525f5cc6f7b05464ca669b5054043
 ┃ ┃ ┃ ┣ 66
 ┃ ┃ ┃ ┃ ┗ 68216c12d4c5deb26a1391eebb087a09a552db
 ┃ ┃ ┃ ┣ 69
 ┃ ┃ ┃ ┃ ┗ 77f606f442baed642bbb1ced697d36705225bf
 ┃ ┃ ┃ ┣ 6c
 ┃ ┃ ┃ ┃ ┗ d35f7a7bf7625e5eca45154803895e0a1df962
 ┃ ┃ ┃ ┣ 6d
 ┃ ┃ ┃ ┃ ┗ 189a5b5f3b90efbe3b1187f5cca5fce9ec8328
 ┃ ┃ ┃ ┣ 6e
 ┃ ┃ ┃ ┃ ┗ d87a2d61d5bd1f0d5eef3ed28fcd89f6f81f69
 ┃ ┃ ┃ ┣ 71
 ┃ ┃ ┃ ┃ ┗ 4f5fa90c150736bba66b347f88537f736f1d5b
 ┃ ┃ ┃ ┣ 73
 ┃ ┃ ┃ ┃ ┗ 164b3d67aa5ba79cca8598a0c7a564b344f26b
 ┃ ┃ ┃ ┣ 78
 ┃ ┃ ┃ ┃ ┗ 98d73c94c030e9492daee360aea4f5970fdec6
 ┃ ┃ ┃ ┣ 7a
 ┃ ┃ ┃ ┃ ┗ 1ca0cdecae7de6b3f05c22ea0417a355ce847c
 ┃ ┃ ┃ ┣ 7b
 ┃ ┃ ┃ ┃ ┗ 6ec1358328f4b3c9cd7f284ff038b1d38ec8a2
 ┃ ┃ ┃ ┣ 7d
 ┃ ┃ ┃ ┃ ┣ 9832949c51e8dac5b33b8b181e04d0338875ef
 ┃ ┃ ┃ ┃ ┗ f4d36ec9d64c4bc6aa3d5e0b28896e1d19b4ea
 ┃ ┃ ┃ ┣ 86
 ┃ ┃ ┃ ┃ ┣ 3dba903111d247f9fd37b51c56fa68706959eb
 ┃ ┃ ┃ ┃ ┣ 70715a825acb4ee04358e7f1550a0a0a75f66b
 ┃ ┃ ┃ ┃ ┗ df8cb5deb8530f97f0db8eba267de778735429
 ┃ ┃ ┃ ┣ 8a
 ┃ ┃ ┃ ┃ ┗ 19b73e2246407887acb79e350db20958d67f98
 ┃ ┃ ┃ ┣ 90
 ┃ ┃ ┃ ┃ ┗ 9273d84995139613d3ca0f149318a0e53f30aa
 ┃ ┃ ┃ ┣ 95
 ┃ ┃ ┃ ┃ ┗ e096f03d50cad3b16c933a2108651b3a596c1f
 ┃ ┃ ┃ ┣ 99
 ┃ ┃ ┃ ┃ ┣ 38e49e49a83e3d8271dbb51252f17e1a46e5a6
 ┃ ┃ ┃ ┃ ┗ 7ed4a04c0c4d0bd52a2eaf1b54ae87727754a1
 ┃ ┃ ┃ ┣ 9c
 ┃ ┃ ┃ ┃ ┗ 9a5407af4fb38c6e4d52a2c25a67301a0d9b96
 ┃ ┃ ┃ ┣ a0
 ┃ ┃ ┃ ┃ ┗ e23245f401ff4ab0ac8c5d7e3284123a46eaf0
 ┃ ┃ ┃ ┣ a5
 ┃ ┃ ┃ ┃ ┗ a67bc51ee09f868c22312acd436c6a6c07cdbe
 ┃ ┃ ┃ ┣ a6
 ┃ ┃ ┃ ┃ ┗ b4ddc13a0c6034ed955ca5523d8c7b9d67aea9
 ┃ ┃ ┃ ┣ a7
 ┃ ┃ ┃ ┃ ┗ 218a36f2a737d2c36743a007c11a971ab3f938
 ┃ ┃ ┃ ┣ a9
 ┃ ┃ ┃ ┃ ┗ e1c447445291c149f6dcdfe497e53c8315e273
 ┃ ┃ ┃ ┣ ab
 ┃ ┃ ┃ ┃ ┣ 9a47207517570a37a0eb3db0fb10ce7646e33c
 ┃ ┃ ┃ ┃ ┣ a6a69f28f09c54bb7397b069219a6e845dbb31
 ┃ ┃ ┃ ┃ ┗ cdc11c859f0e4707069eec40a5f6feb70f821f
 ┃ ┃ ┃ ┣ b1
 ┃ ┃ ┃ ┃ ┗ 94833f63cefc8c73c39b81a618b10739bf1347
 ┃ ┃ ┃ ┣ b8
 ┃ ┃ ┃ ┃ ┗ 35af8fffac3a1d5f6208d1107f8ec5c03841f3
 ┃ ┃ ┃ ┣ b9
 ┃ ┃ ┃ ┃ ┗ 5a024bd2d619895d86f07887fdfeae4cb556f3
 ┃ ┃ ┃ ┣ ba
 ┃ ┃ ┃ ┃ ┗ 271d29c921a3a7cb13b669cbd55ce173db8fb7
 ┃ ┃ ┃ ┣ bb
 ┃ ┃ ┃ ┃ ┗ 7f1f92bddc512278a8e15d69dc7d361519f32b
 ┃ ┃ ┃ ┣ bc
 ┃ ┃ ┃ ┃ ┣ 0db632603e73b842bb52ce50cf0de61c2a41fb
 ┃ ┃ ┃ ┃ ┗ 97acde722f3980b3c8e844784b25bcd0c2ee93
 ┃ ┃ ┃ ┣ bf
 ┃ ┃ ┃ ┃ ┗ ebe1a190d0b0aa5d6d4d6726a88477a6d43a0c
 ┃ ┃ ┃ ┣ c0
 ┃ ┃ ┃ ┃ ┗ 0425bb96f8eda7f62b8a318a11f9505c8a0820
 ┃ ┃ ┃ ┣ cc
 ┃ ┃ ┃ ┃ ┗ e292acc62d32cf5be2c06f5612330391ec4f78
 ┃ ┃ ┃ ┣ cd
 ┃ ┃ ┃ ┃ ┣ 0f6c563882fa23eae8b2f7d2ec5440b13b8dce
 ┃ ┃ ┃ ┃ ┗ 11ac80353dd05b4244270c344e9d759fdfb3ca
 ┃ ┃ ┃ ┣ d3
 ┃ ┃ ┃ ┃ ┣ 0bd8cdb221f8b4ec05638bf758c5174921f6cb
 ┃ ┃ ┃ ┃ ┗ 61c3eab620dd747f0613f880b7a31fdf79116c
 ┃ ┃ ┃ ┣ da
 ┃ ┃ ┃ ┃ ┗ 802378d1ad341ffcd34814707a6a6a7bd8e44f
 ┃ ┃ ┃ ┣ db
 ┃ ┃ ┃ ┃ ┗ b113179f46449ff0730731b3926f974705c75c
 ┃ ┃ ┃ ┣ de
 ┃ ┃ ┃ ┃ ┗ 0b34986a04bc87173a3281afa1f1543e129312
 ┃ ┃ ┃ ┣ e2
 ┃ ┃ ┃ ┃ ┣ 6f8eded359b1e7fc18b25dbb995f5af01b1c78
 ┃ ┃ ┃ ┃ ┗ ebf4169a44294b16cbccd64a34a193b38e8feb
 ┃ ┃ ┃ ┣ e7
 ┃ ┃ ┃ ┃ ┗ a7f32865d0b0756bdd774a9a6998a192654974
 ┃ ┃ ┃ ┣ e9
 ┃ ┃ ┃ ┃ ┗ d46a76609960e6c6e4ae560264747c2593fb0d
 ┃ ┃ ┃ ┣ ea
 ┃ ┃ ┃ ┃ ┗ 38defc9a1f80025c4deb7c634095eae408ef09
 ┃ ┃ ┃ ┣ ed
 ┃ ┃ ┃ ┃ ┗ f1f628092bb087b6de1b12e17181c16d68abed
 ┃ ┃ ┃ ┣ f1
 ┃ ┃ ┃ ┃ ┗ 833126be29d3a6d09b475680f1c7fb993f7b13
 ┃ ┃ ┃ ┣ f2
 ┃ ┃ ┃ ┃ ┗ 9ff1720880fd19b662e4889832b40cc765726b
 ┃ ┃ ┃ ┣ f4
 ┃ ┃ ┃ ┃ ┗ 3f492d75db2bfe7d69a9f0aa2aa5c6d04bb79c
 ┃ ┃ ┃ ┣ f5
 ┃ ┃ ┃ ┃ ┗ 69f251230f38518ac3973773da2fe80584237e
 ┃ ┃ ┃ ┣ f8
 ┃ ┃ ┃ ┃ ┗ 8ce76dc69cf3f24bc132ea57d73f0a1ead6c11
 ┃ ┃ ┃ ┣ fa
 ┃ ┃ ┃ ┃ ┗ 11197fdc337ef246c01ef2438650b40c08ab1d
 ┃ ┃ ┃ ┣ fb
 ┃ ┃ ┃ ┃ ┗ 33c255272d0347d2cc67e6c6a95249e5466747
 ┃ ┃ ┃ ┣ fe
 ┃ ┃ ┃ ┃ ┗ 3d52b4625940fd828c63c54533b875ce6c02a2
 ┃ ┃ ┃ ┗ pack
 ┃ ┃ ┃ ┃ ┣ pack-6989e30ff98d2fdf2f2bc814172f0ad6d5921cee(1).idx
 ┃ ┃ ┃ ┃ ┣ pack-6989e30ff98d2fdf2f2bc814172f0ad6d5921cee(1).pack
 ┃ ┃ ┃ ┃ ┣ pack-6989e30ff98d2fdf2f2bc814172f0ad6d5921cee(1).rev
 ┃ ┃ ┃ ┃ ┣ pack-6989e30ff98d2fdf2f2bc814172f0ad6d5921cee.idx
 ┃ ┃ ┃ ┃ ┣ pack-6989e30ff98d2fdf2f2bc814172f0ad6d5921cee.pack
 ┃ ┃ ┃ ┃ ┣ pack-6989e30ff98d2fdf2f2bc814172f0ad6d5921cee.rev
 ┃ ┃ ┃ ┃ ┣ pack-cb566d4e971aba5904a9553f15c01148fe00b854.idx
 ┃ ┃ ┃ ┃ ┣ pack-cb566d4e971aba5904a9553f15c01148fe00b854.pack
 ┃ ┃ ┃ ┃ ┗ pack-cb566d4e971aba5904a9553f15c01148fe00b854.rev
 ┃ ┃ ┣ refs
 ┃ ┃ ┃ ┣ heads
 ┃ ┃ ┃ ┃ ┣ main
 ┃ ┃ ┃ ┃ ┗ main(1)
 ┃ ┃ ┃ ┗ remotes
 ┃ ┃ ┃ ┃ ┗ origin
 ┃ ┃ ┃ ┃ ┃ ┣ HEAD
 ┃ ┃ ┃ ┃ ┃ ┗ main
 ┃ ┃ ┣ COMMIT_EDITMSG
 ┃ ┃ ┣ config
 ┃ ┃ ┣ description
 ┃ ┃ ┣ FETCH_HEAD
 ┃ ┃ ┣ HEAD
 ┃ ┃ ┣ index
 ┃ ┃ ┣ ORIG_HEAD
 ┃ ┃ ┗ packed-refs
 ┃ ┣ css
 ┃ ┃ ┣ business.css
 ┃ ┃ ┣ common.css
 ┃ ┃ ┣ company.css
 ┃ ┃ ┣ footer.css
 ┃ ┃ ┣ header.css
 ┃ ┃ ┣ notice.css
 ┃ ┃ ┣ reset.css
 ┃ ┃ ┣ responsive.css
 ┃ ┃ ┣ service.css
 ┃ ┃ ┗ title.css
 ┃ ┣ img
 ┃ ┃ ┣ blo.png
 ┃ ┃ ┣ business.png
 ┃ ┃ ┣ business11.png
 ┃ ┃ ┣ business2.png
 ┃ ┃ ┣ business22.png
 ┃ ┃ ┣ business3.png
 ┃ ┃ ┣ business33.png
 ┃ ┃ ┣ business4.png
 ┃ ┃ ┣ business44.png
 ┃ ┃ ┣ conright.png
 ┃ ┃ ┣ down.png
 ┃ ┃ ┣ downB.png
 ┃ ┃ ┣ drag.gif
 ┃ ┃ ┣ face.png
 ┃ ┃ ┣ insta.png
 ┃ ┃ ┣ logo.svg
 ┃ ┃ ┣ logoW.svg
 ┃ ┃ ┣ mtitle1.jpg
 ┃ ┃ ┣ mtitle2.jpg
 ┃ ┃ ┣ right.png
 ┃ ┃ ┣ rightW.png
 ┃ ┃ ┣ sns.png
 ┃ ┃ ┣ title1.jpg
 ┃ ┃ ┣ title3.jpg
 ┃ ┃ ┣ titleV.mp4
 ┃ ┃ ┣ tw.png
 ┃ ┃ ┗ zarrow.png
 ┃ ┣ index.html
 ┃ ┗ README.md