Skip to content

Commit 78866f3

Browse files
y.klymyky.klymyk
y.klymyk
authored and
y.klymyk
committed
1
1 parent 32a20ba commit 78866f3

1 file changed

Lines changed: 270 additions & 0 deletions

File tree

‎docs/index.html‎

Lines changed: 270 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,270 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>API2Cart Python SDK — Integration Overview</title>
7+
8+
<!-- Example Google Font (Open Sans) -->
9+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
10+
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap" rel="stylesheet" />
11+
12+
<!-- Inline styles mimicking API2Cart-like design -->
13+
<style>
14+
/* Base reset / setup */
15+
* {
16+
margin: 0;
17+
padding: 0;
18+
box-sizing: border-box;
19+
font-family: 'Open Sans', Arial, sans-serif;
20+
}
21+
22+
body {
23+
color: #333;
24+
background-color: #fff;
25+
line-height: 1.6;
26+
}
27+
28+
a {
29+
text-decoration: none;
30+
color: #2abd68; /* Primary accent color (green) */
31+
}
32+
33+
/* Header (Navigation Bar) */
34+
header {
35+
width: 100%;
36+
background: #fff;
37+
border-bottom: 1px solid #eee;
38+
display: flex;
39+
align-items: center;
40+
justify-content: space-between;
41+
padding: 1rem 2rem;
42+
}
43+
44+
/* Logo or Title */
45+
.logo {
46+
font-size: 1.25rem;
47+
font-weight: 600;
48+
color: #2abd68;
49+
}
50+
51+
.nav-links ul {
52+
display: flex;
53+
gap: 1.5rem;
54+
list-style: none;
55+
}
56+
57+
.nav-links a {
58+
color: #333;
59+
font-weight: 600;
60+
transition: color 0.2s ease;
61+
}
62+
63+
.nav-links a:hover {
64+
color: #2abd68;
65+
}
66+
67+
/* Hero / Intro Section */
68+
.hero {
69+
text-align: center;
70+
padding: 3rem 2rem 2rem;
71+
background: #fafafa;
72+
border-bottom: 1px solid #eee;
73+
}
74+
75+
.hero h1 {
76+
font-size: 2rem;
77+
margin-bottom: 1rem;
78+
color: #333;
79+
}
80+
81+
.hero p {
82+
font-size: 1.1rem;
83+
max-width: 600px;
84+
margin: 0 auto 1.5rem;
85+
color: #555;
86+
}
87+
88+
/* CTA Button (shared style) */
89+
.cta-btn {
90+
display: inline-block;
91+
padding: 0.75rem 1.5rem;
92+
border-radius: 4px;
93+
background: #2abd68;
94+
color: #fff;
95+
font-weight: 600;
96+
transition: background 0.3s ease;
97+
margin: 0.5rem 0.25rem; /* small spacing if we have multiple buttons */
98+
}
99+
100+
.cta-btn:hover {
101+
background: #279a58;
102+
}
103+
104+
/* Main content area */
105+
main {
106+
padding: 2rem 1rem;
107+
max-width: 1200px;
108+
margin: 0 auto;
109+
}
110+
111+
/* Sections */
112+
section {
113+
margin-bottom: 3rem;
114+
}
115+
116+
section h2 {
117+
font-size: 1.5rem;
118+
color: #333;
119+
margin-bottom: 1rem;
120+
}
121+
122+
section p {
123+
margin-bottom: 1rem;
124+
color: #555;
125+
}
126+
127+
.benefits-list {
128+
list-style: disc;
129+
padding-left: 1.5rem;
130+
}
131+
132+
.benefits-list li {
133+
margin-bottom: 0.5rem;
134+
}
135+
136+
pre {
137+
background: #f5f5f5;
138+
padding: 1rem;
139+
overflow: auto;
140+
border-radius: 4px;
141+
margin-bottom: 1.5rem;
142+
}
143+
144+
/* Footer */
145+
footer {
146+
background: #f9f9f9;
147+
border-top: 1px solid #eee;
148+
text-align: center;
149+
padding: 1rem;
150+
}
151+
152+
footer p {
153+
color: #777;
154+
}
155+
156+
/* Media queries for responsiveness */
157+
@media (min-width: 768px) {
158+
.hero h1 {
159+
font-size: 2.2rem;
160+
}
161+
162+
.hero p {
163+
font-size: 1.125rem;
164+
}
165+
}
166+
</style>
167+
</head>
168+
<body>
169+
170+
<!-- HEADER -->
171+
<header>
172+
<div class="logo">API2Cart Python SDK</div>
173+
<nav class="nav-links">
174+
<ul>
175+
<li><a href="#description">Overview</a></li>
176+
<li><a href="#benefits">Benefits</a></li>
177+
<li><a href="#quickstart">Quick Start</a></li>
178+
<li><a href="#docs">Documentation</a></li>
179+
</ul>
180+
</nav>
181+
</header>
182+
183+
<!-- HERO SECTION -->
184+
<section class="hero">
185+
<h1>API2Cart Python SDK for eCommerce Integration</h1>
186+
<p>
187+
Leverage the power of Python for seamless integration with multiple eCommerce platforms through API2Cart.
188+
</p>
189+
<a href="https://api2cart.com/book-a-demo/?utm_source=github&utm_medium=referral&utm_campaign=python-sdk"
190+
class="cta-btn"
191+
target="_blank"
192+
rel="noopener noreferrer">
193+
Book a Demo
194+
</a>
195+
</section>
196+
197+
<!-- MAIN CONTENT -->
198+
<main>
199+
<!-- Section 1: Description -->
200+
<section id="description">
201+
<h2>Overview</h2>
202+
<p>
203+
The <strong>API2Cart Python SDK</strong> provides a unified API to interact with multiple eCommerce platforms,
204+
including Shopify, WooCommerce, Magento, PrestaShop, BigCommerce, and more. This SDK simplifies managing products,
205+
orders, customers, and other eCommerce data across different platforms using Python.
206+
</p>
207+
<p>
208+
Python’s simplicity and versatility make it an ideal language for working with API2Cart’s powerful platform, enabling
209+
developers to automate workflows, retrieve data, and interact with eCommerce platforms easily.
210+
</p>
211+
</section>
212+
213+
<!-- Section 2: Benefits -->
214+
<section style="background: #fafafa; padding: 2rem;" id="benefits">
215+
<h2>Key Benefits</h2>
216+
<ul class="benefits-list">
217+
<li><strong>Unified API Access:</strong> Access multiple eCommerce platforms via a single API endpoint.</li>
218+
<li><strong>Power of Python:</strong> Simplify integration with Python’s easy-to-use syntax.</li>
219+
<li><strong>Efficient Data Management:</strong> Retrieve and manage products, orders, and customers effortlessly.</li>
220+
<li><strong>Automation:</strong> Automate eCommerce workflows and enhance your development process.</li>
221+
</ul>
222+
</section>
223+
224+
<!-- Section 3: Quick Start (Code Example) -->
225+
<section id="quickstart">
226+
<h2>Quick Start</h2>
227+
<p>
228+
Below is a simple Python example using the `requests` library to make a GET request to the API2Cart status endpoint.
229+
Replace the placeholder values with your actual API key.
230+
</p>
231+
<pre><code>import requests
232+
233+
api_key = "YOUR_API2CART_KEY"
234+
url = f"https://api.api2cart.com/v1.0/status?api_key={api_key}"
235+
236+
response = requests.get(url)
237+
238+
if response.status_code == 200:
239+
print(f"Response: {response.json()}")
240+
else:
241+
print("Error: Unable to fetch data")
242+
</code></pre>
243+
<p>
244+
This Python example demonstrates how to use the **`requests`** library to make a GET request to the **API2Cart status endpoint**.
245+
You can modify this example to retrieve other types of data, such as orders, products, and customer information.
246+
</p>
247+
</section>
248+
249+
<!-- Section 4: Documentation -->
250+
<section id="docs">
251+
<h2>Documentation</h2>
252+
<p>
253+
For more details on how to integrate the API2Cart Python SDK, check the full
254+
<a href="https://api2cart.com/docs/?utm_source=github&utm_medium=referral&utm_campaign=python-sdk"
255+
target="_blank" rel="noopener noreferrer">API2Cart Documentation</a>.
256+
</p>
257+
<p>
258+
You can also visit our <a href="https://github.com/api2cart" target="_blank" rel="noopener noreferrer">GitHub repository</a>
259+
for more code examples and SDK updates.
260+
</p>
261+
</section>
262+
</main>
263+
264+
<!-- FOOTER -->
265+
<footer>
266+
<p>&copy; 2025 API2Cart. All rights reserved.</p>
267+
</footer>
268+
269+
</body>
270+
</html>

0 commit comments

Comments
 (0)