-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
262 lines (223 loc) · 11.1 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
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
<!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>Document</title>
</head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./style.css">
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
<nav class="navbar navbar-dark bg-dark fixed-top">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img src="./images/full-removebg-preview (1).png" alt="shopify" height="70px" width="auto"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasDarkNavbarLabel">Menu</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">product list</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">solution</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">resources</a>
</li>
</ul>
<form class="d-flex mt-3" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</div>
</div>
</div>
</nav>
<br><br><br>
<br><br><br>
<div class="header-p">
<h1 class="header"> Easily build and run your ecommerce website</h1>
<h2 class="header-">Everything you need to manage your beautiful, fully-featured store.</h2>
<br>
<div class="header-img">
<img src="images/header-small-fab926874fb4fd301e26f79de634258c2bd7b872dbea986794afd0654f72ec95.webp" class="img-fluid" alt="..." >
</div>
</div>
<br><br>
<br>
<div class="header2">
<h3>Start your free 3-day trial today!</h3>
<br>
<div class="header2-serach">
<form class="d-flex w-50 p-3 shadow rounded" role="search">
<input class="form-control me-2" type="search" placeholder="Enter Your Email address" aria-label="Search">
<button class="btn btn-outline-success w-25 p-3 shadow rounded" type="submit">Start Free Trial</button>
</form>
</div>
</div>
<br><br><br>
<hr>
<br><br><br>
<div class="product-p">
<div class="product">
<div class="row">
<div class="col-4">
<nav id="navbar-example3" class="h-100 flex-column align-items-stretch pe-4 border-end">
<nav class="nav nav-pills flex-column">
<a class="nav-link" href="#item-1">Item 1</a>
<a class="nav-link" href="#item-2">Item 2</a>
<a class="nav-link" href="#item-3">Item 3</a>
</nav>
</nav>
</div>
<div class="col-8">
<div data-bs-spy="scroll" data-bs-target="#navbar-example3" data-bs-smooth-scroll="true" class="scrollspy-example-2" tabindex="0">
<div id="item-1">
<h4>Introduction</h4>
<img src="./images/images-removebg-preview (1).png" class="img-fluid" alt="..." >
<p><strong> Intro to Shopify </strong><br>
Welcome to Shopify! Whether you're opening a new online store or are interested in using Shopify as your ecommerce platform, you can find out more information about your options here.
<br><br>
After you register for a free trial, follow the initial setup guide to start using Shopify. The initial setup guide features step-by-step tutorials for the main tasks you need to complete before you start selling. In addition to the initial setup guide, you can print the setup checklist to track your progress.
<br><br>
If you are already selling on another platform but would like to move your store to Shopify, then get started with your store migration today.</p>
<!-- <img src="images/images.jpg" class="img-fluid" alt="..." > -->
</div>
<br>
<div id="item-2">
<h4>Ecommerce website</h4>
<img src="images/feature-1-small-.webp" class="img-fluid" alt="..." >
<p><strong> Shopify ecommerce </strong><br><br>
Shopify includes everything you need to manage your ecommerce website all in one place. Start your free trial and secure your Shopify store's domain in seconds, then upload your product and start selling online.</p>
<!-- <img src="images/feature-1-small-.webp" class="img-fluid" alt="..." > -->
</div>
<br><br><br>
<div id="item-3">
<h4>Shopping cart</h4>
<img src="images/images-removebg-preview.png" class="img-fluid" alt="..." >
<p> <strong> Secure shopping cart</strong> <br>
Shopify provides a reliable, secure shopping cart solution for your ecommerce website. The shopping cart software allows you to accept credit cards, Amazon Pay, Apple Pay and PayPal payments by integrating with over 100 payment gateways.
<br><br>
Credit card and order data is encrypted and secure. Shopify is Level 1 PCI compliant and uses 256-bit SSL certificates to keep order details secure.</p>
<!-- <img src="images/images-removebg-preview.png" class="img-fluid" alt="..." > -->
<br>
<hr>
</div>
<div id="item-4">
<h4>Accept credit cards and mobile pay</h4>
<p>Customers can pay for items in their online shopping cart using Visa, Mastercard, Amex or other credit cards in addition to mobile payment options like Amazon Pay, Apple Pay and PayPal.
<br><br>
If you want to get your ecommerce store set up in minutes, use PayPal to accept credit card payments. When you hit a high payment volume, you can easily upgrade to another payment gateway like Authorize.net or Stripe. </p>
<br>
<hr>
</div>
<div id="item-5">
<h4>Payment gateways supported</h4>
<p>Shopify integrates with over 100 online payment gateways. Use your existing gateway or select from our list to begin accepting payments. Learn about supported <span> payment gateways.</span> </p>
<br>
<hr>
</div>
<div id="item-6">
<h4>Your currency, tax rates and language</h4>
<p>Your store's online shopping cart is set up to use your local currency. It automatically calculates tax rates based on where your business and buyers are located.
<br><br>
You can also customize the checkout page into one of 50+ languages, or translate the shopping cart checkout page yourself. Existing shopping cart checkout languages include: Danish, Dutch, Spanish, French, German, Greek, Italian, Japanese, Portuguese, Chinese, Swedish, Pakistan, and others. </p>
<br>
<hr>
</div>
<div id="item-7">
<h4>Easy shipping rate calculation</h4>
<p>Set up rates for shipping your products based on product weight or prices. Alternatively, Advanced Shopify plan members can automatically calculate shipping rates from UPS, USPS or FedEx in real-time. </p>
<br>
<hr>
</div>
<div id="item-8">
<h4>Automate shipping & fulfilment</h4>
<p> Shopify connects with fulfillment services including Amazon Services, Shipwire, and Rakuten Super Logistics. These fulfilment services allow you to fill and ship orders from a warehouse with one click.</p>
<br>
<hr>
</div>
<div id="item-9">
<h4>Certified Level 1 PCI compliant</h4>
<p>In order to accept Visa, Mastercard, and other credit cards, your shopping cart software and ecommerce hosting must be PCI compliant. Shopify is certified Level 1 PCI DSS compliant. This compliance extends to all online stores powered by Shopify.
<br><br>
We are very serious about security and have invested significant time and money to certify that Shopify is PCI compliant. From annual on-site assessments validating compliance to continuous risk management, we work hard to keep credit card and other sensitive data <span> Learn more about PCI compliance.</span> </p>
<br>
</div>
</div>
</div>
</div>
</div>
</div>
<br><br><br>
<div class="d-flex justify-content-center">
<h3>Start your 3-day free trial today!</h3>
</div>
<div class="d-flex justify-content-center ">
<div class="header2-serach">
<form class="d-flex w-50 p-3 shadow rounded" role="search">
<input class="form-control me-2" type="search" placeholder="Enter Your Email address" aria-label="Email">
<button class="btn btn-outline-success w-25 p-3 shadow rounded" type="submit">Start Free Trial</button>
</form>
</div>
</div>
<br><br><br>
<footer>
<div class="f">
<div><img src="images/small.png" class="img-fluid" alt="..." >
</div>
<br>
<div>
<strong> Shopify</strong><br>
About <br>
Careers <br>
Investors <br>
Press and Media <br>
Partners <br>
Affiliates <br>
Legal <br>
Service status
</div>
<br>
<div>
<strong> Support</strong> <br>
Merchant support <br>
Help center <br>
Hire an Expert <br>
Shopify Community <br>
Shopify Events <br>
</div>
<br>
<div>
<strong> Developers</strong> <br>
Shopify.dev <br>
API documentation <br>
Dev Degree
</div>
<br>
<div>
<strong> Products</strong> <br>
Shop <br>
Shop Pay <br>
Shopify Plus <br>
Shopify Fulfillment Network <br>
Linkpop <br>
Commerce Components</div>
</div>
</footer>
</body>
</html>