-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpricing.html
1 lines (1 loc) · 14.3 KB
/
pricing.html
1
<!DOCTYPE html><html lang="zxx"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="icon" type="image/png" href="images/favicon.png"><link rel="icon" type="image/x-icon" href="images/favicon.ico"><link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Coiny&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"><link rel="stylesheet" href="styles.css"><title>Smile School - Pricing</title></head><body class="container-fluid p-0" id="pricing"><header id="pricing-page" class="container-fluid p-4"><nav class="container d-flex p-3 justify-content-between align-items-sm-center flex-sm-row flex-column position-relative"><input type="checkbox" name="nav-toggle" id="nav-toggle" class="d-none"><label for="nav-toggle" id="nav-menu-btn" class="d-block d-sm-none"></label><a href="homepage.html"><div class="logo d-flex align-items-center flex-sm-row flex-column"><img src="images/smile_off.png" alt="Smile School Logo" class="logo-smile mb-3 mb-sm-0"><img src="images/logo.png" alt="Smile School Logo" class="logo-words mx-3"></div></a><ul class="nav header-nav text-uppercase font-weight-bold mx-auto mx-md-0 flex-column flex-sm-row text-center mt-3 mt-sm-0"><li class="nav-item mx-3"><a href="courses.html" class="nav-link text-light">Courses</a></li><li class="nav-item mx-3"><a href="pricing.html" class="nav-link text-light">Pricing</a></li><li class="nav-item mx-3"><a href="#" class="nav-link text-light" data-toggle="modal" data-target="#loginModal">Login</a></li></ul></nav><div class="container hero-content d-flex justify-content-center flex-wrap"><h1 class="h1 text-light font-weight-bold text-center d-inline">What is <span class="logo d-inline-flex align-items-center"><img src="images/smile_off.png" alt="Smile School Logo" class="logo-smile mb-3 mb-sm-0"><img src="images/logo.png" alt="Smile School Logo" class="logo-words-pricing mx-3"></span>?</h1><h1 class="my-5 display-3 w-100 text-center text-white font-weight-bold">Go pro!</h1></div><div id="price-grid" class="container text-white"><div class="row text-center"><div class="col-4 offset-4"><button class="btn btn-primary rounded-pill px-4 py-2 mt-4 mb-5 text-uppercase font-weight-bold shadow-lg">Buy 3 Months</button></div><div class="col-4"><button class="btn btn-primary rounded-pill px-4 py-2 mt-4 mb-5 text-uppercase font-weight-bold shadow-lg">Buy 1 Year</button></div></div><div class="row text-center"><div class="col-4 offset-4"><h2 class="display-4 font-weight-bold my-0">$3.60</h2><p class="text-secondary">$1.20/month</p></div><div class="col-4"><h2 class="display-4 font-weight-bold my-0">$12.99</h2><p class="text-secondary">$1.08/month</p></div></div><div class="row border-bottom border-secondary mt-4 pb-2"><div class="col-4"><p>Unlimited access to all tutorials</p></div><div class="col-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.25 17.292l-4.5-4.364 1.857-1.858 2.643 2.506 5.643-5.784 1.857 1.857-7.5 7.643z"/></svg></div><div class="col-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.25 17.292l-4.5-4.364 1.857-1.858 2.643 2.506 5.643-5.784 1.857 1.857-7.5 7.643z"/></svg></div></div><div class="row border-bottom border-secondary mt-4 pb-2"><div class="col-4"><p>Access SmileSchool private forum</p></div><div class="col-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.25 17.292l-4.5-4.364 1.857-1.858 2.643 2.506 5.643-5.784 1.857 1.857-7.5 7.643z"/></svg></div><div class="col-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.25 17.292l-4.5-4.364 1.857-1.858 2.643 2.506 5.643-5.784 1.857 1.857-7.5 7.643z"/></svg></div></div><div class="row border-bottom border-secondary mt-4 pb-2"><div class="col-4"><p>Access Smiles contests & Smiles Analysis</p></div><div class="col-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.25 17.292l-4.5-4.364 1.857-1.858 2.643 2.506 5.643-5.784 1.857 1.857-7.5 7.643z"/></svg></div><div class="col-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.25 17.292l-4.5-4.364 1.857-1.858 2.643 2.506 5.643-5.784 1.857 1.857-7.5 7.643z"/></svg></div></div><div class="row border-bottom border-secondary mt-4 pb-2"><div class="col-4"><p>Get a free toothbrush</p></div><div class="col-4 text-center offset-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.25 17.292l-4.5-4.364 1.857-1.858 2.643 2.506 5.643-5.784 1.857 1.857-7.5 7.643z"/></svg></div></div><div class="row mt-4 pb-2"><div class="col-4"><img src="images/signal.png" alt="" width="100" class="d-block mb-2"><p>Exclusive discount on all Signal products</p></div><div class="col-4 text-center offset-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.25 17.292l-4.5-4.364 1.857-1.858 2.643 2.506 5.643-5.784 1.857 1.857-7.5 7.643z"/></svg></div></div></div></header><main class="container-fluid p-0"><div class="container-fluid p-0 testimonials"><div class="container"><div class="row"><div class="col-sm-12"><div class="loader-wrapper" id="testimonial-loader"><div class="loader loader-bg-purple"></div></div><div id="testimonial-carousel" class="carousel slide w-100"data-ride="carousel"><div class="carousel-inner w-100" role="listbox"></div><a href="#testimonial-carousel" class="carousel-control-prev"role="button" data-slide="prev"><img src="images/arrow_white_left.png" alt="" width="40"><span class="sr-only">Previous</span></a><a href="#testimonial-carousel" class="carousel-control-next"role="button" data-slide="next"><img src="images/arrow_white_right.png" alt="" width="40"><span class="sr-only">Next</span></a></div></div></div></div></div><div class="container pt-5 pb-md-3 pb-5"><h1 class="display-4 text-center">F.A.Q.</h1><div class="row my-md-5 mt-md-5"><div class="col-md-6 px-5 py-md-0 pt-5 pb-4"><h6 class="font-weight-bold">How does this work?</h6><p class="text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div><div class="col-md-6 px-5 py-md-0 py-4"><h6 class="font-weight-bold">How does this work?</h6><p class="text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div></div><div class="row my-md-5 my-0"><div class="col-md-6 px-5 py-md-0 py-4"><h6 class="font-weight-bold">How does this work?</h6><p class="text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div><div class="col-md-6 px-5 py-md-0 py-4"><h6 class="font-weight-bold">How does this work?</h6><p class="text-secondary">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div></div></div></main><footer class="font-small bg-section text-white"><div class="container-fluid text-center px-5"><div class="row align-items-center justify-content-space-between mt-4"><div class="col-sm-3 mr-auto my-4"><a class="navbar-brand text-white font-weight-bold" href="0-homepage.html"><img class="logo-smile mr-2" src="images/smile_off.png"/><img class="logo-smile" src="images/logo.png"/></a></div><div class="col-sm-3 ml-auto"><div class="list-unstyled d-flex justify-content-center my-4"><div><a href="https://www.linkedin.com/in/carlos-andres-garcia-morales-036992183/"><span class="social text-white font-weight-normal m-2"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="25" height="25"><title>Follow in Facebook </title><path d="M23.998 12c0-6.628-5.372-12-11.999-12C5.372 0 0 5.372 0 12c0 5.988 4.388 10.952 10.124 11.852v-8.384H7.078v-3.469h3.046V9.356c0-3.008 1.792-4.669 4.532-4.669 1.313 0 2.686.234 2.686.234v2.953H15.83c-1.49 0-1.955.925-1.955 1.874V12h3.328l-.532 3.469h-2.796v8.384c5.736-.9 10.124-5.864 10.124-11.853z"/></svg></span></a></div><div><a href="https://twitter.com/karlgarmor"><span class="social text-white font-weight-normal m-2"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="25" height="25"><title>Follow in Twitter</title><path d="M23.954 4.569a10 10 0 0 1-2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.061a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1-2.212.085 4.937 4.937 0 0 0 4.604 3.417 9.868 9.868 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 0 0 2.46-2.548l-.047-.02z"/></svg></span></a></div><div><a href="https://www.instagram.com/karlgarmor/?hl=es-la"><span class="social text-white font-weight-normal m-2"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="25" height="25"><title>Follow in Instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 0 0 1.384 2.126A5.868 5.868 0 0 0 4.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 0 0 2.126-1.384 5.86 5.86 0 0 0 1.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 0 0-1.384-2.126A5.847 5.847 0 0 0 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 0 1-.899 1.382 3.744 3.744 0 0 1-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 0 1-1.379-.899 3.644 3.644 0 0 1-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 1 0 0-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 0 1-2.88 0 1.44 1.44 0 0 1 2.88 0z"/></svg></span></a></div></div></div></div><div class="text-center py-3 text-secondary"><small>©smileschool 2020</small></div></div></footer><div id="loginModal" class="modal" tabindex="-1"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><div class="modal-header testimonials"><h5 class="modal-title"><img class="logo-smile mr-2" src="images/smile_off.png"/><img class="logo-smile" src="images/logologin.png"/></h5><button type="button" class="close text-white" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div><div class="modal-body"><form><div class="form-group row"><label for="staticEmail" class="col-sm-2 col-form-label font-weight-bolder">Email</label><div class="col-sm-10"><input type="text" class="form-control-plaintext" id="staticEmail" placeholder="Carlos@example.com"></div></div><div class="form-group row"><label for="inputPassword" class="col-sm-2 col-form-label font-weight-bolder">Password</label><div class="col-sm-10"><input type="password" class="form-control" id="inputPassword"></div></div></form></div><div class="modal-footer"><button type="button" class="btn p-3 px-5 text-white mx-auto font-weight-bolder">ACCESS</button></div></div></div></div></div><script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script><script src="scripts.js"></script></body></html>