Windows Interfaces Gallery
About this app
A gallery of Windows interfaces from different versions, including fictional representations of unreleased versions.
Windows Interfaces Gallery Windows 10 Windows 10 Windows 9 (Fictional) Windows 9 (Fictional) Windows 8 Windows 8 Windows 7 Windows 7 Windows 6 (Fictional) Windows 6 (Fictional) Windows NT 5.0 Windows NT 5.0 Windows NT 4.0 Windows NT 4.0 Windows 3.0 Windows 3.0 Windows 2.0 Windows 2.0 Windows 1.0 Windows 1.0
Related apps
IPTV M3U8 & EPG Generator Studio | Image to M3U Playlist & Guide
Image to IPTV Converter & M3U Playlist Generator
Image to IPTV Converter & M3U Playlist Generator
Image to M3U Playlist Converter | IPTV & Media Stream Generator
Roulette Row Predictor Pro - Live Pattern & Trend Stats Analyzer
Video to Repeated Sequence Generator - Rhythm & Glitch Loop Maker
LoopCraft - Video to Repeated Sequence Converter
LoopMatrix - Video Sequence Repeater & Stutter Maker
MuffleFX - Video & Audio Low-Pass Filter Studio
Seeding Rate Calculator
Irrigation Set Time Calculator
Fertilizer Nutrient Units Calculator
Put this on your site
Source
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Windows Interfaces Gallery</title>
<meta name="description" content="A gallery of Windows interfaces from different versions, including fictional representations of unreleased versions.">
<meta name="keywords" content="Windows, interfaces, gallery, simulation, web app">
<style>
body, html {
height: 100%;
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.screen {
float: left;
width: 50%;
height: 50%;
box-sizing: border-box;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.screen:nth-child(odd) {
border-right: 2px dashed #aaa;
}
.screen:nth-child(even) {
border-left: 2px dashed #aaa;
}
.screen:nth-child(1), .screen:nth-child(2), .screen:nth-child(3), .screen:nth-child(4) {
border-bottom: 2px dashed #aaa;
}
.screen:nth-child(5), .screen:nth-child(6), .screen:nth-child(7), .screen:nth-child(8) {
border-top: 2px dashed #aaa;
}
.os-label {
position: absolute;
bottom: 10px;
right: 10px;
background: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 5px 10px;
border-radius: 5px;
font-size: 12px;
}
.screen-content {
text-align: center;
color: #333;
font-size: 24px;
}
/* Styles for fictional Windows 9 and Windows 6 */
.win9 .screen-content {
background: linear-gradient(#3C3C3C, #2E2E2E);
color: #fff;
}
.win6 .screen-content {
background: linear-gradient(#4B6C9E, #3A557B);
color: #fff;
}
/* Additional styles may be added for each version to resemble the actual OS interface */
</style>
</head>
<body>
<div class="screen win10">
<div class="screen-content">Windows 10</div>
<div class="os-label">Windows 10</div>
</div>
<div class="screen win9">
<div class="screen-content">Windows 9 (Fictional)</div>
<div class="os-label">Windows 9 (Fictional)</div>
</div>
<div class="screen win8">
<div class="screen-content">Windows 8</div>
<div class="os-label">Windows 8</div>
</div>
<div class="screen win7">
<div class="screen-content">Windows 7</div>
<div class="os-label">Windows 7</div>
</div>
<div class="screen win6">
<div class="screen-content">Windows 6 (Fictional)</div>
<div class="os-label">Windows 6 (Fictional)</div>
</div>
<div class="screen winnt5">
<div class="screen-content">Windows NT 5.0</div>
<div class="os-label">Windows NT 5.0</div>
</div>
<div class="screen winnt4">
<div class="screen-content">Windows NT 4.0</div>
<div class="os-label">Windows NT 4.0</div>
</div>
<div class="screen win3">
<div class="screen-content">Windows 3.0</div>
<div class="os-label">Windows 3.0</div>
</div>
<div class="screen win2">
<div class="screen-content">Windows 2.0</div>
<div class="os-label">Windows 2.0</div>
</div>
<div class="screen win1">
<div class="screen-content">Windows 1.0</div>
<div class="os-label">Windows 1.0</div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!