diff --git a/assets/actions-config-step-1.png b/assets/actions-config-step-1.png deleted file mode 100755 index 9847cc7d824..00000000000 Binary files a/assets/actions-config-step-1.png and /dev/null differ diff --git a/assets/actions-config-step-2.png b/assets/actions-config-step-2.png deleted file mode 100755 index 9578cf1d225..00000000000 Binary files a/assets/actions-config-step-2.png and /dev/null differ diff --git a/assets/how-it-works.png b/assets/how-it-works.png deleted file mode 100755 index ab9c0802cc5..00000000000 Binary files a/assets/how-it-works.png and /dev/null differ diff --git a/assets/repo-settings.png b/assets/repo-settings.png deleted file mode 100755 index 8951c8a7fb8..00000000000 Binary files a/assets/repo-settings.png and /dev/null differ diff --git a/assets/status.png b/assets/status.png deleted file mode 100755 index 67ec99915c8..00000000000 Binary files a/assets/status.png and /dev/null differ diff --git a/package-lock.json b/package-lock.json index e6c0aff679c..9752fc3312f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -203,78 +203,84 @@ } }, "node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-2.0.2.tgz", - "integrity": "sha512-FMX5i7a+ojIguHpWbzh5MCsCouJkwf4z4ejdUY/fsgB9Vkdak4ZnoIEskOyOUMMB4lctiZFGszFQJXUeFL8tRg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz", + "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==", "cpu": [ "arm64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "darwin" ] }, "node_modules/@msgpackr-extract/msgpackr-extract-darwin-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-2.0.2.tgz", - "integrity": "sha512-DznYtF3lHuZDSRaIOYeif4JgO0NtO2Xf8DsngAugMx/bUdTFbg86jDTmkVJBNmV+cxszz6OjGvinnS8AbJ342g==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz", + "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==", "cpu": [ "x64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "darwin" ] }, "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-2.0.2.tgz", - "integrity": "sha512-Gy9+c3Wj+rUlD3YvCZTi92gs+cRX7ZQogtwq0IhRenloTTlsbpezNgk6OCkt59V4ATEWSic9rbU92H/l7XsRvA==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz", + "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==", "cpu": [ "arm" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "linux" ] }, "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-2.0.2.tgz", - "integrity": "sha512-b0jMEo566YdM2K+BurSed7bswjo3a6bcdw5ETqoIfSuxKuRLPfAiOjVbZyZBgx3J/TAM/QrvEQ/VN89A0ZAxSg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz", + "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==", "cpu": [ "arm64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "linux" ] }, "node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-2.0.2.tgz", - "integrity": "sha512-zrBHaePwcv4cQXxzYgNj0+A8I1uVN97E7/3LmkRocYZ+rMwUsnPpp4RuTAHSRoKlTQV3nSdCQW4Qdt4MXw/iHw==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz", + "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==", "cpu": [ "x64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "linux" ] }, "node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-2.0.2.tgz", - "integrity": "sha512-fpnI00dt+yO1cKx9qBXelKhPBdEgvc8ZPav1+0r09j0woYQU2N79w/jcGawSY5UGlgQ3vjaJsFHnGbGvvqdLzg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz", + "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==", "cpu": [ "x64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "win32" @@ -1665,12 +1671,13 @@ "dev": true }, "node_modules/braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "dev": true, + "license": "MIT", "dependencies": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" }, "engines": { "node": ">=8" @@ -1721,9 +1728,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001346", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001346.tgz", - "integrity": "sha512-q6ibZUO2t88QCIPayP/euuDREq+aMAxFE5S70PkrLh0iTDj/zEhgvJRKC2+CvXY6EWc6oQwUR48lL5vCW6jiXQ==", + "version": "1.0.30001653", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001653.tgz", + "integrity": "sha512-XGWQVB8wFQ2+9NZwZ10GxTYC5hk0Fa+q8cSkr0tgvMhYhMHP/QC+WTgrePMDBWiWc/pV+1ik82Al20XOK25Gcw==", "dev": true, "funding": [ { @@ -1733,8 +1740,13 @@ { "type": "tidelift", "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" } - ] + ], + "license": "CC-BY-4.0" }, "node_modules/chalk": { "version": "4.1.2", @@ -2061,10 +2073,11 @@ "dev": true }, "node_modules/fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "dev": true, + "license": "MIT", "dependencies": { "to-regex-range": "^5.0.1" }, @@ -2269,6 +2282,7 @@ "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", "dev": true, + "license": "MIT", "engines": { "node": ">=0.12.0" } @@ -2286,10 +2300,11 @@ "dev": true }, "node_modules/json5": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", - "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==", + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", "dev": true, + "license": "MIT", "bin": { "json5": "lib/cli.js" }, @@ -2426,12 +2441,13 @@ } }, "node_modules/micromatch": { - "version": "4.0.5", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", - "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", "dev": true, + "license": "MIT", "dependencies": { - "braces": "^3.0.2", + "braces": "^3.0.3", "picomatch": "^2.3.1" }, "engines": { @@ -2450,43 +2466,63 @@ } }, "node_modules/msgpackr": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.6.1.tgz", - "integrity": "sha512-Je+xBEfdjtvA4bKaOv8iRhjC8qX2oJwpYH4f7JrG4uMVJVmnmkAT4pjKdbztKprGj3iwjcxPzb5umVZ02Qq3tA==", + "version": "1.11.0", + "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.0.tgz", + "integrity": "sha512-I8qXuuALqJe5laEBYoFykChhSXLikZmUhccjGsPuSJ/7uPip2TJ7lwdIQwWSAi0jGZDXv4WOP8Qg65QZRuXxXw==", "dev": true, + "license": "MIT", "optionalDependencies": { - "msgpackr-extract": "^2.0.2" + "msgpackr-extract": "^3.0.2" } }, "node_modules/msgpackr-extract": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-2.0.2.tgz", - "integrity": "sha512-coskCeJG2KDny23zWeu+6tNy7BLnAiOGgiwzlgdm4oeSsTpqEJJPguHIuKZcCdB7tzhZbXNYSg6jZAXkZErkJA==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz", + "integrity": "sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==", "dev": true, "hasInstallScript": true, + "license": "MIT", "optional": true, "dependencies": { - "node-gyp-build-optional-packages": "5.0.2" + "node-gyp-build-optional-packages": "5.2.2" + }, + "bin": { + "download-msgpackr-prebuilds": "bin/download-prebuilds.js" }, "optionalDependencies": { - "@msgpackr-extract/msgpackr-extract-darwin-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-darwin-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-win32-x64": "2.0.2" + "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3" + } + }, + "node_modules/msgpackr-extract/node_modules/detect-libc": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz", + "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==", + "dev": true, + "license": "Apache-2.0", + "optional": true, + "engines": { + "node": ">=8" } }, "node_modules/msgpackr-extract/node_modules/node-gyp-build-optional-packages": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.2.tgz", - "integrity": "sha512-PiN4NWmlQPqvbEFcH/omQsswWQbe5Z9YK/zdB23irp5j2XibaA2IrGvpSWmVVG4qMZdmPdwPctSy4a86rOMn6g==", + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz", + "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==", "dev": true, + "license": "MIT", "optional": true, + "dependencies": { + "detect-libc": "^2.0.1" + }, "bin": { - "node-gyp-build-optional": "optional.js", "node-gyp-build-optional-packages": "bin.js", - "node-gyp-build-test": "build-test.js" + "node-gyp-build-optional-packages-optional": "optional.js", + "node-gyp-build-optional-packages-test": "build-test.js" } }, "node_modules/nan": { @@ -2906,10 +2942,11 @@ } }, "node_modules/semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", "dev": true, + "license": "ISC", "bin": { "semver": "bin/semver" } @@ -3028,6 +3065,7 @@ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", "dev": true, + "license": "MIT", "dependencies": { "is-number": "^7.0.0" }, @@ -3245,44 +3283,44 @@ } }, "@msgpackr-extract/msgpackr-extract-darwin-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-2.0.2.tgz", - "integrity": "sha512-FMX5i7a+ojIguHpWbzh5MCsCouJkwf4z4ejdUY/fsgB9Vkdak4ZnoIEskOyOUMMB4lctiZFGszFQJXUeFL8tRg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz", + "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-darwin-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-2.0.2.tgz", - "integrity": "sha512-DznYtF3lHuZDSRaIOYeif4JgO0NtO2Xf8DsngAugMx/bUdTFbg86jDTmkVJBNmV+cxszz6OjGvinnS8AbJ342g==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz", + "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-linux-arm": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-2.0.2.tgz", - "integrity": "sha512-Gy9+c3Wj+rUlD3YvCZTi92gs+cRX7ZQogtwq0IhRenloTTlsbpezNgk6OCkt59V4ATEWSic9rbU92H/l7XsRvA==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz", + "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-linux-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-2.0.2.tgz", - "integrity": "sha512-b0jMEo566YdM2K+BurSed7bswjo3a6bcdw5ETqoIfSuxKuRLPfAiOjVbZyZBgx3J/TAM/QrvEQ/VN89A0ZAxSg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz", + "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-linux-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-2.0.2.tgz", - "integrity": "sha512-zrBHaePwcv4cQXxzYgNj0+A8I1uVN97E7/3LmkRocYZ+rMwUsnPpp4RuTAHSRoKlTQV3nSdCQW4Qdt4MXw/iHw==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz", + "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-win32-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-2.0.2.tgz", - "integrity": "sha512-fpnI00dt+yO1cKx9qBXelKhPBdEgvc8ZPav1+0r09j0woYQU2N79w/jcGawSY5UGlgQ3vjaJsFHnGbGvvqdLzg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz", + "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==", "dev": true, "optional": true }, @@ -4128,12 +4166,12 @@ "dev": true }, "braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "dev": true, "requires": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" } }, "browserslist": { @@ -4162,9 +4200,9 @@ "dev": true }, "caniuse-lite": { - "version": "1.0.30001346", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001346.tgz", - "integrity": "sha512-q6ibZUO2t88QCIPayP/euuDREq+aMAxFE5S70PkrLh0iTDj/zEhgvJRKC2+CvXY6EWc6oQwUR48lL5vCW6jiXQ==", + "version": "1.0.30001653", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001653.tgz", + "integrity": "sha512-XGWQVB8wFQ2+9NZwZ10GxTYC5hk0Fa+q8cSkr0tgvMhYhMHP/QC+WTgrePMDBWiWc/pV+1ik82Al20XOK25Gcw==", "dev": true }, "chalk": { @@ -4402,9 +4440,9 @@ "dev": true }, "fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "dev": true, "requires": { "to-regex-range": "^5.0.1" @@ -4541,9 +4579,9 @@ "dev": true }, "json5": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", - "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==", + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", "dev": true }, "lines-and-columns": { @@ -4635,12 +4673,12 @@ "dev": true }, "micromatch": { - "version": "4.0.5", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", - "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", "dev": true, "requires": { - "braces": "^3.0.2", + "braces": "^3.0.3", "picomatch": "^2.3.1" } }, @@ -4650,36 +4688,46 @@ "integrity": "sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==" }, "msgpackr": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.6.1.tgz", - "integrity": "sha512-Je+xBEfdjtvA4bKaOv8iRhjC8qX2oJwpYH4f7JrG4uMVJVmnmkAT4pjKdbztKprGj3iwjcxPzb5umVZ02Qq3tA==", + "version": "1.11.0", + "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.0.tgz", + "integrity": "sha512-I8qXuuALqJe5laEBYoFykChhSXLikZmUhccjGsPuSJ/7uPip2TJ7lwdIQwWSAi0jGZDXv4WOP8Qg65QZRuXxXw==", "dev": true, "requires": { - "msgpackr-extract": "^2.0.2" + "msgpackr-extract": "^3.0.2" } }, "msgpackr-extract": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-2.0.2.tgz", - "integrity": "sha512-coskCeJG2KDny23zWeu+6tNy7BLnAiOGgiwzlgdm4oeSsTpqEJJPguHIuKZcCdB7tzhZbXNYSg6jZAXkZErkJA==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz", + "integrity": "sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==", "dev": true, "optional": true, "requires": { - "@msgpackr-extract/msgpackr-extract-darwin-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-darwin-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-win32-x64": "2.0.2", - "node-gyp-build-optional-packages": "5.0.2" + "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3", + "node-gyp-build-optional-packages": "5.2.2" }, "dependencies": { - "node-gyp-build-optional-packages": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.2.tgz", - "integrity": "sha512-PiN4NWmlQPqvbEFcH/omQsswWQbe5Z9YK/zdB23irp5j2XibaA2IrGvpSWmVVG4qMZdmPdwPctSy4a86rOMn6g==", + "detect-libc": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz", + "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==", "dev": true, "optional": true + }, + "node-gyp-build-optional-packages": { + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz", + "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==", + "dev": true, + "optional": true, + "requires": { + "detect-libc": "^2.0.1" + } } } }, @@ -4969,9 +5017,9 @@ } }, "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", "dev": true }, "source-map": { diff --git a/package.json b/package.json index efbc9f63d06..fe7ffe88560 100755 --- a/package.json +++ b/package.json @@ -2,10 +2,10 @@ "name": "parcel-project-template", "version": "2.0.0", "description": "", - "homepage": "https://goitacademy.github.io/parcel-project-template", + "homepage": "https://radu2023.github.io/team-leader-yacht-site-/", "scripts": { "start": "parcel src/*.html", - "build": "parcel build src/*.html --public-url /parcel-project-template/" + "build": "parcel build src/*.html --public-url /team-leader-yacht-site-/" }, "repository": { "type": "git", diff --git a/src/image/about/about-desc.jpg b/src/image/about/about-desc.jpg new file mode 100644 index 00000000000..154b25ae907 Binary files /dev/null and b/src/image/about/about-desc.jpg differ diff --git a/src/image/about/about-desc@2x.jpg b/src/image/about/about-desc@2x.jpg new file mode 100644 index 00000000000..ecf4df4c772 Binary files /dev/null and b/src/image/about/about-desc@2x.jpg differ diff --git a/src/image/about/about-mob.jpg b/src/image/about/about-mob.jpg new file mode 100644 index 00000000000..00de5bba914 Binary files /dev/null and b/src/image/about/about-mob.jpg differ diff --git a/src/image/about/about-mob@2x.jpg b/src/image/about/about-mob@2x.jpg new file mode 100644 index 00000000000..4a154a92607 Binary files /dev/null and b/src/image/about/about-mob@2x.jpg differ diff --git a/src/image/about/about-tab.jpg b/src/image/about/about-tab.jpg new file mode 100644 index 00000000000..87cc87d57b1 Binary files /dev/null and b/src/image/about/about-tab.jpg differ diff --git a/src/image/about/about-tab@2x.jpg b/src/image/about/about-tab@2x.jpg new file mode 100644 index 00000000000..a1627ea20b9 Binary files /dev/null and b/src/image/about/about-tab@2x.jpg differ diff --git a/src/image/advantages/advantages-desc.jpg b/src/image/advantages/advantages-desc.jpg new file mode 100644 index 00000000000..8ba3a639823 Binary files /dev/null and b/src/image/advantages/advantages-desc.jpg differ diff --git a/src/image/advantages/advantages-desc@2x.jpg b/src/image/advantages/advantages-desc@2x.jpg new file mode 100644 index 00000000000..d75d1d14c3f Binary files /dev/null and b/src/image/advantages/advantages-desc@2x.jpg differ diff --git a/src/image/advantages/advantages-mob.jpg b/src/image/advantages/advantages-mob.jpg new file mode 100644 index 00000000000..09ac9ca5f14 Binary files /dev/null and b/src/image/advantages/advantages-mob.jpg differ diff --git a/src/image/advantages/advantages-mob@2x.jpg b/src/image/advantages/advantages-mob@2x.jpg new file mode 100644 index 00000000000..88269ecf993 Binary files /dev/null and b/src/image/advantages/advantages-mob@2x.jpg differ diff --git a/src/image/advantages/advantages-tab.jpg b/src/image/advantages/advantages-tab.jpg new file mode 100644 index 00000000000..6cb36eb4a0e Binary files /dev/null and b/src/image/advantages/advantages-tab.jpg differ diff --git a/src/image/advantages/advantages-tab@2x.jpg b/src/image/advantages/advantages-tab@2x.jpg new file mode 100644 index 00000000000..91d8f1fb1c2 Binary files /dev/null and b/src/image/advantages/advantages-tab@2x.jpg differ diff --git a/src/image/hero/favicon.png b/src/image/hero/favicon.png new file mode 100644 index 00000000000..2fb4d1b4e94 Binary files /dev/null and b/src/image/hero/favicon.png differ diff --git a/src/image/hero/hero-desc.jpg b/src/image/hero/hero-desc.jpg new file mode 100644 index 00000000000..450c3432ea8 Binary files /dev/null and b/src/image/hero/hero-desc.jpg differ diff --git a/src/image/hero/hero-desc@2x.jpg b/src/image/hero/hero-desc@2x.jpg new file mode 100644 index 00000000000..0fe1e3dffdc Binary files /dev/null and b/src/image/hero/hero-desc@2x.jpg differ diff --git a/src/image/hero/hero-mob.jpeg b/src/image/hero/hero-mob.jpeg new file mode 100644 index 00000000000..fbbf8ab40eb Binary files /dev/null and b/src/image/hero/hero-mob.jpeg differ diff --git a/src/image/hero/hero-mob@2x.jpeg b/src/image/hero/hero-mob@2x.jpeg new file mode 100644 index 00000000000..b9f288309b7 Binary files /dev/null and b/src/image/hero/hero-mob@2x.jpeg differ diff --git a/src/image/hero/hero-tab.jpg b/src/image/hero/hero-tab.jpg new file mode 100644 index 00000000000..549240aeef4 Binary files /dev/null and b/src/image/hero/hero-tab.jpg differ diff --git a/src/image/hero/hero-tab@2x.jpg b/src/image/hero/hero-tab@2x.jpg new file mode 100644 index 00000000000..705bc9f5e44 Binary files /dev/null and b/src/image/hero/hero-tab@2x.jpg differ diff --git a/src/image/hero/icons.svg b/src/image/hero/icons.svg new file mode 100644 index 00000000000..2c2e509cd50 --- /dev/null +++ b/src/image/hero/icons.svg @@ -0,0 +1,22 @@ + diff --git a/src/image/price/arrow.jpg b/src/image/price/arrow.jpg new file mode 100644 index 00000000000..b148027f1d8 Binary files /dev/null and b/src/image/price/arrow.jpg differ diff --git a/src/image/price/arrow@2x.jpg b/src/image/price/arrow@2x.jpg new file mode 100644 index 00000000000..fac2379a695 Binary files /dev/null and b/src/image/price/arrow@2x.jpg differ diff --git a/src/image/price/belle.jpg b/src/image/price/belle.jpg new file mode 100644 index 00000000000..325cc15dc31 Binary files /dev/null and b/src/image/price/belle.jpg differ diff --git a/src/image/price/belle@2x.jpg b/src/image/price/belle@2x.jpg new file mode 100644 index 00000000000..7e95f66c208 Binary files /dev/null and b/src/image/price/belle@2x.jpg differ diff --git a/src/image/price/benetti.jpg b/src/image/price/benetti.jpg new file mode 100644 index 00000000000..f0c5e1daa0c Binary files /dev/null and b/src/image/price/benetti.jpg differ diff --git a/src/image/price/benetti@2x.jpg b/src/image/price/benetti@2x.jpg new file mode 100644 index 00000000000..806f06cd709 Binary files /dev/null and b/src/image/price/benetti@2x.jpg differ diff --git a/src/image/price/line.jpeg b/src/image/price/line.jpeg new file mode 100644 index 00000000000..78ebed8e445 Binary files /dev/null and b/src/image/price/line.jpeg differ diff --git a/src/image/rent/rent-desk-1x.jpg b/src/image/rent/rent-desk-1x.jpg new file mode 100644 index 00000000000..ab8dbdb09c6 Binary files /dev/null and b/src/image/rent/rent-desk-1x.jpg differ diff --git a/src/image/rent/rent-desk-2x.jpg b/src/image/rent/rent-desk-2x.jpg new file mode 100644 index 00000000000..7019b876480 Binary files /dev/null and b/src/image/rent/rent-desk-2x.jpg differ diff --git a/src/image/rent/rent-mob-1x.jpg b/src/image/rent/rent-mob-1x.jpg new file mode 100644 index 00000000000..eb11532df9f Binary files /dev/null and b/src/image/rent/rent-mob-1x.jpg differ diff --git a/src/image/rent/rent-mob-2x.jpg b/src/image/rent/rent-mob-2x.jpg new file mode 100644 index 00000000000..7c835b4defa Binary files /dev/null and b/src/image/rent/rent-mob-2x.jpg differ diff --git a/src/image/rent/rent-tab-1x.jpg b/src/image/rent/rent-tab-1x.jpg new file mode 100644 index 00000000000..93eb82cda7c Binary files /dev/null and b/src/image/rent/rent-tab-1x.jpg differ diff --git a/src/image/rent/rent-tab-2x.jpg b/src/image/rent/rent-tab-2x.jpg new file mode 100644 index 00000000000..47db7581ddf Binary files /dev/null and b/src/image/rent/rent-tab-2x.jpg differ diff --git a/src/image/review/ihor.png b/src/image/review/ihor.png new file mode 100644 index 00000000000..88bc87b4161 Binary files /dev/null and b/src/image/review/ihor.png differ diff --git a/src/image/review/ihor@2x.png b/src/image/review/ihor@2x.png new file mode 100644 index 00000000000..7724f05a4a9 Binary files /dev/null and b/src/image/review/ihor@2x.png differ diff --git a/src/image/review/john.png b/src/image/review/john.png new file mode 100644 index 00000000000..2689f866e18 Binary files /dev/null and b/src/image/review/john.png differ diff --git a/src/image/review/john@2x.png b/src/image/review/john@2x.png new file mode 100644 index 00000000000..25775b620b6 Binary files /dev/null and b/src/image/review/john@2x.png differ diff --git a/src/image/review/victoria.png b/src/image/review/victoria.png new file mode 100644 index 00000000000..7198846732d Binary files /dev/null and b/src/image/review/victoria.png differ diff --git a/src/image/review/victoria@2x.png b/src/image/review/victoria@2x.png new file mode 100644 index 00000000000..18406755292 Binary files /dev/null and b/src/image/review/victoria@2x.png differ diff --git a/src/images/logo.png b/src/images/logo.png deleted file mode 100755 index a6ce6517853..00000000000 Binary files a/src/images/logo.png and /dev/null differ diff --git a/src/index.html b/src/index.html index 92da07de4e6..c8950bbd60c 100755 --- a/src/index.html +++ b/src/index.html @@ -2,14 +2,41 @@ + - Page title + YachtJet + + + + + + + - + + + + -

Example title

- + + + + + + + + + diff --git a/src/js/carousel.js b/src/js/carousel.js new file mode 100644 index 00000000000..4e30e34254b --- /dev/null +++ b/src/js/carousel.js @@ -0,0 +1,39 @@ + +export function rotateReviewsListSection() { + function rotateReviews() { + const reviewsList = document.querySelector('.reviews-list'); + const firstItem = reviewsList.firstElementChild; + reviewsList.appendChild(firstItem); + } + + function shouldRotateReviews() { + return window.innerWidth <= 1279; + } + + // Store initial order of reviews + const initialReviewsOrder = Array.from( + document.querySelectorAll('.reviews-list li') + ); + + // Initial rotation + rotateReviews(); + + window.addEventListener('resize', function () { + const reviewsList = document.querySelector('.reviews-list'); + + if (shouldRotateReviews()) { + rotateReviews(); + } else { + reviewsList.innerHTML = ''; + initialReviewsOrder.forEach(function (item) { + reviewsList.appendChild(item); + }); + } + }); + + setInterval(function () { + if (shouldRotateReviews()) { + rotateReviews(); + } + }, 5000); +} diff --git a/src/index.js b/src/js/index.js old mode 100755 new mode 100644 similarity index 100% rename from src/index.js rename to src/js/index.js diff --git a/src/js/mobile-menu.js b/src/js/mobile-menu.js new file mode 100644 index 00000000000..28e2b8dd615 --- /dev/null +++ b/src/js/mobile-menu.js @@ -0,0 +1,15 @@ + +const modalOpen = document.getElementsByClassName("modal-open")[0]; +modalOpen.addEventListener('click', openModal, false); +function openModal() { + document.getElementById("mobile-menu").className = "mobile-menu-container is-open"; +} + +const modalClose = document.getElementsByClassName("modal-close"); +for (let i = 0; i < modalClose.length; i++) { + modalClose[i].addEventListener('click', closeModal, false); +} +function closeModal() { + document.getElementById("mobile-menu").className = "mobile-menu-container"; +} + diff --git a/src/partials/about-us.html b/src/partials/about-us.html new file mode 100644 index 00000000000..652a86eab10 --- /dev/null +++ b/src/partials/about-us.html @@ -0,0 +1,52 @@ +
+
+
+

+ YachtJet fleet is here to take you on the ultimate adventure +

+
    +
  • + From spacious decks to state-of-the-art technology, our yachts are + designed to provide the perfect blend of luxury and functionality. +
    • +
  • + Take a look at our selection below and choose the yacht that matches + your needs and preferences.No matter which yacht you choose, our + experienced crew will ensure that your journey is smooth and + enjoyable. Book now and get ready for an unforgettable adventure on + the high seas. +
    • +
+
+
+ + + + + picture yacht + +
+
+
diff --git a/src/partials/advantages.html b/src/partials/advantages.html new file mode 100644 index 00000000000..0382b1ccfb6 --- /dev/null +++ b/src/partials/advantages.html @@ -0,0 +1,53 @@ +
+
+ + + +
+
    +
  1. + 01 +
    +

    Swimming and water sports: try your hand at water skiing

    +
    2. +
  2. + 02 +
    +

    Fishing: try to catch your own dinner

    +
    3. +
  3. + 03 +
    +

    Sightseeing tours: take a shore or island tour, enjoy the views and sunsets from the water

    +
    4. +
  4. + 04 +
    +

    Rest and relaxation: read a book or listen to music while enjoying the outdoor atmosphere.

    +
    5. +
+
+ + Advantages Image +
+
+ + + + + + diff --git a/src/partials/example.html b/src/partials/example.html deleted file mode 100755 index f7f444c97e2..00000000000 --- a/src/partials/example.html +++ /dev/null @@ -1,37 +0,0 @@ -
-

HTML-partials

- - - - -

- The - - posthtml-include - - plugin allows you to add code from other HTML files (fragments) to HTML page - files. Fragments are stored in the src/partials folder. The - addition occurs when compiling page files, such as index.html. -

- -

- This example.html file is an example of such a snippet, with - the markup of a certain part of the main page. This is very convenient for - team development on student projects, when several people write in one HTML - file at once. -

- -

- The syntax for adding a fragment to the main file is: - <include src="./partials/filename.html"></include> -

- -
-
diff --git a/src/partials/footer.html b/src/partials/footer.html new file mode 100644 index 00000000000..0a1319b4ce0 --- /dev/null +++ b/src/partials/footer.html @@ -0,0 +1,59 @@ + diff --git a/src/partials/header.html b/src/partials/header.html new file mode 100644 index 00000000000..3cb9220d7b1 --- /dev/null +++ b/src/partials/header.html @@ -0,0 +1,47 @@ +
+ +
\ No newline at end of file diff --git a/src/partials/hero.html b/src/partials/hero.html new file mode 100644 index 00000000000..9e181445d9d --- /dev/null +++ b/src/partials/hero.html @@ -0,0 +1,17 @@ +
+
+
+
+

+ Explore the High Seas with Our Luxury Yacht Rentals +

+

+ Experience the freedom and luxury of yachting on the open seas. Choose + from our top-of-the-line yachts and embark on an unforgettable journey + surrounded by breathtaking views and state-of-the-art amenities. +

+
+ Yacht rental +
+
+
diff --git a/src/partials/mobile-menu.html b/src/partials/mobile-menu.html new file mode 100644 index 00000000000..359e9b3ce45 --- /dev/null +++ b/src/partials/mobile-menu.html @@ -0,0 +1,49 @@ +
+
+
+ + +
+ + + +
+
\ No newline at end of file diff --git a/src/partials/our-yachts.html b/src/partials/our-yachts.html new file mode 100644 index 00000000000..656ee8c9f97 --- /dev/null +++ b/src/partials/our-yachts.html @@ -0,0 +1,96 @@ +
+
+

+ Choose your dream yacht and sail away into the sunset +

+
+
    + +
  • +
    + Arrow + +

    + ARROW + LUXURY YACHTS +

    +
    + +

    + + LENGTH
    BUILDER
    BUILT
    GUESTS
    PRICE +     + + 48m(155ft)
    Admiral
    2021
    11 in 5 cabins
    €33,500,000 +     +

    +
    +
    • + + +
  • +
    + BENETTI OASIS 40M BO122 +

    + BENETTI OASIS 40M BO122 + LUXURY YACHTS +

    +
    +

    + + LENGTH
    BUILDER
    BUILT
    GUESTS
    PRICE +     + + 41m (133ft)
    Benetti
    2025
    10 in 5 cabins
    €23,210,000 +     +

    +
    +
    • + +
  • +
    + BELLE ANNA +

    + BELLE ANNA + LUXURY YACHTS +

    +
    +

    + + LENGTH
    BUILDER
    BUILT
    GUESTS
    PRICE +     + + 50m(155ft)
    ISA
    2012
    12 in 6 cabins
    €21,000,000 +     +

    +
    +
    • +
+ +
+
+
diff --git a/src/partials/rent-yachts.html b/src/partials/rent-yachts.html new file mode 100644 index 00000000000..7b6ca373f91 --- /dev/null +++ b/src/partials/rent-yachts.html @@ -0,0 +1,68 @@ +
+
+
+

Rent a yacht now

+
+
+ + + + +
+ +
+
+ +
+ + + + + Rent a yacht + +
+
+
diff --git a/src/partials/reviews.html b/src/partials/reviews.html new file mode 100644 index 00000000000..225018e95fc --- /dev/null +++ b/src/partials/reviews.html @@ -0,0 +1,74 @@ +
+

+ YachtJet take pride in providing the best possible service and experience to + our customers +

+

+ Our customers have enjoyed unforgettable moments on our yachts. Dont just + take our word for it - read on to find out what they have to say about their + journey with us. +

+
+ +
+
+ + diff --git a/src/sass/_about-us.scss b/src/sass/_about-us.scss new file mode 100644 index 00000000000..d856ecf6abe --- /dev/null +++ b/src/sass/_about-us.scss @@ -0,0 +1,132 @@ +.about-us-section { + margin-top: -50px; + padding-bottom: 40px; + display: flex; + justify-content: center; + align-items: center; + padding-left: 20px; + padding-right: 20px; +} + +.about-us-container { + min-width: 365px; + width: 100%; + display: flex; + flex-direction: column; +} + +.about-us-section-section-one { + background-color: #fbfbfb; + display: flex; + flex-direction: column; + justify-content: space-between; + gap: 40px; + padding: 40px 20px 65px 20px; + border-top-left-radius: 24px; + border-top-right-radius: 24px; +} + +.about-us-heading { + color: #1b414b; + font-size: 28px; + font-weight: 500; + line-height: 1; + letter-spacing: -0.02em; +} + +.about-us-item-first { + color: #1b414b; + font-size: 18px; + font-weight: 400; + line-height: 1; + margin-bottom: 20px; +} + +.about-us-item-second { + color: #040306; + font-size: 12px; + font-weight: 400; + line-height: 1.17; + opacity: 0.4; +} + +.about-us-section-section-two { + border-radius: 26px; + overflow: hidden; + margin-top: -25px; + width: 100%; +} + +.about-us-picture { + width: 100%; +} + +.about-us-photo { + width: 100%; + height: auto; + object-fit: cover; + display: block; +} + +/* Tablet (from 768px) */ +@media screen and (min-width: 768px) { + /* Tablet styles here */ + + .about-us-section { + padding-bottom: 75px; + padding-left: 32px; + padding-right: 32px; + } + + .about-us-container { + min-width: 734px; + } + + .about-us-section-section-one { + padding: 50px 136px 75px 32px; + gap: 50px; + } + + .about-us-heading { + font-size: 48px; + } + + .about-us-item-first { + font-size: 23px; + max-width: 389px; + } + + .about-us-item-second { + font-size: 13px; + line-height: 1.15; + max-width: 385px; + } +} + +/* Desktop (from 1280px) */ +@media screen and (min-width: 1280px) { + /* Styles for desktop here */ + + .about-us-section { + padding-left: 50px; + padding-right: 50px; + } + + .about-us-container { + min-width: 1210px; + } + + .about-us-section-section-one { + flex-direction: row; + column-gap: 189px; + padding: 50px 50px 125px 50px; + } + + .about-us-heading { + max-width: 537px; + } + + .about-us-list { + max-width: 354px; + } +} \ No newline at end of file diff --git a/src/sass/_advantages.scss b/src/sass/_advantages.scss new file mode 100644 index 00000000000..7d7c4f06da6 --- /dev/null +++ b/src/sass/_advantages.scss @@ -0,0 +1,307 @@ +.advantages-section { + margin: 80px 20px; + background-color: #0e1823;; +} + +.big-container { + min-width: 365px; + margin: 0 auto; + display: flex; + flex-direction: column; + align-items: center; + background-color: #0e1823; + border-radius: 24px; + overflow: hidden; +} + +.advantages-container { + background-color: #20444c; + border-radius: 24px; + padding: 40px 20px; + padding: 40px 20px; + display: flex; + flex-direction: column; + justify-content: center; +} + +.visually-hidden { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} + +.advantages-list { + max-width: 335px; + height: 642px; + opacity: 0px; + background-color: #20444c; + border-radius: 24px; + padding: 80px 20px; + gap: 40px; + list-style: none; + display: flex; + flex-direction: column; + align-items: center; +} + +.advantage-box { + position: relative; + width: 100%; + max-width: 295px; + height: auto; + border-radius: 18px 0px 0px 0px; + display: flex; + flex-direction: column; + justify-content: space-between; + padding-bottom: 40px; +} + + +.number { + position: absolute; + width: 30px; + height: 28px; + top: -28px; + left: 0; + font-family: Inter, sans-serif; + font-size: 28px; + font-weight: 500; + line-height: 28px; + letter-spacing: -0.05em; + color: #FBFBFB; +} + +.middle-line { + width: 100%; + height: 2px; + background-color: #FBFBFB1A; + border-radius: 18px 0px 0px 0px; + margin-top: 18px; + margin-bottom: 18px; +} + +.text { + width: 100%; + max-width: 292px; + height: 28px; + font-family: Inter, sans-serif; + font-size: 12px; + font-weight: 400; + line-height: 14px; + letter-spacing: -0.02em; + opacity: 0.8; + color: #FBFBFB; +} + +.advantages-image { + width: 100%; + height: auto; + margin-top: 20px; + border-radius: 24px; + background-color: #20444c; +} + +/* Tablet styling */ +@media screen and (min-width: 768px) { + + .advantages-section { + margin: 150px 32px; + } + + .big-container { + min-width: 704px; + flex-direction: column; + align-items: center; + } + + .advantages-list { + max-width: 100%; + height: auto; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + gap: 44px; + padding-bottom: 0; + // margin-bottom: 0; + } + + .advantage-box { + flex: 1 1 calc(50% - 32px); + max-width: calc(50% - 32px); + } + + + .number { + color: #FBFBFB; + font-family: Inter; + font-size: 32px; + font-weight: 500; + line-height: 32px; + letter-spacing: -0.05em; + text-align: left; + width: 35px; + height: 32px; + } + + .middle-line { + width: 100%; + max-width: 304px; + height: 2px; + top: 140px; + left: 32px; + gap: 0px; + border-radius: 18px 0px 0px 0px; + height: 2px; + background-color: #FBFBFB1A; + } + + .text { + width: 100%; + // max-width: 238px; + height: 30px; + // top: 160px; + // left: 368px; + gap: 0px; + opacity: 0.8px; + font-family: Inter, sans-serif; + font-size: 13px; + font-weight: 400; + line-height: 14.95px; + text-align: left; + letter-spacing: -0.02em; + opacity: 0.8; + color: #FBFBFB; + } + + .advantages-image { + margin-top: 32px; + width: 100%; + max-width: 704px; + background-color: #20444c; + border-radius: 24px; + } + + // .advantages-container { + // padding: 90px 32px; + // } +} + + +/* Desktop styling for screens 1280px and wider */ +@media screen and (min-width: 1280px) { + .advantages-section { + display: flex; + justify-content: space-between; + align-items: flex-start; + margin: 150px 50px; + padding: 0; + background-color: #0e1823; + } + + .big-container { + min-width: 1210px; + display: flex; + flex-direction: row; + align-items: flex-start; + } + + .advantages-container { + flex: 0 1 60%; + background-color: #20444c; + border-radius: 24px; + // padding: 40px 20px; + display: flex; + flex-direction: column; + justify-content: center; + } + + .advantages-image { + flex: 0 1 40%; + width: 100%; + margin-left: 50px; + border-radius: 24px; + object-fit: cover; + background-color: #20444c; + height: 408px; + max-height: 100%; + margin-top: 0; + } + + + .advantages-list { + max-width: 100%; + height: auto; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + gap: 32px; + padding-bottom: 0; + } + + .advantage-box { + flex: 1 1 calc(50% - 32px); + max-width: calc(50% - 32px); + position: relative; + display: flex; + flex-direction: column; + justify-content: space-between; + padding-bottom: 40px; + } + + .number { + color: #FBFBFB; + font-family: Inter, sans-serif; + font-size: 32px; + font-weight: 500; + line-height: 32px; + letter-spacing: -0.05em; + text-align: left; + } + + .middle-line { + width: 100%; + height: 2px; + background-color: #FBFBFB1A; + border-radius: 18px 0px 0px 0px; + margin: 18px 0; + } + + .text { + width: 100%; + height: 30px; + font-family: Inter, sans-serif; + font-size: 13px; + font-weight: 400; + line-height: 15px; + letter-spacing: -0.02em; + opacity: 0.8; + color: #FBFBFB; + } +} + + +/* Larger Desktop Styling (1440px and Above) */ +@media screen and (min-width: 1440px) { + .big-container { + min-width: 1340px; + } +} + + + + + + + + + + + + diff --git a/src/sass/_common.scss b/src/sass/_common.scss deleted file mode 100755 index dd493e4bc7f..00000000000 --- a/src/sass/_common.scss +++ /dev/null @@ -1 +0,0 @@ -@import '~node_modules/modern-normalize/modern-normalize.css'; diff --git a/src/sass/_example.scss b/src/sass/_example.scss deleted file mode 100755 index 05c89b464f5..00000000000 --- a/src/sass/_example.scss +++ /dev/null @@ -1,28 +0,0 @@ -.example { - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, - Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - line-height: 1.5; - background-color: #fff; - color: #2f2f37; - max-width: 960px; - padding: 16px; -} - -.example code { - font-family: monospace; - font-size: 16px; - font-weight: 700; - background-color: #ff6b0a; - color: #fff; - padding: 2px 6px; - border-radius: 2px; -} - -.example .background { - height: 240px; - // ❗️❗️❗️ The path to images from a SASS file - // is always the same as from the css folder. - background-image: url('../images/logo.png'); - background-size: cover; - background-position: center; -} diff --git a/src/sass/_footer.scss b/src/sass/_footer.scss new file mode 100644 index 00000000000..f804cec0dcb --- /dev/null +++ b/src/sass/_footer.scss @@ -0,0 +1,158 @@ +.site-footer { + background-color: #1B414B; + border-radius: 24px 24px 0px 0px; + margin-left: 10px; + margin-right: 10px; + + .footer-container { + padding: 40px 30px 20px 30px; + + .footer-and-sections-container { + display: flex; + justify-content: space-between; + + } + + .footer-logo { + text-decoration: none; + font-family: 'Inter', sans-serif; + font-size: 14px; + font-weight: 500; + line-height: 16.94px; + letter-spacing: -0.03em; + text-align: left; + color: var(--primary-text-color); + } + + .site-sections-list-footer { + display: flex; + justify-content: flex-end; + gap: 4px; + } + + .site-section-item { + display: inline-flex; + align-items: center; + + a { + border-radius: 8px; + font-family: 'Inter', sans-serif; + font-size: 9px; + font-weight: 400; + line-height: 11.7px; + text-align: center; + text-decoration: none; + color: #FBFBFB; + background-color: #FBFBFB4D; + text-transform: uppercase; + padding: 15px 12px; + } + + } + + .site-section-item a:hover, + .site-section-item a:focus { + color: #1b414b; + background-color: #fbfbfb; + transition: backround-color 250ms cubic-bezier(0.4, 0, 0.2, 1); + } + } + + .footer-container ul { + list-style: none; + } + + .social-link-list-footer { + display: flex; + justify-content: center; + align-items: center; + margin-top: 80px; + margin-bottom: 40px; + gap: 8px; + + .footer-icon { + fill: #FBFBFB; + transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1); + } + } + + .social-link-list-footer .footer-icon:hover, + .social-link-list-footer .footer-icon:focus { + fill: #FBFBFBCC; + } + + .site-slogan { + font-size: 18px; + line-height: 18px; + letter-spacing: -0.02em; + text-align: center; + margin-bottom: 82px; + min-width: 279px; + } + + .policy-container { + display: flex; + justify-content: center; + gap: 20px; + + .adventures-privacy { + color: #FBFBFB66; + font-size: 12px; + line-height: 14px; + letter-spacing: 0.03em; + } + } +} + + + +@media only screen and (min-width: 768px) { + .site-footer { + margin-left: 16px; + margin-right: 16px; + + .footer-container { + .tablet-desktop-container { + display: flex; + justify-content: space-between; + margin-bottom: 96px; + } + + .footer-and-sections-container { + display: contents; + } + + .footer-logo { + font-size: 20px; + line-height: 24.2px; + } + } + + .social-link-list-footer { + margin-top: 0; + margin-bottom: 0; + } + + .site-slogan { + font-size: 32px; + line-height: 32px; + margin-bottom: 99px; + min-width: 640px; + } + } + +} + +@media only screen and (min-width: 1280px) { + .site-footer { + margin-left: 25px; + margin-right: 25px; + + .site-slogan { + width: 693px; + margin-left: auto; + margin-right: auto; + } + } + +} \ No newline at end of file diff --git a/src/sass/_header.scss b/src/sass/_header.scss new file mode 100644 index 00000000000..d78bf1b8344 --- /dev/null +++ b/src/sass/_header.scss @@ -0,0 +1,228 @@ + +a { + text-decoration: none; + color: currentColor; +} + +ul { + list-style-type: none; + margin-top: 0; + margin-bottom: 0; + padding-left: 0; +} + + +.header { + display: flex; + justify-content: space-between; + align-items: center; + z-index: 100; +} + +.header-container { + max-width: 100%; + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; +} + + +.mobile-nav { + position: absolute; + display: flex; + justify-content: space-between; + align-items: center; + min-width: 335px; + width: calc(100% - 40px); + height: 42px; + top: 20px; + left: 20px; + border-radius: 8px; + border: 1px; + background: rgba(251, 251, 251, 1); + border: 1px solid rgba(251, 251, 251, 1); +} + +.logo { + width: 52px; + height: 18px; + top: 12px; + margin-left: 20px; + padding: 0px 0px 1px 0px; +} + +.header-logo { + font-size: 14px; + font-weight: 500; + line-height: 16.94px; + letter-spacing: -0.03em; + text-align: left; + color: rgba(27, 65, 75, 1); +} + +.mobile-menu { + margin-right: 20px; + background-color: transparent; + border: none; + padding: 0; + line-height: 0; +} + + + +.icon-hamburger-menu path { + stroke-width: 2.5px; + stroke: rgba(27, 65, 75, 1); +} + +.nav-list, +.social-icons { + display: none; +} + +@media screen and (min-width: 768px) { + .menu-modal { + display: none; + } + .mobile-menu { + display: none; + } + + .mobile-nav { + min-width: 704px; + width: calc(100% - 64px); + height: 48px; + top: 32px; + left: 32px; + } + + .header-logo { + font-size: 20px; + line-height: 24.2px; + } + + .logo { + width: 70px; + height: 24px; + } + + .nav-list { + display: flex; + justify-content: center; + gap: 4px; + } + + .nav-item { + display: flex; + justify-content: center; + border-radius: 8px; + background: rgba(27, 65, 75, 0.5); + width: 91px; + height: 40px; + transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1); + } + .nav-item:hover, + .nav-item:focus { + background-color: #1B414B; +} + + .nav-link { + display: flex; + justify-content: center; + align-items: center; + font-size: 9px; + font-weight: 400; + line-height: 11.7px; + text-align: center; + color: rgba(251, 251, 251, 1); + text-transform: uppercase; + } + + .social-icons { + display: flex; + justify-content: center; + align-items: center; + } + + .social-list { + display: flex; + justify-content: center; + align-items: center; + width: 88px; + height: 24px; + margin-right: 20px; + gap: 8px; + } + + .social-item { + width: 19px; + height: 19px; + top: 3px; + left: 2px; + gap: 0px; + opacity: 0px; + } + + + .icon { + display: flex; + justify-content: center; + align-items: center; + fill: rgba(27, 65, 75, 1); + width: 100%; + height: 100%; + transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1); + + } + + .social-item:hover .icon, + .social-item:focus .icon { + fill: #040306; + } +} + +@media screen and (min-width: 1280px) { + .menu-modal { + display: none; + } + .mobile-nav { + min-width: 1280px; + width: calc(100% - 200px); + height: 48px; + top: 32px; + left: 100px; + } + + .mobile-menu { + display: none; + } + + .logo { + width: 74px; + height: 24px; + } + + .hero-content { + min-width: 1001px; + top: 235px; + left: 140px; + } + + .hero-text { + min-width: 1001px; + height: 250px; + + } + + .hero-title { + min-width: 1001px; + font-size: 80px; + line-height: 80px; + height: 160px; + } + + .hero-subtitle { + height: 66px; + } +} \ No newline at end of file diff --git a/src/sass/_hero.scss b/src/sass/_hero.scss new file mode 100644 index 00000000000..d4caeea44b4 --- /dev/null +++ b/src/sass/_hero.scss @@ -0,0 +1,181 @@ +.hero { + padding: 260px 0 302px 0; + min-width: 375px; + text-align: center; + background-image: url("../image/hero/hero-mob.jpeg"); + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} + +@media screen and (-webkit-min-device-pixel-ratio: 2), +(min-resolution: 192dpi) { + .hero { + background-image: url("../image/hero/hero-mob@2x.jpeg"); + } +} + +.hero-content { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + min-width: 335px; + top: 260px; + left: 20px; + gap: 38px; +} + +.hero-text { + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + width: 100%; + min-width: 335px; + margin: 0 auto; + height: 166px; + gap: 24px; + padding-left: 20px; + padding-right: 20px; +} + +.hero-title { + min-width: 335px; + font-size: 32px; + font-weight: 500; + line-height: 32px; + letter-spacing: -0.02em; + text-align: center; + color: rgba(251, 251, 251, 1); +} + +.hero-subtitle { + font-size: 12px; + font-weight: 300; + line-height: 14px; + text-align: center; + color: rgba(251, 251, 251, 0.7); + min-width: 335px; +} + +.hero-button { + display: block; + width: 141px; + height: 46px; + padding: 14px 32px; + gap: 10px; + border-radius: 15px; + opacity: 0px; + background: rgba(27, 65, 75, 1); + font-size: 14px; + font-weight: 500; + line-height: 18px; + letter-spacing: -0.02em; + text-align: left; + color: rgba(251, 251, 251, 1); + margin-top: 40px; + border: none; + transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.hero-button:hover, +.hero-button:focus { + background-color: #FBFBFB; + color: #1B414B; +} + +@media screen and (min-width: 768px) { + + .hero { + padding: 280px 0 282px 0; + min-width: 768px; + background-image: url("../image/hero/hero-tab.jpg"); + } + + @media screen and (-webkit-min-device-pixel-ratio: 2), + (min-resolution: 192dpi) { + .hero { + background-image: url("../image/hero/hero-tab@2x.jpg"); + } + } + + .mobile-menu { + display: none; + } + + .hero-content { + min-width: 704px; + height: 400px; + top: 280px; + left: 32px; + gap: 48px; + } + + .hero-text { + min-width: 704px; + height: 300px; + gap: 24px; + opacity: 0px; + } + + .hero-title { + min-width: 704px; + font-size: 70px; + line-height: 70px; + } + + .hero-subtitle { + font-size: 16px; + line-height: 22.4px; + min-width: 597px; + } + + .hero-button { + width: 179px; + height: 52px; + padding: 16px 40px; + font-size: 18px; + line-height: 19.8px; + } +} + +@media screen and (min-width: 1280px) { + + .hero { + padding: 235px 0 215px 0; + min-width: 1280px; + background-image: url("../image/hero/hero-desc.jpg"); + } + + @media screen and (-webkit-min-device-pixel-ratio: 2), + (min-resolution: 192dpi) { + .hero { + background-image: url("../image/hero/hero-desc@2x.jpg"); + } + } + + .hero-content { + min-width: 1001px; + height: 250px; + top: 235px; + left: 140px; + } + + .hero-text { + min-width: 1001px; + height: 250px; + } + + .hero-title { + min-width: 1001px; + font-size: 80px; + line-height: 80px; + height: 160px; + } + + .hero-subtitle { + height: 66px; + } +} + diff --git a/src/sass/_our-yachts.scss b/src/sass/_our-yachts.scss new file mode 100644 index 00000000000..35418d96050 --- /dev/null +++ b/src/sass/_our-yachts.scss @@ -0,0 +1,224 @@ +/* General Reset */ +* { + box-sizing: border-box; +} + +ul { + list-style: none; + padding: 0; + margin: 0; +} + +/* Container and Layout */ +.our-yacht { + display: flex; + justify-content: center; + background: #0e1823; + padding-left: 20px; + padding-right: 20px; + margin-top: 40px; +} + +.our-yacht-container { + display: flex; + flex-direction: column; + align-items: center; + width: 100%; + margin: 0 auto; +} + +.our-yacht .title-div { + font-size: 28px; + font-weight: 500; + line-height: 28px; + letter-spacing: -0.02em; + text-align: center; + min-width: 319px; + margin-bottom: 25px; +} + +/* Yachts Box */ +.yachts-box { + display: flex; + flex-direction: column; + align-items: center; + width: 335px; + max-width: 335px; + margin-top: 40px; +} + +.card-list { + width: 100%; + margin-bottom: 40px; +} + +.card-1, +.card-2, +.card-3 { + display: none; + width: 335px; + height: auto; + margin: 20px 0; + background: #ffffff; + border-radius: 24px; +} + +.card-1 { + display: block; +} + +.photo-card { + width: 302px; + height: 240px; + margin-left: 16px; + margin-right: 16px; + padding-top: 16px; + background-color: #FBFBFB; + border-radius: 35px; +} + +/* Card Content */ +.card-content-upper { + display: flex; + justify-content: space-between; + padding: 32px 32px 16px; + /* 32px top/bottom, 16px below */ + margin-bottom: 16px; +} + +.card-content-lower { + display: flex; + justify-content: space-between; + padding: 16px 32px 32px; +} + +.card-content-upper .left, +.card-content-lower .left { + text-transform: uppercase; + color: #1B414B; + text-align: left; +} + +.card-content-upper .right, +.card-content-lower .right { + color: #040306; + opacity: 0.4; + text-align: right; +} + +/* Line between content */ +.line { + width: 272px; + margin: 0 auto; + border: 1px solid rgba(4, 3, 6, 0.1); +} + +/* Orders Button */ +.orders-button { + width: 141px; + height: 46px; + border: 1px solid rgba(251, 251, 251, 0.35); + border-radius: 15px; + background-color: #0e1823; + color: #fbfbfb; +} + +.orders-button:hover { + background: #FBFBFB; + color: #1B414B; +} + +/* Tablet */ +@media screen and (min-width: 768px) { + + .our-yacht { + margin-top: 75px; + padding-left: 32px; + padding-right: 32px; + } + + .our-yacht .title-div { + min-width: 645px; + font-size: 48px; + line-height: 48px; + } + + .yachts-box { + width: 704px; + max-width: 704px; + margin-top: 75px; + } + + .card-list { + display: flex; + justify-content: space-between; + width: 100%; + margin-bottom: 50px; + gap: 32px; + } + + .card-1, + .card-2 { + display: inline-block; + width: 336px; + margin: 0; + } + + .photo-card { + width: 304px; + height: 268px; + } +} + +/* Desktop */ +@media screen and (min-width: 1280px) { + + .our-yacht { + padding-left: 50px; + padding-right: 50px; + } + + .our-yacht .title-div { + width: 714px; + margin-left: auto; + margin-right: auto; + + } + + .yachts-box { + width: 1181px; + max-width: 1181px; + } + + .card-list { + display: flex; + justify-content: space-between; + width: 100%; + margin-bottom: 50px; + gap: 25px; + } + + .card-1, + .card-2, + .card-3 { + display: inline-block; + width: 377px; + margin: 0; + } + + .photo-card { + width: 345px; + } +} + +/* Large Screens */ +@media screen and (min-width: 1440px) { + .yachts-box { + width: 1240px; + max-width: 1240px; + } + + .card-list { + gap: 32px; + } +} \ No newline at end of file diff --git a/src/sass/_rent-yachts.scss b/src/sass/_rent-yachts.scss new file mode 100644 index 00000000000..d222a1ae519 --- /dev/null +++ b/src/sass/_rent-yachts.scss @@ -0,0 +1,167 @@ +.contact-container { + background: #0E1823; + min-width: 335px; + +} + +.section { + padding-top: 40px; + padding-bottom: 40px; +} + +.form-container { + padding: 0 20px; + margin: 0 auto; + +} + +.rent-container { + margin-bottom: 30px; +} + +.contact-form { + min-width: 335px; + padding-left: 20px; + padding-right: 20px; +} + +.input-form { + display: flex; + padding-top: 40px; + gap: 18px; + flex-direction: column; +} + + + +.contact-form-title { + color: var(--primary-text-color); + font-size: 28px; + line-height: 28px; + font-weight: 500; + letter-spacing: -0.02em; + text-align: left; + + + +} + +.label-text { + width: 100%; + height: 42px; + display: flex; + justify-content: center; + align-items: center; + background-color: transparent; + outline: 0px solid transparent; + padding-left: 18px; + padding-top: 14px; + padding-bottom: 14px; + border-radius: 12px; + border: 1px solid rgba(251, 251, 251, 0.20); + color: rgba(251, 251, 251, 0.40); + margin-bottom: 18px; + transition: border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), + color 250ms cubic-bezier(0.4, 0, 0.2, 1); + +} + +.label-text:focus, +.label-text:hover { + border: 1px solid rgba(251, 251, 251, 0.5); + background-color: transparent; + color: #fbfbfb; +} + +.label-text::placeholder { + font-size: 12px; + line-height: 1.17; + color: rgba(251, 251, 251, 0.4); +} + + +.btn-yacht-form { + background-color: var(--bluegreenish); + border-radius: 15px; + width: 122px; + gap: 10px; + padding: 14px 44px; + border: none; + color: var(--primary-text-color); + margin-top: 50px; + margin-bottom: 40px; + font-size: 14px; + font-weight: 500; + line-height: 18px; + letter-spacing: -0.02em; + text-align: left; +} + +.rent-picture .img-rent { + border-radius: 24px; + display: block; + max-width: 100%; + height: auto; + width: 335px; +} + + + +@media screen and (min-width: 768px) { + .contact-form-title { + font-size: 48px; + margin-bottom: 50px; + } + + .rent-form { + min-width: 473px; + } + + .label-text::placeholder { + font-size: 14px; + line-height: 1.29; + } + + .btn-yacht-form { + width: 194px; + padding: 18px 75px; + font-size: 18px; + line-height: 1.1; + } + + .rent-picture .img-rent { + width: 704px; + } +} + +@media screen and (min-width: 1280px) { + .rent-container { + display: flex; + flex-direction: row; + gap: 50px; + align-items: center; + + } + + .image-container { + order: 1; + flex: 1; + + } + + .rent-picture .img-rent { + width: 704px; + } + + .rent-form { + order: 2; + flex: 1; + + } + + .contact-form { + min-width: 472px; + + } + +} \ No newline at end of file diff --git a/src/sass/_reviews.scss b/src/sass/_reviews.scss new file mode 100644 index 00000000000..2bfe0512f2b --- /dev/null +++ b/src/sass/_reviews.scss @@ -0,0 +1,123 @@ +.reviews-section { + margin-top: 80px; + margin-bottom: 80px; + padding-left: 20px; + padding-right: 20px; + + .reviews-title { + font-size: 28px; + font-weight: 500; + line-height: 28px; + letter-spacing: -0.02em; + text-align: center; + min-width: 335px; + margin-bottom: 25px; + } + + .reviews-paragraph { + font-size: 12px; + line-height: 14px; + letter-spacing: -0.02em; + text-align: center; + min-width: 335px; + color: rgba(251, 251, 251, 0.4); + margin-bottom: 40px; + } + + .reviews-list { + display: flex; + justify-content: center; + align-items: center; + } + + .reviews-list li { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + text-align: center; + list-style: none; + width: 335px; + height: 282px; + padding: 32px 8px 32px 8px; + border-radius: 24px; + background-color: rgba(251, 251, 251, 1); + + .client-name { + color: var(--darkblue); + font-size: 18px; + font-weight: 500; + line-height: 19.8px; + letter-spacing: -0.02em; + text-align: center; + margin-top: 24px; + margin-bottom: 8px; + + } + + .client-review { + font-size: 16px; + line-height: 22.4px; + letter-spacing: -0.02em; + text-align: center; + color: #04030666; + } + } +} + +@media only screen and (max-width: 767px) { + .reviews-list li:nth-last-child(-n + 2) { + display: none; + } +} + +@media only screen and (min-width: 768px) and (max-width: 1280px) { + .reviews-list li:last-child { + display: none; + } +} + +@media only screen and (min-width: 768px) { + .reviews-section { + margin-top: 150px; + margin-bottom: 150px; + padding-left: 32px; + padding-right: 32px; + + .reviews-title { + font-size: 48px; + min-width: 704px; + line-height: 48px; + } + + .reviews-paragraph { + font-size: 14px; + line-height: 18px; + min-width: 571px; + } + } + + .reviews-list { + gap: 32px; + } + +} + +@media only screen and (min-width: 1280px) { + .reviews-section { + padding-left: 50px; + padding-right: 50px; + + .reviews-title { + width: 854px; + margin-left: auto; + margin-right: auto; + } + + .reviews-paragraph { + width: 571px; + margin-left: auto; + margin-right: auto; + } + } +} \ No newline at end of file diff --git a/src/sass/index.scss b/src/sass/index.scss index 8d1a014a6b5..1980fd505a1 100755 --- a/src/sass/index.scss +++ b/src/sass/index.scss @@ -1,2 +1,45 @@ -@import './common'; -@import './example'; +@import './header'; +@import './hero'; +@import './mobile-menu'; +@import './about-us'; +@import './our-yachts'; +@import './advantages'; +@import './rent-yachts'; +@import './reviews'; +@import './footer'; +@import './reset'; + +:root { + font-family: 'Inter', sans-serif; + font-size: 14px; + --bluenavy: #0e1823; + --darkblue: #040306; + --primary-text-color:#FBFBFB; + --bluegreenish: #1b414b; + --transition: 250ms cubic-bezier(0.4, 0, 0.2, 1); + --font-family--: 'Inter', 'sans-serif'; +} + +body { + scroll-behavior: smooth; + color: var(--primary-text-color); + background-color: var(--bluenavy); +} + +h1, +h2, +h3, +h4, +h5, +h6, +p, +ul { + margin: 0; + padding: 0; +} + +img { + display: block; + max-width: 100%; + height: auto; +} \ No newline at end of file diff --git a/src/sass/mobile-menu.scss b/src/sass/mobile-menu.scss new file mode 100644 index 00000000000..5bae4a164b7 --- /dev/null +++ b/src/sass/mobile-menu.scss @@ -0,0 +1,135 @@ +.mobile-menu-container{ +position:fixed; +width: 100%; +height: 100%; +top: 0; +left: 0; +background-color: #0e1823; +z-index: 999; +transform: translateX(100%); +transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.mobile-menu-container.is-open{ + transform: translateX(0%); +} + +.mobile-menu-content{ + display: flex; + flex-direction: column; + height: 100%; +} + +.mobile-menu-header{ + display: flex; + justify-content: space-between; + align-items: center; + max-width: 335px; + height: 42px; + border-radius: 8px; + border: 1px solid #fbfbfb; + background-color: #fbfbfb; + margin-top: 16px; + margin-bottom: auto; + margin-left: 20px; +} + +.mobile-logo{ + padding: 4px 6px; + margin-left: 20px; + font-size: 14px; + font-weight: 500; + line-height: normal; + letter-spacing: -0.03em; + color: #1B414B; +} + +.mobile-menu-exit{ +background-color: transparent; + border: 0 solid transparent; + border-radius: 8px; + padding: 0; + line-height: 0; + fill: #055545; + margin-right: 20px; + transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1), + background-color 250ms cubic-bezier(0.4, 0, 0.2, 1); +} + + +.mobile-menu-nav{ + margin-bottom: auto; + margin-right: auto; + margin-left: auto; + +} + +.mobile-menu-list{ + display: flex; + flex-direction: column; + gap: 4px; +} + + .mobile-menu-item{ + width: 91px; + height: 40px; + border-radius: 8px; + background-color: rgba(27, 65, 75, 0.5); + text-align: center; + flex-shrink: 0; + } + + .mobile-menu-link{ + display: block; + text-transform: uppercase; + padding-top: 15px; + padding-bottom: 15px; + text-align: center; + font-size: 9px; + font-weight: 400; + line-height: 11.7px; + text-align: center; + color: #FBFBFB; + transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1), + background-color 250ms cubic-bezier(0.4, 0, 0.2, 1); + } + +.about-link { + background-color: #1b414b; +} +.mobile-menu-link:hover, +.mobile-menu-link:focus { + color: #1b414b; + +} + +.mobile-social-links-list{ + display: flex; + justify-content: center; + gap: 8px; + align-items: center; + padding-bottom: 40px; +} +.mobile-social-item{ + width: 24px; + height: 24px; + padding: 3px 3px 2px 2px; + background-color: transparent; +} + +.mobile-social-link{ + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + fill: #fbfbfb; + transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1); + +} + +.mobile-social-link:hover, +.mobile-social-link:focus { + fill: #fbfbfbcc; +} + diff --git a/src/sass/reset.scss b/src/sass/reset.scss new file mode 100644 index 00000000000..a343159e483 --- /dev/null +++ b/src/sass/reset.scss @@ -0,0 +1,30 @@ +/* Reset styles */ +h1, +h2, +h3, +h4, +h5, +h6, +p { + margin: 0; +} + + +ul, +ol { + margin: 0; + padding: 0; + list-style: none; +} + +a { + color: currentColor; + text-decoration: none; + +} + +button { + cursor: pointer; + border: none; +} +