-
Notifications
You must be signed in to change notification settings - Fork 1
/
windows_1.html
122 lines (110 loc) · 5.64 KB
/
windows_1.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Evolution of Windows - 1.0</title>
<!--Favicon-->
<link rel="icon" href="staticFiles/Images/windows.svg" sizes="any" type="image/svg+xml">
<!--Font Awesome-->
<script src="https://kit.fontawesome.com/1366e5f3b7.js" crossorigin="anonymous"></script>
<!--Google Font links-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Heebo:wght@200;400;700;900&family=Kreon:wght@300;400;700&display=swap"
rel="stylesheet">
<!--bootstrap cdn link-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<!--Stylesheet-->
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<nav class="navbar navbar-expand-lg">
<div class="icon">
<a class="navbar-brand" href="index.html">
<i class="fa-brands fa-windows fa-2xl"></i>
</a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo01"
aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="windows_1.html">Windows 1.0</a>
</li>
<li class="nav-item">
<a class="nav-link" href="windows_2-4.html">Windows 2-98</a>
</li>
<li class="nav-item">
<a class="nav-link" href="windows_5-7.html">Windows xp-vista</a>
</li>
<li class="nav-item">
<a class="nav-link" href="windows_8-10.html">Windows 7-10</a>
</li>
<li class="nav-item">
<a class="nav-link" href="windows_11.html">Windows 11</a>
</li>
</ul>
</div>
</nav> <!--End of navbar-->
<div class="container main-body">
<h1 class="text-center mt-3">Windows 1.0</h1>
<hr>
<div class="row">
<div class="col-lg-6 col-md-12">
<p class="text-lg-end text-center my-4"> <!--I'll work on this tomorrow-->
The first version of Windows was announced on November 10th 1983 by Bill Gates.
Windows officially came out 2 years later on November 20th. This was Microsoft's
first graphic user interface and was their attempt to compete with big companies like
Apple’s Macintosh. During the time of the Windows announcement, Steve Jobs, Apple’s
main man, lashed out at Gates for the thought of thievery towards Windows. Apple’s
Macintosh and Microsoft Windows was a competition of which computer user interface
was better. When Windows 1.0 came out it took the computer industry by storm and
everyone started to use Windows.
</p>
</div>
<div class="col-lg-6 col-md-12 text-center">
<div class="img-container mb-3">
<img src="staticFiles/Images/three_computer_hero.jpg" alt="Windows 1.0 PC" style="max-width: 65%;" />
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="img-container text-center" id="windows-gui">
<img src="staticFiles/Images/Windows1.0.png" alt="Windows GUI" />
</div>
</div>
<div class="col-lg-6 col-md-12 my-5">
<p class="text-lg-start text-center">
Windows started out as a GUI (graphical user interface) for users that aren’t
as familiar with computers. Instead of the commands that most user interfaces
need to work, Windows 1.0 used menus and buttons on the computer screen.
This allowed the users to buy a mouse which back then was just coming out as
well, which could click on the buttons to take the user where they would like to go.
Fun fact Microsoft made a game called Reversi, that made users rely on the mouse so
they could get used to moving the mouse around and clicking on things.
</p>
</div>
</div>
</div>
<footer>
<div class="container my-1 text-center">
<p>Michael Trout & Zachary Fortman • Spring 2023</p>
</div>
</footer>
<!--bootstrap scripts-->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js"
integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js"
integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ"
crossorigin="anonymous"></script>
</body>
</html>