-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproducts.html
190 lines (185 loc) · 15.9 KB
/
products.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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
<link rel="icon" type="image/x-icon" href="/img/whglogo.webp">
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Highest Quality POS Technologies for affordable prices.">
<meta name="author" content="Some_One7409">
<meta name="keywords" content="Whitehill, JSM, Roblox, SCO, Checkout, POS">
<title>Whitehill Group</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<link rel="stylesheet" href="style.css">
</head>
<style>
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Hand:[email protected]&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*--eerie-black: #1f2421ff;*/
/*--caribbean-current: #216869ff;*/
/*--jungle-green: #49a078ff;*/
/*--cambridge-blue: #9cc5a1ff;*/
/*--platinum: #dce1deff;*/
body {
font-family: Nunito Sans;
accent-color: black;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}
/* Poppins Classes */
.poppins-extralight {
font-family: "Poppins", sans-serif;
font-weight: 200;
font-style: normal;
}
.navbar-brand {
width:150px;
font-size: 24px;
}
.navbar-brand img {
height: 50px;
width: auto;
float: left;
margin-right: 7px;
margin-left: 10px;
}
</style>
<body>
<div class="container.fluid pt-0" style="background-image: url(https://memesbananza.github.io/Whitehill-Fictional-Page/img/index-topbg.jpg); background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; background-position: center;">
<div class=" text-center p-5 align-items-center">
<img height="100px" width="auto" src="img/whglogo_text.png" alt="The Whitehill Group Logo." class="whg" style="display: inline;">
<h1 class="poppins-extralight" style="display: inline;"><i>/</i></h1>
<svg xmlns="http://www.w3.org/2000/svg" style="display: inline;" alt="" class="jsm" height="100px" width="auto" xmlns:xlink="http://www.w3.org/1999/xlink" width="1063" zoomAndPan="magnify" viewBox="0 0 797.25 398.250001" height="531" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><g/></defs><g fill="#ffffff" fill-opacity="1"><g transform="translate(-1.466347, 370.446659)"><g><path d="M 247.109375 -106.765625 C 247.109375 -67.835938 237.25 -38.765625 217.53125 -19.546875 C 197.820312 -0.335938 169.585938 9.265625 132.828125 9.265625 C 89.722656 9.265625 58.4375 -0.421875 38.96875 -19.796875 C 19.507812 -39.179688 9.863281 -70.507812 10.03125 -113.78125 L 10.03125 -139.09375 L 81.953125 -139.09375 L 81.953125 -131.578125 C 81.953125 -99.328125 85.375 -78.144531 92.21875 -68.03125 C 99.070312 -57.925781 110.6875 -52.875 127.0625 -52.875 C 142.4375 -52.875 153.460938 -56.632812 160.140625 -64.15625 C 166.828125 -71.675781 170.171875 -85.039062 170.171875 -104.25 L 170.171875 -368.40625 L 247.109375 -368.40625 Z M 247.109375 -106.765625 "/></g></g></g><g fill="#ffffff" fill-opacity="1"><g transform="translate(363.519057, 370.446659)"><g><path d="M 394.96875 0 L 323.046875 0 L 323.046875 -248.859375 L 324.046875 -308.015625 L 322.046875 -308.015625 L 253.125 0 L 177.6875 0 L 110.515625 -308.015625 L 108.765625 -308.015625 L 109.515625 -248.859375 L 109.515625 0 L 37.59375 0 L 37.59375 -368.40625 L 150.125 -368.40625 L 216.53125 -77.9375 L 218.03125 -77.9375 L 283.453125 -368.40625 L 394.96875 -368.40625 Z M 394.96875 0 "/></g></g></g><g fill="#004aad" fill-opacity="1"><g transform="translate(152.572553, 370.446659)"><g><path d="M 95.234375 -113.53125 C 95.234375 -95.320312 101.957031 -80.828125 115.40625 -70.046875 C 128.851562 -59.273438 148.109375 -53.890625 173.171875 -53.890625 C 198.234375 -53.890625 217.320312 -57.9375 230.4375 -66.03125 C 243.550781 -74.132812 250.109375 -86.039062 250.109375 -101.75 C 250.109375 -111.101562 246.722656 -119.207031 239.953125 -126.0625 C 233.191406 -132.914062 217.113281 -139.347656 191.71875 -145.359375 L 129.0625 -159.890625 C 89.46875 -169.242188 62.523438 -181.984375 48.234375 -198.109375 C 33.953125 -214.234375 26.8125 -236.5 26.8125 -264.90625 C 26.8125 -298.15625 38.628906 -325.347656 62.265625 -346.484375 C 85.910156 -367.617188 121.378906 -378.1875 168.671875 -378.1875 C 215.617188 -378.1875 251.242188 -366.320312 275.546875 -342.59375 C 299.859375 -318.863281 312.097656 -291.046875 312.265625 -259.140625 L 238.34375 -259.140625 C 236.664062 -277.179688 229.644531 -290.921875 217.28125 -300.359375 C 204.914062 -309.804688 186.789062 -314.53125 162.90625 -314.53125 C 143.6875 -314.53125 128.1875 -310.5625 116.40625 -302.625 C 104.632812 -294.6875 98.75 -283.953125 98.75 -270.421875 C 98.75 -261.054688 101.335938 -253.285156 106.515625 -247.109375 C 111.691406 -240.929688 120.046875 -236.421875 131.578125 -233.578125 L 230.0625 -209.265625 C 265.65625 -200.578125 290.21875 -188.085938 303.75 -171.796875 C 317.28125 -155.503906 324.046875 -135.160156 324.046875 -110.765625 C 324.046875 -70.671875 310.132812 -40.554688 282.3125 -20.421875 C 254.5 -0.285156 220.039062 9.78125 178.9375 9.78125 C 125.8125 9.78125 86.253906 -1.535156 60.265625 -24.171875 C 34.285156 -46.816406 21.296875 -76.601562 21.296875 -113.53125 Z M 95.234375 -113.53125 "/></g></g></g></svg>
<h2 class="poppins-extralight mt-5">Products</h2>
</div>
</div>
<nav class="navbar sticky-top navbar-expand-sm navbar-dark bg-dark border-bottom">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><img src="img/whglogo_text.png" alt=""></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="mynavbar">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="products.html">Products</a>
</li>
</ul>
</div>
</div>
</nav>
<!--CONTENT-->
<div class="conatiner m-3">
<svg xmlns="http://www.w3.org/2000/svg" alt="" class="jsm float-start m-3" height="50px" width="auto" xmlns:xlink="http://www.w3.org/1999/xlink" width="1063" zoomAndPan="magnify" viewBox="0 0 797.25 398.250001" height="531" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><g/></defs><g fill="#ffffff" fill-opacity="1"><g transform="translate(-1.466347, 370.446659)"><g><path d="M 247.109375 -106.765625 C 247.109375 -67.835938 237.25 -38.765625 217.53125 -19.546875 C 197.820312 -0.335938 169.585938 9.265625 132.828125 9.265625 C 89.722656 9.265625 58.4375 -0.421875 38.96875 -19.796875 C 19.507812 -39.179688 9.863281 -70.507812 10.03125 -113.78125 L 10.03125 -139.09375 L 81.953125 -139.09375 L 81.953125 -131.578125 C 81.953125 -99.328125 85.375 -78.144531 92.21875 -68.03125 C 99.070312 -57.925781 110.6875 -52.875 127.0625 -52.875 C 142.4375 -52.875 153.460938 -56.632812 160.140625 -64.15625 C 166.828125 -71.675781 170.171875 -85.039062 170.171875 -104.25 L 170.171875 -368.40625 L 247.109375 -368.40625 Z M 247.109375 -106.765625 "/></g></g></g><g fill="#ffffff" fill-opacity="1"><g transform="translate(363.519057, 370.446659)"><g><path d="M 394.96875 0 L 323.046875 0 L 323.046875 -248.859375 L 324.046875 -308.015625 L 322.046875 -308.015625 L 253.125 0 L 177.6875 0 L 110.515625 -308.015625 L 108.765625 -308.015625 L 109.515625 -248.859375 L 109.515625 0 L 37.59375 0 L 37.59375 -368.40625 L 150.125 -368.40625 L 216.53125 -77.9375 L 218.03125 -77.9375 L 283.453125 -368.40625 L 394.96875 -368.40625 Z M 394.96875 0 "/></g></g></g><g fill="#004aad" fill-opacity="1"><g transform="translate(152.572553, 370.446659)"><g><path d="M 95.234375 -113.53125 C 95.234375 -95.320312 101.957031 -80.828125 115.40625 -70.046875 C 128.851562 -59.273438 148.109375 -53.890625 173.171875 -53.890625 C 198.234375 -53.890625 217.320312 -57.9375 230.4375 -66.03125 C 243.550781 -74.132812 250.109375 -86.039062 250.109375 -101.75 C 250.109375 -111.101562 246.722656 -119.207031 239.953125 -126.0625 C 233.191406 -132.914062 217.113281 -139.347656 191.71875 -145.359375 L 129.0625 -159.890625 C 89.46875 -169.242188 62.523438 -181.984375 48.234375 -198.109375 C 33.953125 -214.234375 26.8125 -236.5 26.8125 -264.90625 C 26.8125 -298.15625 38.628906 -325.347656 62.265625 -346.484375 C 85.910156 -367.617188 121.378906 -378.1875 168.671875 -378.1875 C 215.617188 -378.1875 251.242188 -366.320312 275.546875 -342.59375 C 299.859375 -318.863281 312.097656 -291.046875 312.265625 -259.140625 L 238.34375 -259.140625 C 236.664062 -277.179688 229.644531 -290.921875 217.28125 -300.359375 C 204.914062 -309.804688 186.789062 -314.53125 162.90625 -314.53125 C 143.6875 -314.53125 128.1875 -310.5625 116.40625 -302.625 C 104.632812 -294.6875 98.75 -283.953125 98.75 -270.421875 C 98.75 -261.054688 101.335938 -253.285156 106.515625 -247.109375 C 111.691406 -240.929688 120.046875 -236.421875 131.578125 -233.578125 L 230.0625 -209.265625 C 265.65625 -200.578125 290.21875 -188.085938 303.75 -171.796875 C 317.28125 -155.503906 324.046875 -135.160156 324.046875 -110.765625 C 324.046875 -70.671875 310.132812 -40.554688 282.3125 -20.421875 C 254.5 -0.285156 220.039062 9.78125 178.9375 9.78125 C 125.8125 9.78125 86.253906 -1.535156 60.265625 -24.171875 C 34.285156 -46.816406 21.296875 -76.601562 21.296875 -113.53125 Z M 95.234375 -113.53125 "/></g></g></g></svg>
<h3 class="display-5 text-left mt-5 pt-2 pb-1 p-5 poppins-extralight" style="display: inline;"></h3>
</div>
<!--JSM-->
<div class="container mt-1">
<div class="row gy-5 gx-3">
<div class="col">
<div class="card" style="width:350px; Height: 410px">
<img class="card-img-top" src="img/jsm_atm.webp" alt="JSM ATM">
<div class="card-body">
<h4 class="card-title">JSM ATMs</h4>
<p class="card-text">Enhance your store with realistic ATMs.</p>
<p class="card-text"><b>Price: 200</b><b style="color: gold;">⏣</b></p>
<a href="https://axon.whitehill.group/" class="btn btn-success">Purchase</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width:350px; Height: 410px">
<img class="card-img-top" src="img/jsm_sco.webp" alt="JSM SCO">
<div class="card-body">
<h4 class="card-title">JSM SCOs</h4>
<p class="card-text">State-Of-The-Art Self-Checkouts.</p>
<p class="card-text"><b>Price: 1000</b><b style="color: gold;">⏣</b></p>
<a href="https://axon.whitehill.group/" class="btn btn-success">Purchase</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width:350px; Height: 410px">
<img class="card-img-top" src="img/jsm_eas.webp" alt="JSM EAS">
<div class="card-body">
<h4 class="card-title">JSM EASs</h4>
<p class="card-text">Keep down shoplifting rates with this EAS system.</p>
<p class="card-text"><b>Price: 200</b><b style="color: gold;">⏣</b></p>
<a href="https://axon.whitehill.group/" class="btn btn-success">Purchase</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width:350px; Height: 410px">
<img class="card-img-top" src="img/jsm_sas.webp" alt="JSM SAS">
<div class="card-body">
<h4 class="card-title">JSM Scan & Shop <span class="badge bg-info" style="color: black;">New</span></h4>
<p class="card-text">Make customer experience better with this QoL product.</p>
<p class="card-text"><b>Price: 300</b><b style="color: gold;">⏣</b></p>
<a href="https://axon.whitehill.group/" class="btn btn-success">Purchase</a>
</div>
</div>
</div>
</div>
</div>
<!--jsm end-->
<!-- whitehill -->
<div class="conatiner m-3 border-top">
<h3 class="display-5 float-start m-3" style="display: inline;"><img src="img/whglogo_text.png" alt="" height="50px" width="auto"></h3>
</div>
<div class="container mt-1">
<div class="row gy-5 gx-3">
<div class="col">
<div class="card" style="width:350px; Height: auto">
<img class="card-img-top" src="img/autopro.webp" alt="Whitehill Autopro">
<div class="card-body">
<h4 class="card-title">Autopro Doors</h4>
<span class="badge bg-success m-2" style="font-family: Poppins;">Compatible with DWProx!</span>
<p class="card-text">Top-Quality Doors for your building.</p>
<p class="card-text"><b>Price: 100</b><b style="color: gold;">⏣</b></p>
<a href="https://axon.whitehill.group/" class="btn btn-success">Purchase</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width:350px; Height: auto">
<img class="card-img-top" src="img/dwprox_net2.webp" alt="DWProx">
<div class="card-body">
<h4 class="card-title">DWProx (Net2+)</h4>
<p class="card-text">Access Control for any type of business.</p>
<p class="card-text"><b>Price: 75</b><b style="color: gold;">⏣</b></p>
<a href="https://axon.whitehill.group/" class="btn btn-success">Purchase</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width:350px; Height: auto">
<img class="card-img-top" src="img/koneturnstiles.webp" alt="KONE Turnstiles">
<div class="card-body">
<h4 class="card-title">KONE Turnstiles</h4>
<p class="card-text"></p>
<p class="card-text"><b>Price: 75</b><b style="color: gold;">⏣</b></p>
<a href="https://axon.whitehill.group/" class="btn btn-success">Purchase</a>
</div>
</div>
</div>
</div>
</div>
<!-- wh end -->
<div class="container.fluid p-5 mt-3 pt-0 text" style="background-color: grey;">
<div class="p-5 pb-2">
<img src="img/whglogo_text.png" height="100px">
<p class="text-muted">Contact: <a href="mailto:[email protected]">[email protected]</a></p>
<p class="text-muted">Please note that this is a Fan-Made website, and is not official. Also pls dont hate because of wrong spelling or facts. Cheers, Some_One7409.</p>
</div>
</div>
</body>
</html>