1<!DOCTYPE html> 2<html lang="en" class="h-100"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="google-site-verification" content="Lq3W0S_neVWy513Hv51B0VzpSGvFbcmJjh5nDYJDmno" /> 7 <title>Pricing - StartMyMeeting</title> 8 <link rel="icon" type="image/png" href="/static/images/Startmymeetingfav-400x400.png"> 9 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 10 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"> 11 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 12 <link href="/static/css/base.css?v=9677" rel="stylesheet"> 13 <!-- Open Graph / Social Preview --> 14 <meta property="og:type" content="website"> 15 <meta property="og:site_name" content="StartMyMeeting"> 16 <meta property="og:title" content="StartMyMeeting"> 17 <meta property="og:description" content="Your meeting links open automaticallyâright on time. No scrambling. No hunting for links."> 18 <meta property="og:url" content="https://startmymeeting.com/"> 19 <meta property="og:image" content="https://startmymeeting.com/static/images/Startmymeetingfav-400x400.png"> 20 <meta property="og:image:width" content="400"> 21 <meta property="og:image:height" content="400"> 22 23 <!-- Twitter / X --> 24 <meta name="twitter:card" content="summary"> 25 <meta name="twitter:title" content="StartMyMeeting"> 26 <meta name="twitter:description" content="Your meeting links open automaticallyâright on time. No scrambling. No hunting for links."> 27 <meta name="twitter:image" content="https://startmymeeting.com/static/images/Startmymeetingfav-400x400.png"> 28 29 30</head> 31<body class="d-flex flex-column h-100 pricing-page"> 32 <!-- Navigation --> 33 <nav class="navbar navbar-expand-lg navbar-light fixed-top"> 34 <div class="container"> 35 <a class="navbar-brand fw-bold" href="/"> 36 <img src="/static/images/Startmymeetingfav-400x400.png" alt="StartMyMeeting" class="navbar-logo">StartMyMeeting 37 </a> 38 39 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> 40 <span class="navbar-toggler-icon"></span> 41 </button> 42 43 <div class="collapse navbar-collapse" id="navbarNav"> 44 <ul class="navbar-nav me-auto"> 45 46 </ul> 47 48 <ul class="navbar-nav"> 49 50 <li class="nav-item"> 51 <a class="nav-link fw-medium" href="/auth/login">Login</a> 52 </li> 53 <li class="nav-item"> 54 <a class="nav-link btn btn-primary text-white ms-2" href="/auth/signup">Sign Up</a> 55 </li> 56 57 </ul> 58 </div> 59 </div> 60 </nav> 61 62 <!-- Flash Messages --> 63 64 65 66 67 <!-- Main Content --> 68 <main class="flex-shrink-0"> 69 70<div class="container py-5"> 71 <div class="text-center mb-5"> 72 <h1>Choose Your Plan</h1> 73 <p class="lead text-muted">Scale your meeting management as you grow</p> 74 75 </div> 76 77 <!-- Stripe Pricing Table with Horizontal Layout --> 78 <div class="row justify-content-center mb-5"> 79 <div class="col-lg-12"> 80 <div class="card border-0 shadow-sm"> 81 <div class="card-body p-4"> 82
82<script async src="https://js.stripe.com/v3/pricing-table.js"></script>
82 83 <stripe-pricing-table 84 pricing-table-id="prctbl_1RTu4z03B7LgTrChk2ZQl1Hk" 85 publishable-key="pk_live_51PVznz03B7LgTrChFs059a9vMZhhvCB3XMNtWMhta4ZXTfvzGkFy6ukgHpJkYT64EMSYbqOR1Er0oiVRxzCoh79A00ApfPyBBM" 86 allow-promotion-codes="true" 87 > 88 </stripe-pricing-table> 89 </div> 90 </div> 91 </div> 92 </div> 93 94 <!-- Additional Information Section --> 95 <div class="text-center mt-5"> 96 <h5>All plans include:</h5> 97 <div class="row justify-content-center mt-3"> 98 <div class="col-md-8"> 99 <div class="row"> 100 <div class="col-md-4 mb-3"> 101 <i class="fas fa-shield-alt fa-2x text-primary mb-2"></i> 102 <p><strong>Secure & Private</strong><br> 103 <small class="text-muted">Your data is encrypted and protected</small></p> 104 </div> 105 <div class="col-md-4 mb-3"> 106 <i class="fas fa-mobile-alt fa-2x text-primary mb-2"></i> 107 <p><strong>Chrome Extension</strong><br> 108 <small class="text-muted">Seamless browser integration</small></p> 109 </div> 110 <div class="col-md-4 mb-3"> 111 <i class="fas fa-calendar-alt fa-2x text-primary mb-2"></i> 112 <p><strong>Calendar Sync</strong><br> 113 <small class="text-muted">Google Calendar integration</small></p> 114 </div> 115 </div> 116 <div class="row"> 117 <div class="col-md-4 mb-3"> 118 <i class="fas fa-headset fa-2x text-primary mb-2"></i> 119 <p><strong>24/7 Support</strong><br> 120 <small class="text-muted">Get help when you need it</small></p> 121 </div> 122 <div class="col-md-4 mb-3"> 123 <i class="fas fa-chart-line fa-2x text-primary mb-2"></i> 124 <p><strong>Analytics</strong><br> 125 <small class="text-muted">Track your meeting patterns</small></p> 126 </div> 127 <div class="col-md-4 mb-3"> 128 <i class="fas fa-sync-alt fa-2x text-primary mb-2"></i> 129 <p><strong>Auto Updates</strong><br> 130 <small class="text-muted">Always get the latest features</small></p> 131 </div> 132 </div> 133 </div> 134 </div> 135 </div> 136 137 <!-- Current Subscription Management --> 138 139 140 <!-- FAQ Section --> 141 <div class="row justify-content-center mt-5"> 142 <div class="col-md-8"> 143 <h5 class="text-center mb-4">Frequently Asked Questions</h5> 144 <div class="accordion" id="pricingFAQ"> 145 <div class="accordion-item"> 146 <h2 class="accordion-header" id="headingOne"> 147 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"> 148 Can I change my plan anytime? 149 </button> 150 </h2> 151 <div id="collapseOne" class="accordion-collapse collapse" data-bs-parent="#pricingFAQ"> 152 <div class="accordion-body"> 153 Yes! You can upgrade or downgrade your plan at any time. Changes take effect immediately, and billing is prorated. 154 </div> 155 </div> 156 </div> 157 <div class="accordion-item"> 158 <h2 class="accordion-header" id="headingTwo"> 159 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo"> 160 What happens if I exceed my meeting limit? 161 </button> 162 </h2> 163 <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#pricingFAQ"> 164 <div class="accordion-body"> 165 You'll be prompted to upgrade your plan. Your existing meetings remain accessible, but you won't be able to create new ones until you upgrade or wait for the next billing cycle. 166 </div> 167 </div> 168 </div> 169 <div class="accordion-item"> 170 <h2 class="accordion-header" id="headingThree"> 171 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree"> 172 Is my data secure? 173 </button> 174 </h2> 175 <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#pricingFAQ"> 176 <div class="accordion-body"> 177 Absolutely! We use industry-standard encryption and security practices. Your meeting data is stored securely and never shared with third parties. 178 </div> 179 </div> 180 </div> 181 </div> 182 </div> 183 </div> 184 185 <div class="text-center mt-5"> 186 <a href="/dashboard" class="btn btn-outline-secondary"> 187 <i class="fas fa-arrow-left me-2"></i>Back to Dashboard 188 </a> 189 </div> 190</div> 191 192<style> 193/* Force Stripe pricing table to display horizontally */ 194stripe-pricing-table { 195 border-radius: 12px; 196 overflow: hidden; 197 width: 100%; 198} 199 200/* Override Stripe's default vertical layout */ 201stripe-pricing-table::part(container) { 202 display: flex !important; 203 flex-direction: row !important; 204 gap: 1rem !important; 205 justify-content: center !important;
206 align-items: stretch !important; 207} 208 209stripe-pricing-table::part(plan) { 210 flex: 1 !important; 211 max-width: 300px !important; 212 min-width: 250px !important; 213} 214 215/* Responsive behavior */ 216@media (max-width: 1024px) { 217 stripe-pricing-table::part(container) { 218 flex-direction: column !important; 219 align-items: center !important; 220 } 221 222 stripe-pricing-table::part(plan) { 223 max-width: 400px !important; 224 width: 100% !important; 225 } 226} 227 228.accordion-button:not(.collapsed) { 229 background-color: #f8f9fa; 230 color: #0d6efd; 231} 232 233.accordion-button:focus { 234 box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); 235} 236 237/* Ensure pricing table is responsive */ 238@media (max-width: 768px) { 239 .container { 240 padding-left: 15px; 241 padding-right: 15px; 242 } 243} 244 245.card { 246 transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; 247} 248 249.card:hover { 250 transform: translateY(-2px); 251 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); 252} 253</style> 254 255 </main> 256 257 <!-- Footer --> 258 <footer class="footer mt-auto py-4"> 259 <div class="container"> 260 <div class="row align-items-center"> 261 <div class="col-md-6"> 262 <div class="d-flex align-items-center"> 263 <img src="/static/images/Startmymeetingfav-400x400.png" alt="StartMyMeeting" class="footer-logo"> 264 <div> 265 <h6 class="mb-0 fw-bold">StartMyMeeting</h6> 266 <small class="text-muted">Meetings, handled.</small> 267 </div> 268 </div> 269 </div> 270 <div class="col-md-6"> 271 <div class="text-end"> 272 <div class="mb-2"> 273 <a href="/privacy-policy" class="text-muted text-decoration-none me-3"> 274 <small>Privacy Policy</small> 275 </a> 276 <a href="/terms-of-service" class="text-muted text-decoration-none"> 277 <small>Terms of Service</small> 278 </a> 279 </div> 280 <small class="text-muted">© 2025 StartMyMeeting. Crafted with â¤ï¸ by Nate</small> 281 </div> 282 </div> 283 </div> 284 </div> 285 </footer> 286 287
287<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
287 288
288<script src="/static/js/main.js"></script>
288 289 290 291 292
292<script type="text/javascript"> 293 window._mfq = window._mfq || []; 294 (function() { 295 var mf = document.createElement("script"); 296 mf.type = "text/javascript"; mf.defer = true; 297 mf.src = "//cdn.mouseflow.com/projects/adfd81cc-ed2d-491d-93f9-50d6c10669e8.js"; 298 document.getElementsByTagName("head")[0].appendChild(mf); 299 })(); 300 </script>
300 301</body> 302 303</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.