-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
199 lines (171 loc) · 7.26 KB
/
index.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
191
192
193
194
195
196
197
198
199
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SMERB - Retail Business Manager</title>
<link rel="shortcut icon" href="asset/img/high-res/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="asset/bootstrap/font/bootstrap-icons.css">
<link rel="stylesheet" href="asset/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="asset/aos/aos.css">
<link rel="stylesheet" href="asset/style.css">
</head>
<body>
<div class="container-fluid p-0">
<div class="col-12 bg-body-secondary">
<!-- Navigation Bar -->
<div class="navbar p-0 shadow bg-white">
<div class="m-1 ps-5 ms-5 d-flex flex-row">
<a style="width: 160px; height: 36px;" href="index.html" class="me-3 ">
<img class="h-100" src="asset/img/high-res/Icon.png">
</a>
<a href="index.html" class="p-1 me-3 fs-5 text-black-50">Premium</a>
<a href="index.html" class="p-1 me-3 fs-5 text-black-50">Tutorial</a>
<a href="index.html" class="p-1 me-3 fs-5 text-black-50">Updates</a>
<a href="index.html" class="p-1 me-3 fs-5 text-black-50">FAQ</a>
<a href="index.html" class="p-1 me-3 fs-5 text-black-50">About</a>
</div>
<div class="pe-5 me-5 d-flex flex-row">
<a href="index.html" class="p-2 ps-3 pe-3 h-100 pt-2 fs-5 fw-semibold text-bg-primary">
<i class="bi-cloud-download me-1 fs-4"></i> Download
</a>
</div>
</div>
<!-- Application Banner -->
<div class="progress-bar d-flex flex-row pt-5 p-3 ps-5 pe-5">
<!-- Left Side Short Description of the Application -->
<div class="col-4 ms-5 p-5 d-flex flex-column">
<!-- Text Header and Description -->
<div>
<h1 class="fw-normal">Advanced</h1>
<h1>Point of Sales</h1>
<h6>Multiplatform for Every Business Scale and Type</h6>
</div>
<!-- Buttons -->
<div style="width: 180px;" class="d-flex flex-column align-self-center">
<!-- Download Button With Dropdown -->
<div class="btn-group mt-4 align-self-center">
<button type="button" class="btn btn-primary p-1 pt-2 ps-3 pe-3">
<h5>Download for Windows</h5>
<h6 class="fw-lighter">Latest Version</h6>
</button>
<!-- Dropdown Toggle -->
<button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
<span class="visually-hidden">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Separated link</a></li>
</ul>
</div>
<!-- Button to Upgrade for Premium -->
<button type="button" class="btn btn-secondary fw-lighter align-self-center text-white mt-3 p-2">
<p class="m-0">Upgrade to Premium now</p>
</button>
</div>
<!-- License and Privacy Statement -->
<div class="fw-lighter align-self-center text-dark mt-3 p-2">
<p class="m-0">By using SMERB, you agree to its
<br> license and privacy statement.</p>
</div>
</div>
<!-- Right Side Banner Application -->
<div class="col-8 me-5 d-flex flex-row-reverse">
<div style="width: 720px; height: 520px;" class="align-self-center">
<img class="h-100" src="asset/img/high-res/Display.jpg">
</div>
</div>
</div>
<!-- Application Features -->
<div class="progress-bar mt-5">
<!-- Built in Cashier App -->
<div class="bg-white p-5 d-flex flex-row shadow z-1">
<div class="col-1"></div>
<div class="col-4 d-flex flex-column align-items-center">
<div style="height: 160px; width: 360px;" class="">
<img src="asset/img/high-res/features-cashier.png" class="h-100 ">
</div>
</div>
<div class="col-7 text-start">
<h2 class="fw-light">Built In Cashier Application</h2>
<hr class="w-75">
<h4 class="fw-light">
Effortless Sales, Maximized Efficiency
</h4>
<h5 class="fw-lighter">
SMERB Built-In Cashier Application simplifies sales<br>
from lightning-fast transactions to inventory management<br>
Elevate your business with streamlined checkout experiences</h5>
</div>
</div>
<!-- Advanced but simple data presentation -->
<div class="bg-white p-5 d-flex flex-row bg-body-tertiary">
<div class="col-1 order-2"></div>
<div class="col-4 d-flex flex-column align-items-center">
<div style="height: 160px; width: 360px;" class="">
<img src="asset/img/high-res/features-presentation.png" class="h-100 ">
</div>
</div>
<div class="col-7 text-start order-first d-flex flex-column align-items-end">
<h3 class="fw-light">Business Data Presentation</h3>
<hr class="w-75">
<h4 class="fw-light">
Clarity at Your Fingertips
</h4>
<h5 class="fw-lighter">
Simplifies business data presentation and utilization<br>
Effortlessly organize, visualize, and apply your data<br>
Make more informed and efficient decisions</h5>
</div>
</div>
<!-- Business Data Management -->
<div class="bg-white p-5 d-flex flex-row shadow z-1">
<div class="col-1"></div>
<div class="col-4 d-flex flex-column align-items-center">
<div style="height: 160px; width: 360px;" class="">
<img src="asset/img/high-res/features-manager.png" class="h-100 ">
</div>
</div>
<div class="col-7 text-start">
<h2 class="fw-light">Business Data Management</h2>
<hr class="w-75">
<h4 class="fw-light">
Efficiency. Accuracy. Control
</h4>
<h5 class="fw-lighter">
Master your business data effortlessly<br>
With SMERB Data Management solution<br>
Gain control, insights, and a competitive edge</h5>
</div>
</div>
<!-- Business Sales Analytics And Sales Graph -->
<div class="bg-white p-5 d-flex flex-row bg-body-tertiary">
<div class="col-1 order-2"></div>
<div class="col-4 d-flex flex-column align-items-center">
<div style="height: 160px; width: 360px;" class="">
<img src="asset/img/high-res/features-graph.png" class="h-100 ">
</div>
</div>
<div class="col-7 text-start order-first d-flex flex-column align-items-end">
<h3 class="fw-light">Business Sales Insights</h3>
<hr class="w-75">
<h4 class="fw-light">
Powerful Insights, Elegant Visualization
</h4>
<h5 class="fw-lighter">
Gain actionable insights into your business sales<br>
Uncover opportunities, analyze trends and make<br>
informed decisions to drive your business forward.</h5>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="asset/bootstrap/js/bootstrap.js"></script>
<script src="asset/aos/aos.js"></script>
<script src="asset/script.js"></script>