froala-pages
Version:
The next generation JavaScript Page Builder made by devs for devs. A plug and play web page design and editing JavaScript tool for your web application and loved by designers.
5 lines • 243 kB
JavaScript
/*!
* Froala Pages v1.2.0 (https://github.com/froala-labs/froala-pages#readme)
* Copyright 2017-2020
* Licensed under Froala Pages Terms (https://www.froala.com/pages/terms)
*/ !function(n,a){"object"==typeof exports&&"undefined"!=typeof module?a(require("froala-pages")):"function"==typeof define&&define.amd?define(["froala-pages"],a):a(n.FroalaPages)}(this,function(n){"use strict";(n=n&&n.hasOwnProperty("default")?n.default:n).RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container">\n <div class="row justify-content-center">\n <div class="col-12 col-md-8 text-center">\n <p class="lead">\n "Separated they live in Bookmarksgrove right at the coast of the Semantics, far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast."\n </p>\n\n <p class="mt-5 mt-sm-4">\n <a class="btn btn-primary" href="https://www.froala.com">Download</a>\n </p>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/1.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container">\n <div class="row justify-content-center">\n <div class="col-12 col-md-6 text-center">\n <h1>Call to Action</h1>\n <p class="lead">\n Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts\n </p>\n <p class="mt-5 mt-sm-4">\n <a class="btn btn-secondary" href="https://www.froala.com">Download</a>\n </p>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/2.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container">\n <div class="row justify-content-center">\n <div class="col-12 col-sm-8 col-md-6 col-lg-6 text-center">\n <h2>\n <strong>Right at the coast of the Semantics, a large language ocean.</strong>\n </h2>\n <p class="mt-5 mt-sm-4">\n <a class="btn btn-outline-primary" href="https://www.froala.com">Download</a>\n </p>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/3.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container">\n <div class="row justify-content-center">\n <div class="col-12 col-md-8 col-lg-6 text-center">\n <h1>Call to Action</h1>\n <p class="lead">\n Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts\n </p>\n <p class="mt-5 mt-sm-4">\n <a class="btn btn-primary" href="https://www.froala.com">Download</a>\n </p>\n </div>\n </div>\n\n <div class="row pt-5 pb-3">\n <div class="col-12 text-center">\n <p><strong>Fortune 100 companies are using our products</strong></p>\n </div>\n </div>\n <div class="row">\n <div class="col-12 text-center">\n <img alt="image" height="30" class="ml-3 mr-3 mb-2 mt-2" src="{{imagesDir}}/customers/adobe.svg">\n <img alt="image" height="30" class="ml-3 mr-3 mb-2 mt-2" src="{{imagesDir}}/customers/amazon.svg">\n <img alt="image" height="30" class="ml-3 mr-3 mb-2 mt-2" src="{{imagesDir}}/customers/ebay.svg">\n <img alt="image" height="30" class="ml-3 mr-3 mb-2 mt-2" src="{{imagesDir}}/customers/samsung.svg">\n <img alt="image" height="30" class="ml-3 mr-3 mb-2 mt-2" src="{{imagesDir}}/customers/orange.svg">\n <img alt="image" height="30" class="ml-3 mr-3 mb-2 mt-2" src="{{imagesDir}}/customers/salesforce.svg">\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/4.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container">\n <div class="row justify-content-center">\n <div class="col-12 col-md-8 text-center">\n <h1>Far far away, behind the word mountains, far from</h1>\n <p class="mt-5">\n <a class="btn btn-secondary" href="https://www.froala.com">Download</a>\n </p>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/5.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container">\n <div class="row justify-content-center">\n <div class="col-12 col-sm-10 col-md-8 col-lg-4 text-center">\n <p class="lead">\n Follow us and ask more on:\n </p>\n <p class="h2">\n <a href="https://www.froala.com" class="mx-2"><i class="fab fa-facebook"></i></a>\n <a href="https://www.froala.com" class="mx-2"><i class="fab fa-twitter"></i></a>\n <a href="https://www.froala.com" class="mx-2"><i class="fab fa-instagram"></i></a>\n <a href="https://www.froala.com" class="mx-2"><i class="fab fa-google"></i></a>\n <a href="https://www.froala.com" class="mx-2"><i class="fab fa-pinterest"></i></a>\n </p>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/6.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container">\n <div class="row text-center pb-0 pb-lg-4">\n <div class="col-12">\n <h1>Call to action</h1>\n </div>\n </div>\n <div class="row text-center pt-4 pt-md-5">\n <div class="col-12 col-sm-10 col-md-6 col-lg-4 m-sm-auto">\n <img alt="image" class="fdb-icon" src="{{imagesDir}}/icons/gift.svg">\n <h3>First Action</h3>\n <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts</p>\n <p class="mt-3"><a class="btn btn-light sl-1" href="https://www.froala.com">Button</a></p>\n </div>\n\n <div class="col-12 col-sm-10 col-md-6 col-lg-4 ml-sm-auto mr-sm-auto mt-5 mt-md-0">\n <img alt="image" class="fdb-icon" src="{{imagesDir}}/icons/cloud.svg">\n <h3>Second Action</h3>\n <p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>\n <p class="mt-3"><a class="btn btn-light sl-1" href="https://www.froala.com">Button</a></p>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/7.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block py-0">\n <div class="container py-5 my-5" style="background-image: url({{imagesDir}}/shapes/2.svg);">\n <div class="row justify-content-center py-5">\n <div class="col-12 col-md-10 col-lg-8 text-center">\n <div class="fdb-box">\n <h1>Call to Action</h1>\n <p class="lead">\n Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts\n </p>\n <p class="mt-4">\n <a class="btn btn-primary" href="https://www.froala.com">Download</a>\n </p>\n </div>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/8.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container">\n <div class="row align-items-center justify-content-center">\n <div class="col-auto">\n <h2>Use Froala Design Blocks for free in your project</h2>\n </div>\n <div class="col-auto mt-4 mt-sm-0">\n <a class="btn btn-primary" href="https://www.froala.com">Download</a>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/9.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block py-0">\n <div class="container py-5 my-5 bg-r" style="background-image: url({{imagesDir}}/shapes/4.svg);">\n <div class="row justify-content-end py-5">\n <div class="col-12 col-md-8 col-lg-6 mr-5 text-center">\n <div class="fdb-box">\n <h1>Call to Action</h1>\n <p class="lead">\n When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove\n </p>\n <p class="mt-4">\n <a class="btn btn-secondary" href="https://www.froala.com">Download</a>\n </p>\n </div>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/10.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container">\n <div class="row align-items-center justify-content-center">\n <div class="col-auto text-center">\n <a class="btn btn-outline-secondary" href="https://www.froala.com">Download</a>\n </div>\n\n <div class="col-auto mt-4 mt-sm-0">\n <h2>Use Froala Design Blocks for free in your project</h2>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/11.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container">\n <div class="row">\n <div class="col-12 text-center">\n <h1>Froala Design Blocks</h1>\n <p class="h2">\n Far far away, behind the word mountains, far from.\n </p>\n </div>\n </div>\n\n <div class="row align-items-center pt-2 pt-lg-5">\n <div class="col-12 col-md-8 col-lg-7">\n <h2>Call to action</h2>\n <p class="lead">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>\n <p class="mt-4"><a class="btn btn-primary" href="https://www.froala.com">Take a Tour</a></p>\n </div>\n\n <div class="col-8 col-md-4 m-auto m-md-0 ml-md-auto pt-5">\n <img alt="image" class="img-fluid" src="{{imagesDir}}/draws/git.svg">\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/12.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block bg-dark" style="background-image: url({{imagesDir}}/hero/purple.svg);">\n <div class="container justify-content-center align-items-center d-flex">\n <div class="row justify-content-center text-center">\n <div class="col-12 col-md-8">\n <img alt="image" class="fdb-icon" src="{{imagesDir}}/icons/coffee.svg">\n <h1>Froala Design Blocks</h1>\n <p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>\n <p class="mt-5"><a href="https://www.froala.com" class="btn btn-dark">Call to Action</a></p>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/13.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block py-0">\n <div class="container bg-r py-5 my-5" style="background-image: url({{imagesDir}}/shapes/1.svg);">\n <div class="row py-5">\n <div class="col-12 col-sm-10 col-md-8 col-lg-6 text-left">\n <h1>Call to Action</h1>\n <p class="lead">\n A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.\n </p>\n <p class="mt-4">\n <a class="btn btn-primary" href="https://www.froala.com">Download</a>\n </p>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/14.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container">\n <div class="row align-items-center">\n <div class="col-10 col-sm-6 col-md-4 col-lg-3 m-auto m-md-0">\n <img alt="image" class="img-fluid" src="{{imagesDir}}/draws/smile.svg">\n </div>\n\n <div class="col-12 col-md-8 ml-auto pt-5 pt-md-0">\n <h2>Call to action</h2>\n <p class="lead">On her way she met a copy. The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn\n around and return to its own, safe country.</p>\n <p class="mt-4"><a class="btn btn-secondary" href="https://www.froala.com">Take a Tour</a></p>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/15.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block bg-dark" style="background-image: url({{imagesDir}}/hero/blue.svg);">\n <div class="container align-items-center justify-content-center d-flex">\n <div class="row justify-content-center text-center">\n <div class="col-12 col-md-10 col-lg-8">\n <h1>Froala Design Blocks is Open Source and free to use in your apps</h1>\n <p class="mt-5"><a href="https://www.froala.com" class="btn btn-outline-light">Call to Action</a></p>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/16.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container">\n <div class="row">\n <div class="col-12">\n <h1>Froala Design Blocks</h1>\n <p class="lead">\n Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by\n their place and supplies it with the necessary regelialia.\n </p>\n </div>\n </div>\n\n <div class="row justify-content-center align-items-center pt-5">\n <div class="col-8 col-sm-3">\n <img alt="image" class="img-fluid" src="{{imagesDir}}/draws/code.svg">\n </div>\n <div class="col-12 col-sm-6 m-auto pt-4 pt-sm-0">\n <h2><strong>Bootstrap</strong></h2>\n <p class="lead">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life.</p>\n </div>\n <div class="col-12 col-sm-3 text-center pt-4 pt-sm-0">\n <p><a class="btn btn-outline-primary" href="https://www.froala.com">Take a Tour</a></p>\n <p><a class="btn btn-primary" href="https://www.froala.com">Start Now</a></p>\n <p class="h5"><em>Some foo text</em></p>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/17.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container align-items-end justify-content-center d-flex">\n <div class="row align-items-top text-left">\n <div class="col-12 col-md-6 col-lg-5">\n <p class="mb-5 mt-5"><img alt="image" height="40" src="{{imagesDir}}/logo.png"></p>\n <h1>Design Blocks</h1>\n <p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>\n <p class="mt-4"><a href="https://www.froala.com" class="btn btn-primary">Call to Action</a></p>\n </div>\n\n <div class="col-12 col-sm-4 col-md-6 col-lg-4 m-auto pt-5">\n <img alt="image" class="img-fluid rounded-0" src="{{imagesDir}}/draws/sync.svg">\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/18.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container align-items-center justify-content-center d-flex">\n <div class="row align-items-center text-left">\n <div class="col-12 col-sm-6">\n <img alt="image" class="img-fluid" src="{{imagesDir}}/draws/sync2.svg">\n </div>\n\n <div class="col-12 col-lg-5 ml-auto pt-5 pt-lg-0">\n <h1>Froala Design Blocks</h1>\n <p class="lead">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>\n <p class="mt-4"><a href="https://www.froala.com" class="btn btn-secondary">Call to Action</a></p>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/19.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container">\n <div class="row align-items-center text-left">\n <div class="col-12 col-md-8">\n <h1>Froala Design Blocks</h1>\n <p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>\n </div>\n <div class="col-12 col-md-3 ml-auto text-left text-md-right">\n <p><a href="https://www.froala.com" class="btn btn-primary">Call to Action</a></p>\n </div>\n </div>\n\n <div class="row pt-5">\n <div class="col-6 offset-3">\n <img alt="image" class="img-fluid" src="{{imagesDir}}/draws/rocket.svg">\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/20.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block bg-dark" style="background-image: url({{imagesDir}}/hero/red.svg);">\n <div class="container align-items-center justify-content-center d-flex">\n <div class="row align-items-center text-left">\n <div class="col-12 col-sm-10 col-md-8 col-lg-8">\n <h1>Froala Design Blocks is build on Boostrap Framework</h1>\n <p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there.</p>\n <p class="mt-5">\n <a href="https://www.froala.com" class="btn btn-light">Call to Action</a>\n <a href="https://www.froala.com" class="btn btn-dark ml-4">Button</a>\n </p>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/21.jpg"),n.RegisterDesignBlock("Call To Action",'<section class="fdb-block">\n <div class="container">\n <div class="row justify-content-center">\n <div class="col-12 col-md-8 col-lg-5 text-center pb-md-5">\n <h1>Froala Design Blocks</h1>\n <p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.</p>\n <p class="mt-4"><a href="https://www.froala.com" class="btn btn-primary">Call to Action</a></p>\n </div>\n </div>\n\n <div class="row text-center justify-content-center pt-5">\n <div class="col-12 col-sm-6 col-lg-3">\n <img alt="image" class="fdb-icon" src="{{imagesDir}}/icons/cloud.svg">\n\n <h3><strong>Feature One</strong></h3>\n\n <p>Far far away, behind the word mountains, far from the countries</p>\n </div>\n <div class="col-12 col-sm-6 col-lg-3 pt-4 pt-sm-0">\n <img alt="image" class="fdb-icon" src="{{imagesDir}}/icons/gift.svg">\n\n <h3><strong>Feature Two</strong></h3>\n\n <p>Separated they live in Bookmarksgrove right at the coast</p>\n </div>\n\n <div class="col-12 col-sm-6 col-lg-3 pt-4 pt-lg-0">\n <img alt="image" class="fdb-icon" src="{{imagesDir}}/icons/github.svg">\n\n <h3><strong>Feature Three</strong></h3>\n\n <p>A small river named Duden flows by their place and supplies it</p>\n </div>\n\n <div class="col-12 col-sm-6 col-lg-3 pt-4 pt-lg-0">\n <img alt="image" class="fdb-icon" src="{{imagesDir}}/icons/compass.svg">\n\n <h3><strong>Feature Four</strong></h3>\n\n <p>Far far away, behind the word mountains, far from the countries</p>\n </div>\n </div>\n </div>\n</section>\n',"call-to-action/22.jpg")}),function(n,a){"object"==typeof exports&&"undefined"!=typeof module?a(require("froala-pages")):"function"==typeof define&&define.amd?define(["froala-pages"],a):a(n.FroalaPages)}(this,function(n){"use strict";(n=n&&n.hasOwnProperty("default")?n.default:n).RegisterDesignBlock("Contacts",'<section class="fdb-block pt-0">\n <div class="container-fluid p-0 pb-md-5">\n <iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2848.8444388087937!2d26.101253041406952!3d44.43635311654287!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b1ff4770adb5b7%3A0x58147f39579fe6fa!2zR3J1cHVsIFN0YXR1YXIgIkPEg3J1yJthIEN1IFBhaWHIm2Ui!5e0!3m2!1sen!2sro!4v1507381157656"\n width="100%" height="300" frameborder="0" style="border:0" allowfullscreen=""></iframe>\n </div>\n <div class="container">\n <div class="row mt-5">\n <div class="col-12 col-md-6 col-lg-5">\n <h2>Contact Us</h2>\n <p class="lead">\n Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.\n </p>\n\n <p class="lead">\n It is a paradisematic country, in which roasted parts of sentences fly into your mouth.\n </p>\n\n\n <p class="h3 mt-5">\n <strong>Email:</strong> <a href="https://www.froala.com">hello@website.com</a>\n </p>\n <p class="lead">\n <strong>Phone:</strong> <a href="https://www.froala.com">+44 123 123 1232</a>\n </p>\n </div>\n\n <div class="col-12 col-md-6 ml-auto pt-5 pt-md-0">\n <form>\n <div class="row">\n <div class="col">\n <input type="text" class="form-control" placeholder="First name">\n </div>\n <div class="col">\n <input type="text" class="form-control" placeholder="Last name">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <input type="email" class="form-control" placeholder="Enter email">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <input type="email" class="form-control" placeholder="Subject">\n </div>\n </div>\n <div class="row mt-4">\n <div class="col">\n <textarea class="form-control" name="message" rows="3" placeholder="How can we help?"></textarea>\n </div>\n </div>\n <div class="row mt-4">\n <div class="col">\n <button type="submit" class="btn btn-primary">Submit</button>\n </div>\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n',"contacts/1.jpg"),n.RegisterDesignBlock("Contacts",'<section class="fdb-block bg-dark" style="background-image: url({{imagesDir}}/hero/blue.svg);">\n <div class="container">\n <div class="row text-center justify-content-center">\n <div class="col-12 col-md-8 col-lg-7">\n <h1>Contact Us</h1>\n <h2>We love to hear from you!</h2>\n </div>\n </div>\n\n <div class="row pt-4">\n <div class="col-12">\n <form>\n <div class="row">\n <div class="col-12 col-md">\n <input type="text" class="form-control" placeholder="Name">\n </div>\n <div class="col-12 col-md mt-4 mt-md-0">\n <input type="text" class="form-control" placeholder="Email">\n </div>\n <div class="col-12 col-md mt-4 mt-md-0">\n <input type="text" class="form-control" placeholder="Phone (optional)">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <input type="email" class="form-control" placeholder="Subject">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <textarea class="form-control" name="message" rows="3" placeholder="How can we help?"></textarea>\n </div>\n </div>\n <div class="row mt-4">\n <div class="col text-center">\n <button type="submit" class="btn btn-dark">Submit</button>\n </div>\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n',"contacts/2.jpg"),n.RegisterDesignBlock("Contacts",'<section class="fdb-block">\n <div class="container">\n <div class="row text-center justify-content-center">\n <div class="col-12 col-md-8 col-lg-7">\n <h1>Contact Us</h1>\n <p class="lead">One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>\n </div>\n </div>\n\n <div class="row pt-4">\n <div class="col-12 col-md-6">\n <iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2848.8444388087937!2d26.101253041406952!3d44.43635311654287!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b1ff4770adb5b7%3A0x58147f39579fe6fa!2zR3J1cHVsIFN0YXR1YXIgIkPEg3J1yJthIEN1IFBhaWHIm2Ui!5e0!3m2!1sen!2sro!4v1507381157656"\n width="100%" height="300" frameborder="0" style="border:0" allowfullscreen=""></iframe>\n </div>\n\n <div class="col-12 col-md-6 pt-5 pt-md-0">\n <form>\n <div class="row">\n <div class="col">\n <input type="email" class="form-control" placeholder="Enter email">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <input type="email" class="form-control" placeholder="Subject">\n </div>\n </div>\n <div class="row mt-4">\n <div class="col">\n <textarea class="form-control" name="message" rows="3" placeholder="How can we help?"></textarea>\n </div>\n </div>\n <div class="row mt-4">\n <div class="col">\n <button type="submit" class="btn btn-primary">Submit</button>\n </div>\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n',"contacts/3.jpg"),n.RegisterDesignBlock("Contacts",'<section class="fdb-block py-0">\n <div class="container py-5 my-5" style="background-image: url({{imagesDir}}/shapes/9.svg);">\n <div class="row py-5">\n <div class="col py-5">\n <div class="fdb-box fdb-touch">\n <div class="row text-center justify-content-center">\n <div class="col-12 col-md-9 col-lg-7">\n <h1>Contact Us</h1>\n <p class="lead">Pityful a rethoric question ran over her cheek, then she continued her way. On her way she met a copy.</p>\n </div>\n </div>\n\n <div class="row justify-content-center pt-4">\n <div class="col-12 col-md-8">\n <form>\n <div class="row">\n <div class="col-12 col-md">\n <input type="text" class="form-control" placeholder="Name">\n </div>\n <div class="col-12 col-md mt-4 mt-md-0">\n <input type="text" class="form-control" placeholder="Email">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <input type="email" class="form-control" placeholder="Subject">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <textarea class="form-control" name="message" rows="3" placeholder="How can we help?"></textarea>\n </div>\n </div>\n <div class="row mt-4">\n <div class="col text-center">\n <button type="submit" class="btn btn-primary">Submit</button>\n </div>\n </div>\n </form>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n',"contacts/4.jpg"),n.RegisterDesignBlock("Contacts",'<section class="fdb-block pt-0">\n <div class="container-fluid p-0 pb-3">\n <iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2848.8444388087937!2d26.101253041406952!3d44.43635311654287!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b1ff4770adb5b7%3A0x58147f39579fe6fa!2zR3J1cHVsIFN0YXR1YXIgIkPEg3J1yJthIEN1IFBhaWHIm2Ui!5e0!3m2!1sen!2sro!4v1507381157656"\n width="100%" height="300" frameborder="0" style="border:0" allowfullscreen=""></iframe>\n </div>\n <div class="container">\n <div class="row text-center justify-content-center pt-5">\n <div class="col-12 col-md-7">\n <h1>Contact Us</h1>\n </div>\n </div>\n\n <div class="row justify-content-center pt-4">\n <div class="col-12 col-md-7">\n <form>\n <div class="row">\n <div class="col">\n <input type="text" class="form-control" placeholder="Email">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <input type="email" class="form-control" placeholder="Subject">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <textarea class="form-control" name="message" rows="3" placeholder="How can we help?"></textarea>\n </div>\n </div>\n <div class="row mt-4">\n <div class="col text-center">\n <button type="submit" class="btn btn-primary">Submit</button>\n </div>\n </div>\n </form>\n </div>\n </div>\n <div class="row-100"></div>\n </div>\n <div class="bg-dark">\n <div class="container">\n <div class="row-50"></div>\n <div class="row justify-content-center text-center">\n <div class="col-12 col-md mr-auto ml-auto">\n <img alt="image" height="40" class="mb-2" src="{{imagesDir}}/icons/phone.svg">\n <p class="lead">+44 (112) 123 752</p>\n </div>\n\n <div class="col-12 col-md pt-4 pt-md-0 mr-auto ml-auto">\n <img alt="image" height="40" class="mb-2" src="{{imagesDir}}/icons/navigation.svg">\n <p class="lead">123 6th St.<br>Melbourne, FL 32904</p>\n </div>\n\n <div class="col-12 col-md pt-4 pt-md-0 mr-auto ml-auto">\n <img alt="image" height="40" class="mb-2" src="{{imagesDir}}/icons/mail.svg">\n <p class="lead">support@website.com</p>\n </div>\n </div>\n <div class="row-50"></div>\n </div>\n </div>\n\n <div class="container">\n <div class="row-70"></div>\n <div class="row text-center">\n <div class="col">\n <p class="h2">\n <a href="https://www.froala.com" class="mx-2"><i class="fab fa-facebook"></i></a>\n <a href="https://www.froala.com" class="mx-2"><i class="fab fa-twitter"></i></a>\n <a href="https://www.froala.com" class="mx-2"><i class="fab fa-instagram"></i></a>\n <a href="https://www.froala.com" class="mx-2"><i class="fab fa-google"></i></a>\n <a href="https://www.froala.com" class="mx-2"><i class="fab fa-pinterest"></i></a>\n </p>\n </div>\n </div>\n </div>\n</section>\n',"contacts/5.jpg"),n.RegisterDesignBlock("Contacts",'<section class="fdb-block pt-0">\n <div class="container-fluid p-0 pb-5">\n <iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2848.8444388087937!2d26.101253041406952!3d44.43635311654287!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b1ff4770adb5b7%3A0x58147f39579fe6fa!2zR3J1cHVsIFN0YXR1YXIgIkPEg3J1yJthIEN1IFBhaWHIm2Ui!5e0!3m2!1sen!2sro!4v1507381157656"\n width="100%" height="300" frameborder="0" style="border:0" allowfullscreen=""></iframe>\n </div>\n <div class="container">\n <div class="row pt-5">\n <div class="col-12">\n <form>\n <div class="row">\n <div class="col-12 col-md">\n <label>First Name</label>\n <input type="text" class="form-control">\n </div>\n <div class="col-12 col-md mt-4 mt-md-0">\n <label>Last Name</label>\n <input type="text" class="form-control">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <label>Your Email</label>\n <input type="email" class="form-control">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <label>Subject (optional but helpful)</label>\n <input type="email" class="form-control">\n </div>\n </div>\n <div class="row mt-4">\n <div class="col">\n <label>How can we help?</label>\n <textarea class="form-control" name="message" rows="3"></textarea>\n </div>\n </div>\n <div class="row mt-4 text-center">\n <div class="col">\n <button type="submit" class="btn btn-primary">Submit</button>\n </div>\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n',"contacts/6.jpg"),n.RegisterDesignBlock("Contacts",'<section class="fdb-block py-0">\n <div class="container py-5" style="background-image: url({{imagesDir}}/shapes/6.svg);">\n <div class="row text-center justify-content-center">\n <div class="col-12 col-md-8 col-lg-7">\n <h1>Contact Us</h1>\n <p class="lead">If you’re already an active user, please <a href="https://www.froala.com">sign in</a> before contacting us.</p>\n </div>\n </div>\n <div class="row-50">\n </div>\n <div class="row justify-content-center">\n <div class="col-12 col-md-8 col-lg-7">\n <form>\n <div class="row">\n <div class="col">\n <label>Your Email Address</label>\n <input type="text" class="form-control">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <label>Subject (optional but helpful)</label>\n <input type="email" class="form-control">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <label>How can we help?</label>\n <textarea class="form-control" name="message" rows="3"></textarea>\n </div>\n </div>\n <div class="row mt-4">\n <div class="col text-right">\n <button type="submit" class="btn btn-dark">Submit</button>\n </div>\n </div>\n </form>\n </div>\n </div>\n <div class="row-100"></div>\n </div>\n\n <div class="container-fluid p-0">\n <iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2848.8444388087937!2d26.101253041406952!3d44.43635311654287!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b1ff4770adb5b7%3A0x58147f39579fe6fa!2zR3J1cHVsIFN0YXR1YXIgIkPEg3J1yJthIEN1IFBhaWHIm2Ui!5e0!3m2!1sen!2sro!4v1507381157656"\n width="100%" height="300" frameborder="0" style="border:0" allowfullscreen=""></iframe>\n </div>\n</section>\n',"contacts/7.jpg"),n.RegisterDesignBlock("Contacts",'<section class="fdb-block pt-0" style="background-image: url({{imagesDir}}/shapes/8.svg)">\n <div class="bg-gray">\n <div class="container">\n <div class="row-100"></div>\n <div class="row text-left">\n <div class="col-8">\n <h1>Contact Us</h1>\n <p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>\n </div>\n </div>\n <div class="row-100"></div>\n </div>\n </div>\n <div class="container bg-r">\n <div class="row-100"></div>\n <div class="row">\n <div class="col-12 col-md-6 col-lg-5">\n <h2>Call or email</h2>\n <p class="text-large">Support, Sales, and Account Management services are currently available in English</p>\n\n <p class="h3 mt-4 mt-lg-5">\n <strong>Support</strong>\n </p>\n <p>\n +800 3005 4300\n </p>\n <p>\n <a href="https://www.froala.com">Contact Support</a>\n </p>\n <p>\n Our technical support is available by phone or email from 11am to 11pm BST, Monday through Friday.\n </p>\n\n <p class="h3 mt-4 mt-lg-5">\n <strong>Sales</strong>\n </p>\n <p>\n +800 3005 4300\n </p>\n <p>\n <a href="https://www.froala.com">Contact Sales</a>\n </p>\n <p>\n Our technical support is available by phone or email from 11am to 11pm BST, Monday through Friday.\n </p>\n\n <p class="h3 mt-4 mt-lg-5">\n <strong>General inquiries</strong>\n </p>\n <p>\n <a href="https://www.froala.com">hello@website.com</a>\n </p>\n </div>\n\n <div class="col-12 col-md-6 ml-auto">\n <h2>Drop us a line</h2>\n <form>\n <div class="row">\n <div class="col">\n <input type="text" class="form-control" placeholder="First name">\n </div>\n <div class="col">\n <input type="text" class="form-control" placeholder="Last name">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <input type="text" class="form-control" placeholder="Company Name">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <input type="email" class="form-control" placeholder="Email">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <input type="text" class="form-control" placeholder="Phone">\n </div>\n <div class="col">\n <input type="text" class="form-control" placeholder="Country">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <select class="form-control" required="">\n <option value="">Select Department</option>\n <option value="1">Support</option>\n <option value="2">Sales</option>\n <option value="3">Accounting</option>\n </select>\n </div>\n </div>\n <div class="row mt-4">\n <div class="col">\n <textarea class="form-control" name="message" rows="5" placeholder="How can we help?"></textarea>\n </div>\n </div>\n <div class="row mt-4">\n <div class="col">\n <button type="submit" class="btn btn-primary">Submit</button>\n </div>\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n',"contacts/8.jpg"),n.RegisterDesignBlock("Contacts",'<section class="fdb-block bg-gray">\n <div class="container">\n <div class="row text-center justify-content-center">\n <div class="col-12 col-md-8 col-lg-7">\n <p class="h2">support@website.com</p>\n <p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>\n <p><br></p>\n <p class="h2">\n <a href="https://www.froala.com" class="mx-2"><i class="fab fa-facebook"></i></a>\n <a href="https://www.froala.com" class="mx-2"><i class="fab fa-twitter"></i></a>\n <a href="https://www.froala.com" class="mx-2"><i class="fab fa-instagram"></i></a>\n <a href="https://www.froala.com" class="mx-2"><i class="fab fa-google"></i></a>\n <a href="https://www.froala.com" class="mx-2"><i class="fab fa-pinterest"></i></a>\n </p>\n </div>\n </div>\n </div>\n</section>\n',"contacts/9.jpg"),n.RegisterDesignBlock("Contacts",'<section class="fdb-block">\n <div class="container">\n <div class="row text-center justify-content-center">\n <div class="col-12 col-md-8 col-lg-7">\n <h1>Contact Us</h1>\n <p class="lead">Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>\n </div>\n </div>\n <div class="row-70"></div>\n <div class="row">\n <div class="col-12 col-md-8 col-lg m-auto">\n <form>\n <div class="row">\n <div class="col">\n <input type="email" class="form-control" placeholder="Enter email">\n </div>\n </div>\n\n <div class="row mt-4">\n <div class="col">\n <input type="email" class="form-control" placeholder="Subject">\n </div>\n </div>\n <div class="row mt-4">\n <div class="col">\n <textarea class="form-control" name="message" rows="3" placeholder="How can we help?"></textarea>\n </div>\n </div>\n <div class="row mt-4">\n <div class="col">\n <button type="submit" class="btn btn-primary">Submit</button>\n </div>\n </div>\n </form>\n </div>\n\n <div class="col-12 col-md-8 col-lg pt-5 m-auto pt-lg-0">\n <iframe class="mb-4" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2848.8444388087937!2d26.101253041406952!3d44.43635311654287!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b1ff4770adb5b7%3A0x58147f39579fe6fa!2zR3J1cHVsIFN0YXR1YXIgIkPEg3J1yJthIEN1IFBhaWHIm2Ui!5e0!3m2!1sen!2sro!4v1507381157656"\n width="100%" height="200" frameborder="0" style="border:0" allowfullscreen=""></iframe>\n\n <p><strong>Showroom</strong></p>\n <p>\n 71 Pilgrim Avenue<br>Chevy Chase, MD 20815\n </p>\n </div>\n </div>\n </div>\n</section>\n',"contacts/10.jpg")}),function(n,a){"object"==typeof exports&&"undefined"!=typeof module?a(require("froala-pages")):"function"==typeof define&&define.amd?define(["froala-pages"],a):a(n.FroalaPages)}(this,function(n){"use strict";(n=n&&n.hasOwnProperty("default")?n.default:n).RegisterDesignBlock("Contents",'<section class="fdb-block">\n <div class="container">\n <div class="row justify-content-center">\n <div class="col col-md-8 text-center">\n <h1>Froala Design Blocks</h1>\n </div>\n </div>\n </div>\n</section>\n',"contents/1.jpg"),n.RegisterDesignBlock("Contents",'<section class="fdb-block">\n <div class="container">\n <div class="row justify-content-center">\n <div class="col col-md-8 text-center">\n <p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in <a href="https://www.froala.com">Bookmarksgrove</a> right at the coast of the Semantics, a large language\n ocean.</p>\n </div>\n </div>\n </div>\n</section>\n',"contents/2.jpg"),n.RegisterDesignBlock("Contents",'<section class="fdb-block">\n <div class="container">\n <div class="row justify-content-center">\n <div class="col col-md-8 text-center">\n <h1>Froala Design Blocks</h1>\n <p class="lead">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far <a href="https://www.froala.com">World of Grammar</a>.</p>\n </div>\n </div>\n </div>\n</section>\n',"contents/3.jpg"),n.RegisterDesignBlock("Contents",'<section class="fdb-block">\n <div class="container">\n <div class="row">\n <div class="col col-sm-10 col-md-8 text-left">\n <p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>\n </div>\n </div>\n </div>\n</section>\n',"contents/4.jpg"),n.RegisterDesignBlock("Contents",'<section class="fdb-block">\n <div class="container">\n <div class="row justify-content-end">\n <div class="col col-sm-10 col-md-8 text-left">\n <p class="lead">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far <a href="https://www.froala.com">World of Grammar</a>.</p>\n </div>\n </div>\n </div>\n</section>\n',"contents/5.jpg"),n.RegisterDesignBlock("Contents",'<section class="fdb-block">\n <div class="container">\n <div class="row">\n <div class="col text-left">\n <h2>Far far away...</h2>\n\n <p>Far far away, behind the word mountains, far from the countries <a href="https://www.froala.com">Vokalia</a> and <a href="https://www.froala.com">Consonantia</a>, there live the blind texts. Separated they live in Bookmarksgrove right at the coast\n of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>\n\n <p>On her way she met a copy. The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the <a href="https://www.froala.com">Little Blind Text</a> should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their\n agency, where they abused her for their.</p>\n </div>\n </div>\n </div>\n</section>\n',"contents/6.jpg"),n.RegisterDesignBlock("Contents",'<section class="fdb-block">\n <div class="container">\n <div class="row">\n <div class="col text-center">\n <h1>Froala Design Blocks</h1>\n\n <div class="row text-left pt-4">\n <div class="col-12 col-md-6">\n <p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden\n flows by their place far far away.</p>\n </div>\n <div class="col-12 col-md-6">\n <p class="lead">Separated they live in Bookmarksgrove right at the coast of the Semantics, far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at\n the coast.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n',"contents/7.jpg"),n.RegisterDesignBlock("Contents",'<section class="fdb-block">\n <div class="container">\n <div class="row">\n <div class="col text-center">\n <h1>Froala Design Blocks</h1>\n <p class="lead">Subtitle text about launch comes here.</p>\n <p class="lead">\n <a href="https://www.froala.com" class="mx-2">Learn More <i class="fas fa-angle-right"></i></a>\n <a href="https://www.froala.com" class="mx-2">Buy <i class="fas fa-angle-right"></i></a>\n </p>\n </div>\n </div>\n <div class="row justify-content-center">\n <div class="col-6">\n <img alt="image" class="img-fluid mt-5" src="{{imagesDir}}/draws/hosting.svg">\n </div>\n </div>\n </div>\n</section>\n',"contents/8.jpg"),n.RegisterDesignBlock("Contents",'<section class="fdb-block">\n <div class="container">\n <div class="row">\n <div class="col text-center">\n <h1>Froala Design Blocks</h1>\n </div>\n </div>\n\n <div class="row pt-5 justify-content-center align-items-center">\n <div class="col-4">\n <img alt="image" class="img-fluid" src="{{imagesDir}}/draws/developer.svg">\n </div>\n <div class="col-4 offset-1">\n <img alt="image" class="img-fluid" src="{{imagesDir}}/draws/git.svg">\n </div>\n </div>\n </div>\n</section>\n',"contents/9.jpg"),n.RegisterDesignBlock("Contents",'<section class="fdb-block">\n <div class="container">\n <div class="row pb-3">\n <div class="col text-center">\n <h1>Froala Design Blocks</h1>\n </div>\n </div>\n <div class="row pt-5 justify-content-center align-items-center">\n <div class="col-3">\n <img alt="image" class="img-fluid" src="{{imagesDir}}/draws/design-life.svg">\n </div>\n <div class="col-3 offset-1">\n <img alt="image" class="img-fluid" src="{{imagesDir}}/draws/designer.svg">\n </div>\n <div class="col-3 offset-1">\n <img alt="image" class="img-fluid" src="{{imagesDir}}/draws/design-community.svg">\n </div>\n </div>\n </div>\n</section>\n',"contents/10.jpg"),n.RegisterDesignBlock("Contents",'<section class="fdb-block">\n <div class="container">\n <div class="row">\n <div class="col text-center">\n <h1>Froala Design Blocks</h1>\n </div>\n </div>\n\n <div class="row pt-5 justify-content-center align-items-center">\n <div class="col-6 col-md-2">\n <img alt="image" class="img-fluid" src="{{imagesDir}}/shapes/1.svg">\n </div>\n <div class="col-6 col-md-2 offset-md-1">\n <img alt="image" class="img-fluid" src="{{imagesDir}}/shapes/5.svg">\n </div>\n <div class="col-6 col-md-2 mt-4 mt-md-0 offset-md-1">\n <img alt="image" class="img-fluid" src="{{imagesDir}}/shapes/7.svg">\n </div>\n <div class="col-6 col-md-2 mt-4 mt-md-0 offset-md-1">\n <img alt="image" class="img-fluid" src="{{imagesDir}}/shapes/4.svg">\n </div>\n </div>\n </div>\n</section>\n',"contents/11.jpg"),n.RegisterDesignBlock("Contents",'<section class="fdb-block">\n <div class="container">\n <div class="row align-items-center">\n <div class="col-12 col-md-6 col-lg-5">\n <h1>Design Blocks</h1>\n <p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>\n </div>\n <div class="col-12 col-md-6 ml-md-auto mt-4 mt-md-0">