index.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  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>Ringflow - Professional Communication Solutions</title>
  7. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
  8. <style>
  9. body {
  10. font-family: Arial, sans-serif;
  11. margin: 0;
  12. padding: 0;
  13. background-color: #f9f9f9;
  14. }
  15. header {
  16. background-color: #0044cc;
  17. color: white;
  18. padding: 20px;
  19. text-align: center;
  20. }
  21. header h1 {
  22. margin: 0;
  23. font-size: 2.5em;
  24. }
  25. header p {
  26. margin: 5px 0 0;
  27. font-size: 1.2em;
  28. }
  29. nav {
  30. display: flex;
  31. justify-content: center;
  32. gap: 20px;
  33. padding: 10px;
  34. background-color: #002a80;
  35. }
  36. nav a {
  37. color: white;
  38. text-decoration: none;
  39. font-size: 1.1em;
  40. }
  41. nav a:hover {
  42. text-decoration: underline;
  43. }
  44. .container {
  45. padding: 20px;
  46. max-width: 1200px;
  47. margin: 0 auto;
  48. }
  49. .section {
  50. margin-bottom: 40px;
  51. background-color: white;
  52. border-radius: 8px;
  53. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  54. overflow: hidden;
  55. }
  56. .section h2 {
  57. background-color: #0044cc;
  58. color: white;
  59. margin: 0;
  60. padding: 10px 20px;
  61. font-size: 1.8em;
  62. }
  63. .section p {
  64. padding: 20px;
  65. font-size: 1.1em;
  66. line-height: 1.6;
  67. }
  68. .btn {
  69. display: inline-block;
  70. margin: 20px;
  71. padding: 10px 20px;
  72. color: white;
  73. background-color: #0044cc;
  74. text-decoration: none;
  75. border-radius: 5px;
  76. font-size: 1.1em;
  77. transition: background-color 0.3s;
  78. }
  79. .btn:hover {
  80. background-color: #003399;
  81. }
  82. footer {
  83. text-align: center;
  84. padding: 20px;
  85. background-color: #002a80;
  86. color: white;
  87. }
  88. footer a {
  89. color: white;
  90. text-decoration: none;
  91. margin: 0 10px;
  92. }
  93. footer a:hover {
  94. text-decoration: underline;
  95. }
  96. .icon {
  97. display: inline-flex;
  98. align-items: center;
  99. gap: 10px;
  100. }
  101. </style>
  102. </head>
  103. <body>
  104. <header>
  105. <h1>Welcome to Ringflow</h1>
  106. <p>Your Comprehensive Solution for Virtual Phone Numbers</p>
  107. </header>
  108. <nav>
  109. <a href="https://www.ringflow.com/">Home</a>
  110. <a href="https://www.ringflow.com/features">Features</a>
  111. <a href="https://www.ringflow.com/pricing">Pricing</a>
  112. <a href="https://www.ringflow.com/contact">Contact</a>
  113. </nav>
  114. <div class="container">
  115. <div class="section">
  116. <h2><span class="icon"><i class="fas fa-phone"></i></span> Why Choose Ringflow?</h2>
  117. <p>Ringflow provides cutting-edge virtual phone number solutions tailored to modern communication needs. Whether you need seamless connectivity or advanced features, we have it all.</p>
  118. <a href="https://www.ringflow.com/" class="btn">Learn More</a>
  119. </div>
  120. <div class="section">
  121. <h2><span class="icon"><i class="fas fa-cogs"></i></span> Features</h2>
  122. <p>Discover powerful features like call routing, voicemail transcription, and multi-device support. Our tools are designed to boost your productivity and keep you connected.</p>
  123. <a href="https://www.ringflow.com/features" class="btn">Explore Features</a>
  124. </div>
  125. <div class="section">
  126. <h2><span class="icon"><i class="fas fa-dollar-sign"></i></span> Affordable Plans</h2>
  127. <p>Get access to premium services without breaking the bank. Our pricing plans are designed to suit businesses of all sizes.</p>
  128. <a href="https://www.ringflow.com/pricing" class="btn">View Pricing</a>
  129. </div>
  130. <div class="section">
  131. <h2><span class="icon"><i class="fas fa-envelope"></i></span> Get in Touch</h2>
  132. <p>Have questions? Contact us today, and our support team will assist you promptly.</p>
  133. <a href="https://www.ringflow.com/contact" class="btn">Contact Us</a>
  134. </div>
  135. </div>
  136. <footer>
  137. <p>&copy; 2024 Ringflow. All Rights Reserved.</p>
  138. <p>
  139. <a href="https://www.ringflow.com/privacy">Privacy Policy</a> |
  140. <a href="https://www.ringflow.com/terms">Terms of Service</a>
  141. </p>
  142. </footer>
  143. </body>
  144. </html>