-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwindows10.html
162 lines (142 loc) · 6.05 KB
/
windows10.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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Typography</title>
<!-- Prevent smartphones from scaling pages down -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Keywords" content="laptops, xbox, software, office" />
<meta name="Description" content="Software and hardware website" />
<!-- Normalize.css makes browsers render all elements more consistently and in line with modern standards. -->
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/page.css">
<link rel="stylesheet" type="text/css" href="css/xbox.css">
<link rel="stylesheet" type="text/css" href="css/xbox-carousel.css">
<link rel="stylesheet" type="text/css" href="css/xbox-gallery.css">
<link rel="stylesheet" type="text/css" href="css/windows10.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>
<div class="container hd-container">
<div class="logo-block">
<img alt="logo" src="img/logo.png">
</div>
<nav id="mySidebar" class="right-menu sidebar width-sidebar">
<ul>
<li class="nav-item"><a href="javacript:void(0)" class="closebtn" onclick="closeNav()">X</a></li>
<li class="nav-item"><a href="index.html">Home</a></li>
<li class="nav-item"><a href="#">Microsoft 365</a></li>
<li class="nav-item"><a href="#">Office</a></li>
<li class="nav-item"><a href="laptops.html">Laptops</a></li>
<li class="nav-item"><a href="xbox.html">Xbox</a></li>
<li class="nav-item"><a href="windows10.html">Windows 10</a></li>
<li class="nav-item"><a href="#">Windows 11</a></li>
</ul>
</nav>
<div id="main">
<button class="openbtn" onclick="openNav()"><img src="icons/menu.png" alt="menu button" width="30"></button>
</div>
</div>
</header>
<section class="windows10">
<div class="windows10container">
<div class="seta"></div>
<div class="texts">
<h1 class='rellax' data-rellax-speed='8'>Windows 10 </h1>
<p class='rellax' data-rellax-speed='5'>Powerfull OS</p>
</div>
<div class="w-10-img">
<img class='rellax w-10-img ' data-rellax-speed='-2' src="/img/w-10/w-10-logo.png" alt="">
</div>
</div>
</section>
<main class="main-section">
<div class="container">
<h1>Buy Windows 10</h1>
<div class="wrapper">
<div class="card">
<h3 class="card-title">Windows 10</h3>
<p class="card-content">Find the right fit for your needs. Check out our list of product offerings to see
which Windows 10 version checks all of your boxes.</p>
<button class="card-btn">CA$145.99</button>
</div>
<div class="card">
<h3 class="card-title">Windows 10 Home</h3>
<p class="card-content">Find the right fit for your needs. Check out our list of product offerings to see
which Windows 10 version checks all of your boxes.</p>
<button class="card-btn">CA$155.99</button>
</div>
<div class="card">
<h3 class="card-title">Windows 10 Pro</h3>
<p class="card-content">Find the right fit for your needs. Check out our list of product offerings to see
which Windows 10 version checks all of your boxes.</p>
<button class="card-btn">CA$185.99</button>
</div>
</div>
<div class="image-container">
<!-- images -->
<div class="container">
<div class="left">
<img src="img/w-10/windows10-laptop.png" alt="w-10">
<h2> Windows 10 Home </h2>
</div>
<div class="right">
<h2> Windows 10 Pro</h2>
<img src="img/w-10/w-10-pro.jpg" alt="w-10">
</div>
</div>
</section>
</div>
<div class="sec-block">
<div class="sc-lf-block">
<h2 class="title">Windows 10</h2>
<p>Immerse yourself in a library of over 100 high-quality games. Enjoy the benefits of Xbox Live Gold, EA
Play, and play across devices from the cloud when you join Windows 10 Ultimate.</p>
<strong>With Windows 10 you and the people you share with can:</strong>
<ul>
<li>PLAY 100+ HIGH-QUALITY GAMES</li>
<li>New games added all the time, including day one releases</li>
<li>Free Perks and exclusive member discounts</li>
<li>Play on PCs, phones & tablets from the cloud</li>
<li>EA Play membership included</li>
<li>Xbox Live Gold included</li>
</ul>
<i>*Subscription continues automatically at $19.99/mo. unless cancelled through your Microsoft Account. <a
href="">See terms.</a></i>
</div>
<aside class="sc-right-block">
<strong>CAD 99.99/ month</strong>
<a class="dn-btn" href="#">Buy and Download</a>
<a class="nm-link" href="#">Try it free for one month</a>
<span class="note-info">Subscription automatically renews. Cancel anytime to stop future charges**</span>
</aside>
</div>
</div>
</div>
</main>
<footer>
<div class="container">
<div class="footer-block">
<div class="left-footer"><span>© Misoft 2022</span></div>
<div class="right-footer">
<a href="#">Privacy</a>
<a href="#">Terms of use</a>
<a href="#">Contact</a>
<a href="#">About</a>
</div>
</div>
</div>
</footer>
<!-- scripts -->
<!-- <script src="js/windows10.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.12.1/rellax.min.js"
integrity="sha512-f5HTYZYTDZelxS7LEQYv8ppMHTZ6JJWglzeQmr0CVTS70vJgaJiIO15ALqI7bhsracojbXkezUIL+35UXwwGrQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="js/navActive.js"></script>
<script src="js/carouselSlideshow.js"></script>
<script src="js/navResponsive.js"></script>
</body>
</html>