index.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>文章列表 - 极速支付</title>
  7. <link rel="stylesheet" href="../styles.css">
  8. <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
  9. <link rel="stylesheet" href="articles.css">
  10. </head>
  11. <body>
  12. <header class="header">
  13. <nav class="nav">
  14. <div class="logo">极速支付</div>
  15. <ul class="nav-links">
  16. <li><a href="../index.html#features">核心优势</a></li>
  17. <li><a href="../index.html#security">安全保障</a></li>
  18. <li><a href="../index.html#pricing">费率说明</a></li>
  19. <li><a href="../index.html#contact">联系我们</a></li>
  20. <li><a href="index.html" class="active">文章列表</a></li>
  21. </ul>
  22. </nav>
  23. </header>
  24. <main class="articles-main">
  25. <section class="articles-header">
  26. <h1>文章列表</h1>
  27. <p>了解最新支付资讯和行业动态</p>
  28. </section>
  29. <section class="articles-grid">
  30. <article class="article-card">
  31. <div class="article-image">
  32. <img src="https://via.placeholder.com/400x250" alt="支付安全">
  33. </div>
  34. <div class="article-content">
  35. <h2>支付安全指南:如何保护您的交易安全</h2>
  36. <p class="article-meta">2024-03-20</p>
  37. <p class="article-excerpt">了解最新的支付安全措施,保护您的交易安全,防范支付风险...</p>
  38. <a href="payment-security-guide.html" class="article-link">阅读更多</a>
  39. </div>
  40. </article>
  41. <article class="article-card">
  42. <div class="article-image">
  43. <img src="https://via.placeholder.com/400x250" alt="支付趋势">
  44. </div>
  45. <div class="article-content">
  46. <h2>2024年支付行业发展趋势分析</h2>
  47. <p class="article-meta">2024-03-15</p>
  48. <p class="article-excerpt">深入分析2024年支付行业的发展趋势,把握市场机遇...</p>
  49. <a href="payment-trends-2024.html" class="article-link">阅读更多</a>
  50. </div>
  51. </article>
  52. <article class="article-card">
  53. <div class="article-image">
  54. <img src="https://via.placeholder.com/400x250" alt="支付优化">
  55. </div>
  56. <div class="article-content">
  57. <h2>如何优化您的支付流程</h2>
  58. <p class="article-meta">2024-03-10</p>
  59. <p class="article-excerpt">学习如何优化支付流程,提升用户体验,增加转化率...</p>
  60. <a href="payment-optimization.html" class="article-link">阅读更多</a>
  61. </div>
  62. </article>
  63. <article class="article-card">
  64. <div class="article-image">
  65. <img src="https://via.placeholder.com/400x250" alt="支付技术">
  66. </div>
  67. <div class="article-content">
  68. <h2>支付技术创新:区块链在支付领域的应用</h2>
  69. <p class="article-meta">2024-03-05</p>
  70. <p class="article-excerpt">探索区块链技术在支付领域的创新应用,了解未来支付发展方向...</p>
  71. <a href="blockchain-payment.html" class="article-link">阅读更多</a>
  72. </div>
  73. </article>
  74. </section>
  75. </main>
  76. <footer class="footer">
  77. <div class="footer-content">
  78. <div class="footer-section">
  79. <h4>关于我们</h4>
  80. <p>专业的支付通道服务商</p>
  81. </div>
  82. <div class="footer-section">
  83. <h4>联系方式</h4>
  84. <p><a href="https://t.me/Jsupay" target="_blank" class="footer-link">加入群组</a></p>
  85. <p><a href="https://t.me/jsupaykf_bot" target="_blank" class="footer-link">联系客服</a></p>
  86. <p><a href="index.html" class="footer-link">文章列表</a></p>
  87. </div>
  88. <div class="footer-section">
  89. <h4>服务承诺</h4>
  90. <p>更低费率,更高成功率</p>
  91. <p>更强安全保障</p>
  92. </div>
  93. </div>
  94. <div class="footer-bottom">
  95. <p>&copy; 2024 极速支付. 保留所有权利.</p>
  96. </div>
  97. </footer>
  98. <script src="../script.js"></script>
  99. </body>
  100. </html>