diff --git a/index.html b/index.html new file mode 100644 index 0000000..c69863a --- /dev/null +++ b/index.html @@ -0,0 +1,109 @@ + + + + + + Privacy11 + + + + + + + + + + + + + + + +
+

Retrieve your privacy.

+

Privacy11 is a Windows Tweaking tool that removes (almost) every single trace of Microsoft spyware from your Windows Installation.

+ Download Privacy11 +

+
+ + +
+
+

Why should you install Privacy11

+
+ +
+
+ +

Works on Windows 10 & 11.

+

Privacy11 can be installed on both Windows 10 and 11, Both LTSC and Regular editions.

+
+
+ +
+
+ +

Adds privacy to your Windows Installation.

+

Privacy11 disables (almost) any type telemetry found on regular and LTSC Windows, giving you the privacy you need, without Microsoft watching you all the time. +

+ ‎ + ‎ ‎ + +
+
+ +
+
+ +

Easy and Automatic Installation.

+

All you have to do is just download the installer, run it and confirm the installation! 3 easy simple steps anyone can do. +

+ ‎ + ‎ ‎ +
+
+
+
+
+ + + + + + + + + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..8db9518 --- /dev/null +++ b/script.js @@ -0,0 +1,7 @@ +document.querySelectorAll('.feature-box').forEach((box) => { + box.classList.add('animate__animated', 'animate__fadeInUp'); +}); + +document.querySelectorAll('.btn-effect').forEach((btn) => { + btn.classList.add('animate__animated', 'animate__pulse'); +}); diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..8678808 --- /dev/null +++ b/styles.css @@ -0,0 +1,182 @@ +/* Fonts and Global Styles */ +body { + font-family: 'Roboto', sans-serif; + background-color: #0a0a0a; + color: #f5f5f5; + margin: 0; + padding: 0; + --sb-track-color: #232E33; + --sb-thumb-color: #4699ff; + --sb-size: 7px; +} + +.navbar { + background-color: #1a1a1a; + padding: 1rem; +} + +.navbar-brand { + font-family: 'Montserrat', sans-serif; + font-weight: 700; + font-size: 1.5rem; + color: #4699ff; +} + +.nav-link { + font-family: 'Montserrat', sans-serif; + font-weight: 600; + margin-right: 1rem; + color: #ffffff !important; +} + +.hero { + height: 100vh; + background: linear-gradient(to bottom, rgba(10, 10, 10, 0.7), rgba(10, 10, 10, 0.7)), url('res/bg.jpg') no-repeat center center/cover; + text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 0 1rem; +} + +.hero h1 { + font-family: 'Montserrat', sans-serif; + font-weight: 700; + font-size: 3.5rem; + margin-bottom: 1rem; + background: linear-gradient(90deg, #4699ff, #6bbfff); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +.hero p { + font-family: 'Roboto', sans-serif; + font-size: 1.25rem; + margin-bottom: 2rem; + color: #dddddd; +} + +.hero .btn { + padding: 0.75rem 1.5rem; + font-weight: 700; + font-size: 1.25rem; + background: linear-gradient(90deg, #4699ff, #6bbfff); + border: none; + color: #ffffff; +} + +/* Key Features Section */ +.key-features { + background-color: #0d0d0d; + color: #f5f5f5; + text-align: center; +} + +.key-features .section-title { + font-family: 'Montserrat', sans-serif; + font-weight: 700; + font-size: 2.5rem; + background: linear-gradient(90deg, #4699ff, #6bbfff); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +.key-features .section-subtitle { + font-family: 'Roboto', sans-serif; + font-size: 1.2rem; + margin-bottom: 2rem; + color: #dddddd; +} + +.feature-box { + background-color: #1a1a1a; + padding: 2rem; + border-radius: 10px; + transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; +} + +.feature-box:hover { + transform: translateY(-10px); + box-shadow: 0 10px 20px rgba(70, 153, 255, 0.2); +} + +.feature-icon { + color: #4699ff; + transition: color 0.3s ease-in-out; +} + +.feature-box:hover .feature-icon { + color: #ffffff; +} + +.feature-title { + font-family: 'Montserrat', sans-serif; + font-weight: 600; + font-size: 1.5rem; +} + +.feature-text { + font-family: 'Roboto', sans-serif; + font-size: 1rem; + margin-top: 1rem; + color: #cccccc; +} + +/* Button Effects */ +.btn-effect { + position: relative; + overflow: hidden; + z-index: 1; + transition: color 0.4s; + background: linear-gradient(90deg, #4699ff, #6bbfff); + border: none; + color: #ffffff; +} + +.btn-effect:after { + content: ''; + position: absolute; + z-index: -1; + top: 0; + left: -100%; + width: 100%; + height: 100%; + background-color: #ffffff; + transition: left 0.4s; +} + +.btn-effect:hover:after { + left: 0; +} + +.btn-effect:hover { + color: #000000; +} + +/* Footer */ +footer { + background-color: #1a1a1a; + color: #cccccc; +} +body::-webkit-scrollbar { + width: var(--sb-size); + } + + body::-webkit-scrollbar-track { + background: var(--sb-track-color); + border-radius: 10px; + } + + body::-webkit-scrollbar-thumb { + background: var(--sb-thumb-color); + border-radius: 10px; + border: 1px solid #232E33; + } + + @supports not selector(::-webkit-scrollbar) { + body { + scrollbar-color: var(--sb-thumb-color) + var(--sb-track-color); + } + } \ No newline at end of file