diff --git a/Projects/suchika/Icon.jpg b/Projects/suchika/Icon.jpg new file mode 100644 index 0000000..0828205 Binary files /dev/null and b/Projects/suchika/Icon.jpg differ diff --git a/Projects/suchika/Windows-11-Bloom-Screensaver-Dark-scaled.jpg b/Projects/suchika/Windows-11-Bloom-Screensaver-Dark-scaled.jpg new file mode 100644 index 0000000..fca8079 Binary files /dev/null and b/Projects/suchika/Windows-11-Bloom-Screensaver-Dark-scaled.jpg differ diff --git a/Projects/suchika/index.html b/Projects/suchika/index.html new file mode 100644 index 0000000..f46dc75 --- /dev/null +++ b/Projects/suchika/index.html @@ -0,0 +1,20 @@ + + + + + + Try Windows 11 + + + + +
+
+ +
+ +
+ + + + \ No newline at end of file diff --git a/Projects/suchika/style.css b/Projects/suchika/style.css new file mode 100644 index 0000000..063e7da --- /dev/null +++ b/Projects/suchika/style.css @@ -0,0 +1,51 @@ +*{ + margin: 0; + padding: 0; +} + +/* div{ + background: url('Icon.jpg') center center/cover no-repeat; +} */ + +.home{ + + background: url('Windows-11-Bloom-Screensaver-Dark-scaled.jpg') center center/cover no-repeat; + /* background-color: white; */ + height: 100vh; + + width: 100%; + display: flex; + justify-content: center; +} + +.taskbar{ + background: url('Icon.jpg') center center/cover no-repeat; + /* background-color: white; */ + height: 30px; + + width: 50%; + position: absolute; + bottom: 0; + display: flex; + justify-content: center; +} + +.startmenu{ + position: absolute; + bottom: 52; + width: 100%; + transition: all 0.3s ease-in; + +} + +.startmenu img{ + border-radius: 23px; +} + +.right{ + justify-self: flex end; + position: absolute; + right: 0; + margin: 8px 0; + height: 60%; +} \ No newline at end of file