-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
152 lines (143 loc) · 7.54 KB
/
Copy pathindex.html
File metadata and controls
152 lines (143 loc) · 7.54 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Global Payments Samples — Developer Portal</title>
<meta name="description" content="Integration samples and examples for Global Payments API Platform. Explore payment processing demos across PHP, Node.js, .NET, and Java.">
<link rel="icon" href="assets/img/GP_favicon.svg" type="image/svg+xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/portal.css">
</head>
<body>
<header class="gp-header">
<div class="gp-container">
<div class="gp-header-content">
<a href="/" class="gp-logo">
<picture>
<source media="(min-width: 768px)" srcset="assets/img/GP_logo.svg">
<img src="assets/img/GP_favicon.svg" alt="Global Payments" style="height: 32px; width: auto;">
</picture>
</a>
<nav class="gp-header-nav">
<a href="https://developer.globalpay.com/home">Docs</a>
<a href="https://developer.globalpay.com/api/references-overview">API Reference</a>
<a href="https://developer.globalpay.com/docs/integration-options/sdk/overview">SDKs</a>
<a href="https://github.com/globalpayments-samples" class="gp-button gp-button-header">GitHub</a>
</nav>
<button class="gp-mobile-menu-toggle" aria-label="Toggle navigation">
<span></span><span></span><span></span>
</button>
</div>
</div>
</header>
<section class="gp-hero">
<div class="gp-container">
<h1 class="gp-hero-title">Global Payments Samples</h1>
<p class="gp-hero-subtitle">Integration samples and examples for Global Payments API Platform, organized by programming language and complexity level.</p>
<div class="gp-hero-actions">
<a href="https://developer.globalpay.com/docs/getting-started/overview" class="gp-button gp-button-primary">Get Started</a>
<a href="#samples" class="gp-button gp-button-secondary">Browse Samples</a>
</div>
</div>
</section>
<section id="samples" class="gp-section">
<div class="gp-container">
<div class="gp-section-header">
<h2 class="gp-section-title">Integration Samples</h2>
<p class="gp-section-subtitle">Production-ready examples with multi-language backends, Docker support, and one-click cloud previews.</p>
</div>
<div class="gp-filters">
<button class="gp-filter-button active" data-filter="all">All</button>
</div>
<div id="gp-project-grid" class="gp-project-grid"></div>
<p class="gp-project-count" id="project-count"></p>
</div>
</section>
<section class="gp-section gp-section-alt">
<div class="gp-container">
<div class="gp-section-header">
<h2 class="gp-section-title">Every Sample Includes</h2>
</div>
<div class="gp-features-grid">
<div class="gp-feature-card">
<div class="gp-feature-icon">📦</div>
<h3>Multi-Language Backends</h3>
<p>PHP, Node.js, .NET, and Java implementations sharing a single frontend.</p>
</div>
<div class="gp-feature-card">
<div class="gp-feature-icon">🐳</div>
<h3>Docker Support</h3>
<p>docker-compose.yml with per-language services for instant local setup.</p>
</div>
<div class="gp-feature-card">
<div class="gp-feature-icon">☁</div>
<h3>Cloud Previews</h3>
<p>CodeSandbox and DevContainer configs for one-click cloud development.</p>
</div>
<div class="gp-feature-card">
<div class="gp-feature-icon">🔒</div>
<h3>Sandbox-Ready</h3>
<p>Pre-configured for Global Payments sandbox environment with .env.sample files.</p>
</div>
</div>
</div>
</section>
<section class="gp-section">
<div class="gp-container">
<div class="gp-section-header">
<h2 class="gp-section-title">Developer Community</h2>
<p class="gp-section-subtitle">Join our developer community and stay up to date with the latest news from the Global Payments team.</p>
</div>
<div class="gp-community-grid">
<a href="https://github.com/orgs/globalpayments/discussions" class="gp-community-link">
<strong>GitHub Discussions</strong>
<span>Ask questions and share ideas</span>
</a>
<a href="https://discord.gg/myER9G9qkc" class="gp-community-link">
<strong>Discord</strong>
<span>Chat with the team in real-time</span>
</a>
<a href="https://developer.globalpay.com/blog/overview" class="gp-community-link">
<strong>Developer Blog</strong>
<span>Tutorials, guides, and announcements</span>
</a>
<a href="https://www.linkedin.com/showcase/global-payments-for-developers/" class="gp-community-link">
<strong>LinkedIn</strong>
<span>Follow for updates and events</span>
</a>
<a href="https://youtube.com/playlist?list=PLYOhsY1Babga_03fc9FcGIWqagCHEyxY0&si=H4YgJYez6VMxLE68" class="gp-community-link">
<strong>YouTube</strong>
<span>Video tutorials and walkthroughs</span>
</a>
</div>
<p class="gp-text-center gp-mt-lg">
Have a suggestion? <a href="mailto:communityexperience@globalpay.com?subject=Global%20Payments%20Developer%20Community%20Feedback">Email us your feedback</a>.
</p>
</div>
</section>
<footer class="gp-footer">
<div class="gp-container">
<div class="gp-footer-content">
<div class="gp-footer-section">
<a href="https://www.globalpayments.com" class="gp-footer-logo">
<img src="assets/img/GP_logo.svg" alt="Global Payments" style="height: 24px; width: auto; filter: brightness(0) invert(1);">
</a>
</div>
<div class="gp-footer-section">
<nav class="gp-footer-nav">
<a href="https://developer.globalpay.com/home" class="gp-footer-link">Documentation</a>
<a href="https://github.com/globalpayments" class="gp-footer-link">SDKs & Plugins</a>
<a href="https://github.com/globalpayments-samples" class="gp-footer-link">Sample Projects</a>
</nav>
</div>
</div>
</div>
</footer>
<script src="js/script.js"></script>
<script src="js/portal.js"></script>
</body>
</html>