-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
300 lines (276 loc) · 14.7 KB
/
Copy pathindex.html
File metadata and controls
300 lines (276 loc) · 14.7 KB
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
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OpenCart Clone</title>
<link rel="stylesheet" href="CSS/styles.css">
</head>
<body>
<header>
<nav class="navbar">
<div class="logo">opencart</div>
<ul class="nav-links">
<li><a href="">Features</a></li>
<li><a href="demo.html">Demo</a></li>
<li><a href="#">Marketplace</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Download</a></li>
<li class="dropdown">
<a href="#" class="dropbtn">Resources ▾</a>
<div class="dropdown-content">
<div class="dropdown-card">
<a href="#">Showcase</a>
<a href="#">Contact Us</a>
<a href="#">OpenCart Partners</a>
<a href="#">Community Forums</a>
<a href="#">Facebook Community</a>
<a href="#">OpenCart Documentation</a>
<a href="#">OpenCart Books</a>
<a href="#">GitHub Bug Tracker</a>
<a href="#">Developer</a>
</div>
</div>
</li>
</ul>
<div class="auth-buttons">
<button class="login" onclick="location.href='login.html'">Login</button>
<button class="register" onclick="location.href='register.html'">Register</button>
</div>
</nav>
</header>
<script src="javascript/script.js"></script>
<section class="hero">
<div class="hero-content">
<h1>The best open-source and FREE eCommerce platform</h1>
<p>Everything you need to create, scale, and run your business</p>
<div class="buttons">
<button class="start-now">Start Now</button>
<button class="free-download">Free Download</button>
</div>
</div>
<div class="hero-image">
<img src="" alt="OpenCart Preview">
</div>
</section>
<section class="features">
<h2>Simple to start. <strong>Easy to run.</strong></h2>
<p>Start your free OpenCart eCommerce store now!</p>
<div class="feature-grid">
<div class="feature-item">
<img src="2.png" alt="Open-Source and Free">
<h3>Open-Source and Free</h3>
<p>Open source means transparent. OpenCart comes with free downloads and updates. Zero monthly fees.</p>
</div>
<div class="feature-item">
<img src="2.png" alt="Powerful Store Management">
<h3>Powerful Store Management</h3>
<p>Benefit from our built-in SEO. Easily manage products, customers, orders, taxes, coupon codes, and more.</p>
</div>
<div class="feature-item">
<img src="2.png" alt="Extensions and Themes">
<h3>Extensions and Themes</h3>
<p>The biggest eCommerce selections of modules and themes to expand your store functionality.</p>
</div>
<div class="feature-item">
<img src="2.png" alt="Support You Can Trust">
<h3>Support You Can Trust</h3>
<p>We’ve got you covered. OpenCart offers free community or dedicated commercial support.</p>
</div>
</div>
</section>
<!-- OpenCart Cloud Section -->
<section class="cloud-section">
<div class="cloud-content">
<h2>OpenCart Cloud <br> A Fully Hosted eCommerce Solution</h2>
<p>
A powerful cloud-based solution for your business, hosted on Turbo-fast NVMe SSD for exceptional speed and performance.
No need to purchase or configure separate hosting—everything is managed for you.
OpenCart Cloud offers multiple plans, allowing businesses of all sizes to choose the perfect fit for their needs.
Enjoy seamless scalability, security, and hassle-free management with OpenCart Cloud.
</p>
<button class="cloud-btn">GET STARTED</button>
</div>
<div class="cloud-image">
<img src="https://www.opencart.com/image/application/cloud/utility-2.png" alt="OpenCart Cloud Hosting">
</div>
</section>
<!-- Corporate & Local Business Section -->
<section class="business-section">
<h2>From corporations to local businesses</h2>
<p>OpenCart powers over 471,669 eCommerce Entrepreneurs all over the world</p>
<div class="logo-container">
<img src="https://www.opencart.com/application/view/image/home/brand/cxracing.png" alt="CX Racing">
<img src="https://www.opencart.com/application/view/image/home/brand/rcmart.png" alt="RC Mart">
<img src="https://www.opencart.com/application/view/image/home/brand/hobbii-logo.png" alt="Dream In Reality">
<img src="https://www.opencart.com/application/view/image/home/brand/dream-in-reality.png" alt="GoodSmile Connect">
<img src="https://www.opencart.com/application/view/image/home/brand/good-smile-contact.png" alt="Hobbii">
<img src="https://www.opencart.com/application/view/image/home/brand/pharmacy-loreto.png" alt="Pharmacy Loreto">
</div>
</section>
<!-- Marketplace Section -->
<section class="marketplace-section">
<div class="content">
<h2>13000+ modules and themes.<br>Marketplace for all your needs.</h2>
<p>
The OpenCart marketplace features 13000+ modules and themes to jump-start, grow, and expand your business.
You can find beautiful themes for just about any sector, service integrations, payment providers, shipping methods,
social media, marketing, accounting, reporting, sales as well as language packs.
</p>
<a href="#" class="btn">VISIT MARKETPLACE</a>
</div>
<div class="image-container">
<img src="https://www.opencart.com/application/view/image/home/shop-showcase.png" alt="Tablet" class="tablet">
<div class="bubble seo">SEO</div>
<div class="bubble facebook">facebook</div>
<div class="bubble ebay-amazon">ebay<br>amazon</div>
<div class="bubble reports">Reports</div>
</div>
</section>
<!-- Payment Gateways Section -->
<section class="payment-section">
<h2>Payment gateways and shipping methods</h2>
<p>The world's most renowned payment gateways and shipping methods integrated for you</p>
<div class="logo-container">
<img src="https://www.opencart.com/application/view/image/home/payment/paypal.png" alt="PayPal">
<img src="https://www.opencart.com/application/view/image/home/payment/amazon-payments.png" alt="Amazon Payments">
<img src="https://www.opencart.com/application/view/image/home/payment/authorize.net.png" alt="Authorize.Net">
<img src="https://www.opencart.com/application/view/image/home/payment/sagapay.png" alt="Sage Pay">
<img src="https://www.opencart.com/application/view/image/home/payment/e-way.png" alt="eWay">
<img src="https://www.opencart.com/application/view/image/home/payment/skrill.png" alt="Skrill">
<img src="https://www.opencart.com/application/view/image/home/payment/2checkout.png" alt="2Checkout">
<img src="https://www.opencart.com/application/view/image/home/payment/klarna.png" alt="Klarna">
<img src="https://www.opencart.com/application/view/image/home/payment/worldpay.png" alt="WorldPay">
<img src="https://www.opencart.com/application/view/image/home/payment/revolut.png" alt="Revolut">
<img src="https://www.opencart.com/application/view/image/home/shipping/ups.png" alt="UPS">
<img src="https://www.opencart.com/application/view/image/home/shipping/fedex.png" alt="FedEx">
<img src="https://www.opencart.com/application/view/image/home/shipping/usps.png" alt="USPS">
<img src="https://www.opencart.com/application/view/image/home/shipping/aust-post.png" alt="Australia Post">
<img src="https://www.opencart.com/application/view/image/home/shipping/parcel-force.png" alt="ParcelForce">
<img src="https://www.opencart.com/application/view/image/home/shipping/royal-mail.png" alt="Royal Mail">
</div>
<a href="#" class="btn">VISIT ALL</a>
</section>
<!-- Achievements Section -->
<section class="achievements-section">
<h2>Significant Achievements</h2>
<div class="achievements-container">
<img src="https://www.opencart.com/application/view/image/home/fastest_growing.png" alt="Fastest Growing Software">
<img src="https://www.opencart.com/application/view/image/home/most_popular.png" alt="Most Popular Software">
<img src="https://www.opencart.com/application/view/image/home/software_reviews.png" alt="Most Worthy Software">
<img src="https://www.opencart.com/application/view/image/home/most_worthy.png" alt="Software Reviews Leader">
<img src="https://www.opencart.com/application/view/image/home/ecommerce-winner.svg" alt="FOSS Awards Winner">
</div>
</section>
<section class="support-section">
<h2>Support based on your needs</h2>
<div class="support-container">
<!-- Community Support -->
<div class="support-box">
<img src="https://www.opencart.com/application/view/image/home/community-support-icon.png" alt="Community Support">
<h3>Community Support</h3>
<p>
OpenCart forums is a great way to get community support. With more than
110,000 registered members and 550,000+ posts, you are part of one of
the biggest eCommerce communities.
</p>
<button class="learn-more">Learn More</button>
</div>
<!-- Dedicated Support -->
<div class="support-box">
<img src="https://www.opencart.com/application/view/image/home/dedicated-support-icon.png" alt="Dedicated Support">
<h3>Dedicated Support</h3>
<p>
OpenCart offers dedicated technical support. The service is great
for anyone who wants to get professional technical support for their
OpenCart project right from the source.
</p>
<button class="learn-more">Learn More</button>
</div>
</div>
</section>
<!-- Footer Section -->
<footer class="footer">
<!-- Press Logos -->
<div class="press-logos">
<p>Featured in the Press by</p>
<div class="logos">
<img src="https://www.opencart.com/application/view/image/home/featured/forbes.png" alt="Forbes">
<img src="https://www.opencart.com/application/view/image/home/featured/paypal.png" alt="PayPal">
<img src="https://www.opencart.com/application/view/image/home/featured/bbc.png" alt="BBC">
<img src="https://www.opencart.com/application/view/image/home/featured/south-china-morning-post.png" alt="South China Morning Post">
<img src="https://www.opencart.com/application/view/image/home/featured/fix-the-photo.png" alt="Fix the Photo">
</div>
</div>
<!-- Footer Links -->
<div class="footer-links">
<div class="footer-column">
<h4>OPENCART</h4>
<ul>
<li><a href="#">Features</a></li>
<li><a href="#">Showcase</a></li>
<li><a href="#">Demo</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Marketplace</a></li>
<li><a href="#">Login</a></li>
</ul>
</div>
<div class="footer-column">
<h4>COMPANY</h4>
<ul>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Extension Advertising</a></li>
<li><a href="#">Marketplace Advertising</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Refund Policy</a></li>
<li><a href="#">GDPR</a></li>
<li><a href="#">Extension Developer</a></li>
</ul>
</div>
<div class="footer-column">
<h4>SUPPORT</h4>
<ul>
<li><a href="#">Community Forum</a></li>
<li><a href="#">Dedicated Support</a></li>
<li><a href="#">OpenCart Partners</a></li>
<li><a href="#">Marketplace Support</a></li>
<li><a href="#">Migrate to OpenCart</a></li>
</ul>
</div>
<div class="footer-column">
<h4>RESOURCES</h4>
<ul>
<li><a href="#">OpenCart Blog</a></li>
<li><a href="#">OpenCart Documentation</a></li>
<li><a href="#">OpenCart Books</a></li>
<li><a href="#">GitHub Bug Tracker</a></li>
<li><a href="#">Developer</a></li>
</ul>
</div>
<div class="footer-column newsletter">
<h4>NEWSLETTER</h4>
<p>Subscribe to our newsletters and stay informed of new releases and other OpenCart events.</p>
<div class="newsletter-input">
<input type="email" placeholder="Enter your email address">
<button>→</button>
</div>
</div>
</div>
<!-- Bottom Footer -->
<div class="footer-bottom">
<div class="left">
<img src="https://www.opencart.com/application/view/image/icon/opencart-logo-white.png" alt="OpenCart Logo">
<p>© Copyright 2025 OpenCart</p>
</div>
<div class="right">
<img src="https://www.opencart.com/application/view/image/icon/facebook_marketing_partner.png" alt="Marketing Partner">
<a href="#">LinkedIn</a>
<a href="#">Facebook</a>
<a href="#">Twitter</a>
</div>
</div>
</footer>
</body>
</html>