Add chat to website (#165)
* prevent eslintrc conflicts * Pricing + chat for website (#124) * Update manage users styles. Implement table (list) view. (#104) The goal of this PR is to change the layout of the manage users to a table (list view). Move the user actions into the table view. Move EditUserForm into a Modal Update styles for InviteUserForm Edit copy for the configuring SMTP warning. * Update query page (edit, new, manage) and packs page (edit, new, manage) styles. (#106) The goal of this PR is to update the style across the query and packs pages so they are consistent with the latest global styles (colors, buttons, and fonts). * Update app settings page and osquery options page styles. (#107) The goal of this PR is to implement the new global styling (colors, buttons, and fonts) to the "App settings" and "Osquery options" pages. These pages are only visible to users granted an admin role. * Fix and clarify API auth documentation (#109) - Fix header name. - Add note about SSO auth. * New styles for 404, 500, Login, User settings, and Confirm invite pages. (#108) - Kolide404 and Kolide500 components renamed to Fleet404 and Fleet500 - Styling for Login and Confirm invite pages are consistent with the recent changes to the Setup page. - Add "*" character to the 404 <Route />'s path property. Now the 404 page renders when there is no exact path match. * Fix JSON in rest-endpoints.md (#110) * Add host enrollment cooldown period (#112) This addresses an issue some users experienced in which performance problems were encountered when hosts were "competing" for enrollment using the same osquery host identifier. The issue is addressed by adding a cooldown period for host enrollment, preventing the same (as judged by osquery host identifier) host from enrolling more than once per minute. When users end up in the problematic scenario, they will see quite a bit of error logs due to this issue. For now that's probably a good thing as users need to be aware of the lack of visibility. We can explore rate limiting the logging if that becomes an issue for someone. Fixes #102 * Improve MySQL transaction error logging (#113) Clarify what exactly happened when logging these errors. * Migrate remaining URLs to fleetdm.com (#116) * Clean up unused test/demo SQL data (#117) * Add style fixes caught during QA. Add favicon. (#119) Changes include style fixes that were caught during a QA pass. * Make password reset styles consistent with new global styles. (#120) The changes include adding sentence casing and updating the styles of the and components. * CHANGELOG for 3.5.0 (#121) * Update fleetctl version number. Fix spelling error in changelog. (#122) * Fix alt tag * Set up pricing cards * Match footer to bottom of gradient * Set up FAQ and stub out chat button click * Add chat, plus some other tweaks. * fiddling with Papercups to hopefully get it to recognize who's responding from the Fleet side * This isn't really a solution but it's the best we've got til Papercups is hacked to allow programmatic opening (or til we switch to something else, or just bring in the traditional contact form) * trivial * Temporary workaround using an undocumented API in papercups Co-authored-by: Rachael Shaw <rachaelshaw@users.noreply.github.com> Co-authored-by: Mike McNeil <mikermcneil@users.noreply.github.com> Co-authored-by: Rachael McNeil <r@rachael.wtf> Co-authored-by: Rachael Shaw <rachaelshaw@users.noreply.github.com>
This commit is contained in:
Mike McNeil
co-authored by
Rachael Shaw
Rachael McNeil
Rachael Shaw
Rachael McNeil
parent
1e0186b820
commit
024fbd1c2d
+4
-2
@@ -5,7 +5,7 @@
|
||||
// A set of basic code conventions designed to encourage quality and consistency
|
||||
// across your Sails app's code base. These rules are checked against
|
||||
// automatically any time you run `npm test`.
|
||||
//
|
||||
//
|
||||
// > An additional eslintrc override file is included in the `assets/` folder
|
||||
// > right out of the box. This is specifically to allow for variations in acceptable
|
||||
// > global variables between front-end JavaScript code designed to run in the browser
|
||||
@@ -22,6 +22,8 @@
|
||||
// or could use some advice, come by https://sailsjs.com/support.
|
||||
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
|
||||
|
||||
"root": true, // « ignore eslintrc files in parent directories
|
||||
|
||||
"env": {
|
||||
"node": true
|
||||
},
|
||||
@@ -40,7 +42,7 @@
|
||||
|
||||
// Models:
|
||||
"User": true
|
||||
|
||||
|
||||
// …and any others.
|
||||
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
|
||||
},
|
||||
|
||||
@@ -20,6 +20,16 @@ parasails.registerPage('homepage', {
|
||||
// ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗
|
||||
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
|
||||
methods: {
|
||||
//…
|
||||
clickChatButton: function() {
|
||||
// Temporary hack to open the chat
|
||||
// (there's currently no official API for doing this outside of React)
|
||||
//
|
||||
// > Alex: hey mike! if you're just trying to open the chat on load, we actually have a `defaultIsOpen` field
|
||||
// > you can set to `true` :) i haven't added the `Papercups.open` function to the global `Papercups` object yet,
|
||||
// > but this is basically what the functions look like if you want to try and just invoke them yourself:
|
||||
// > https://github.com/papercups-io/chat-widget/blob/master/src/index.tsx#L4-L6
|
||||
// > ~Dec 31, 2020
|
||||
window.dispatchEvent(new Event('papercups:open'));
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
@@ -31,6 +31,9 @@
|
||||
.quote-mark {
|
||||
font-family: @header-font;
|
||||
}
|
||||
.footer-fade {
|
||||
background: linear-gradient(360deg, #201E43 0%, #353D62 100%);
|
||||
}
|
||||
@media (max-width: 1175px) {
|
||||
.hero-bg {
|
||||
background-position: -1100px bottom;
|
||||
|
||||
@@ -34,6 +34,7 @@ module.exports.routes = {
|
||||
|
||||
'/company/about': '/blog', // FUTURE: brief "about" page explaining the origins of the company
|
||||
'/company/stewardship': 'https://github.com/fleetdm/fleet', // FUTURE: page about how we approach open source and our commitments to the community
|
||||
// 'GET /company/contact': { action: 'view-contact' },
|
||||
'/company/contact': (req, res)=>{
|
||||
// FUTURE: Page about this. See “Contacting Fleet” in google drive for verbiage (updated holiday hours) - better to just make it all open source and check it in here. For inspiration, see also: https://about.gitlab.com/company/contact/
|
||||
res.redirect('mailto:todo@example.com?subject=I have a question&body=Please do not send this email!\n\nWe are a very young company and still working on our processes. For now, if you have questions or feedback for us, please create an issue at https://github.com/fleetdm/fleet/issues. Thank you!');
|
||||
@@ -44,7 +45,6 @@ module.exports.routes = {
|
||||
// 'GET /faq': { action: 'view-faq' },
|
||||
// 'GET /legal/terms': { action: 'legal/view-terms' },
|
||||
// 'GET /legal/privacy': { action: 'legal/view-privacy' },
|
||||
// 'GET /contact': { action: 'view-contact' },
|
||||
|
||||
// 'GET /signup': { action: 'entrance/view-signup' },
|
||||
// 'GET /email/confirm': { action: 'entrance/confirm-email' },
|
||||
|
||||
@@ -52,7 +52,7 @@
|
||||
|
||||
<%- body %>
|
||||
|
||||
<div style="background-color :#1F1D42; color: #fff;" purpose="page-footer">
|
||||
<div style="background-color: #201E43; color: #fff;" purpose="page-footer">
|
||||
<div style="max-width: 1260px" class="container-fluid px-4 px-sm-5 mx-auto">
|
||||
<div class="row mb-4 mb-md-5 flex-row-reverse">
|
||||
<div class="col-md text-center text-md-right">
|
||||
@@ -106,6 +106,11 @@
|
||||
(https://sailsjs.com/docs/concepts/assets/task-automation)
|
||||
*/ %>
|
||||
|
||||
<% /* Chat (Papercups) */ %>
|
||||
<script>window.Papercups = { config: { accountId: '5b59eeac-1578-4fdb-b946-e17c1dca0c51', showAgentAvailability: true, requireEmailUpfront: true } };</script>
|
||||
<script type="text/javascript" async defer src="https://app.papercups.io/widget.js"></script>
|
||||
<script type="text/javascript" async defer src="https://app.papercups.io/storytime.js"></script>
|
||||
|
||||
<%/* Stripe.js */%>
|
||||
<script src="https://js.stripe.com/v3/"></script>
|
||||
|
||||
@@ -219,7 +224,7 @@
|
||||
document.body.style.padding = '75px 0';
|
||||
}
|
||||
}
|
||||
})();//†
|
||||
})();
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<div style="max-width: 500px" class="prop-statement__container mx-auto mx-sm-0">
|
||||
<h1 class="prop-statement__header mb-4">Open source<br/><span class="d-sm-none"> </span>device management</h1>
|
||||
<p class="prop-statement__paragraph mb-4">Ask questions about your servers, containers, and laptops running Linux, Windows, and macOS. Quickly deploy <a style="color:#fff; font-weight:bold;" target="_blank" href="https://osquery.io/">osquery</a> and scale your fleet to 50,000+ devices on top of a stable core technology.</p>
|
||||
<a target="_blank" href="https://github.com/fleetdm/fleet" style="max-width: 400px;" class="btn btn-block btn-lg btn-primary mb-5">Get started with Fleet</a>
|
||||
<a target="_blank" href="https://github.com/fleetdm/fleet/blob/master/README.md" style="max-width: 400px;" class="btn btn-block btn-lg btn-primary mb-5">Get started with Fleet</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -140,9 +140,9 @@
|
||||
<div style="max-width: 800px" class="pt-5 mx-auto">
|
||||
<div style="max-width: 760px; padding-left: 38px" class="position-relative mx-auto">
|
||||
<span style="font-size: 48px; line-height: 60px; left: 0; top: 0;" class="quote-mark position-absolute">“</span>
|
||||
<p style="font-size: 24px; font-family: 'Lato', sans-serif;">Fleet is hands down the best osquery platform out there. <a target="_blank" href="https://www.linkedin.com/in/zacharywasserman/">Zach</a> and I created Fleet as a natural extension to our original vision for osquery and this has manifested in the ease-of-use, flexibility, and adoption it has today. Look to Fleet for the future of open-source endpoint monitoring.</p>
|
||||
<p style="color: #676A7A" class="mb-4">- Mike Arpaia, Creator of osquery</p>
|
||||
<img alt="Atlassian logo" src="/images/logo-osquery-89x24@2x.png" style="height: 24px; width: 89px;" class="mb-3"/>
|
||||
<p style="font-size: 24px; font-family: 'Lato', sans-serif;">I've been using Fleet to manage thousands of hosts running osquery. Fleet itself is pretty low-maintenance; mostly I don't have to worry about Fleet uptime and instead focus on what matters: deploying osquery, developing better queries, and getting the most out of osquery logs.</p>
|
||||
<p style="color: #676A7A" class="mb-4">- Brendan Shaklovitz, Senior Site Reliability Engineer, Security Team @ Atlassian</p>
|
||||
<img alt="Atlassian logo" src="/images/logo-atlassian-194x24@2x.png" style="height: 24px; width: 194px;" class="mb-3"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -159,13 +159,139 @@
|
||||
<div style="max-width: 800px" class="py-5 mx-auto">
|
||||
<div style="max-width: 760px; padding-left: 38px" class="position-relative mx-auto">
|
||||
<span style="font-size: 48px; line-height: 60px; left: 0; top: 0;" class="quote-mark position-absolute">“</span>
|
||||
<p style="font-size: 24px; font-family: 'Lato', sans-serif;">I've been using Fleet to manage thousands of hosts running osquery. Fleet itself is pretty low-maintenance; mostly I don't have to worry about Fleet uptime and instead focus on what matters: deploying osquery, developing better queries, and getting the most out of osquery logs.</p>
|
||||
<p style="color: #676A7A" class="mb-4">- Brendan Shaklovitz, Senior Site Reliability Engineer, Security Team @ Atlassian</p>
|
||||
<img alt="Atlassian logo" src="/images/logo-atlassian-194x24@2x.png" style="height: 24px; width: 194px;" class="mb-3"/>
|
||||
<p style="font-size: 24px; font-family: 'Lato', sans-serif;">Fleet is hands down the best osquery platform out there. <a target="_blank" href="https://www.linkedin.com/in/zacharywasserman/">Zach</a> and I created Fleet as a natural extension to our original vision for osquery and this has manifested in the ease-of-use, flexibility, and adoption it has today. Look to Fleet for the future of open-source endpoint monitoring.</p>
|
||||
<p style="color: #676A7A" class="mb-4">- Mike Arpaia, Co-creator of osquery</p>
|
||||
<img alt="osquery logo" src="/images/logo-osquery-89x24@2x.png" style="height: 24px; width: 89px;" class="mb-3"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-fade pb-5">
|
||||
<div style="max-width: 1260px;" class="container-fluid pt-5 px-4 px-sm-5 mx-auto">
|
||||
<div style="max-width: 800px" class="pt-5 mx-auto">
|
||||
<h1 style="color: #fff" class="text-center">Choose a plan that suits your needs</h1>
|
||||
<p style="color: #fff" class="text-center mb-5">All plans have unlimited hosts and collaborators.</p>
|
||||
<div style="max-width: 810px;">
|
||||
<div class="row">
|
||||
<div style="max-width: 392px" class="col-lg px-1 mx-auto">
|
||||
<div style="border-radius: 15px;" class="card mb-4">
|
||||
<div class="card-body">
|
||||
<div style="min-height: 125px;" class="text-center mt-4">
|
||||
<p style="font-size: 18px;" class="font-weight-bold mb-0">Core</p>
|
||||
<h2 style="color: #6B6CFA">FREE</h2>
|
||||
<p class="mb-0">/host/month</p>
|
||||
</div>
|
||||
<a target="_blank" href="https://github.com/fleetdm/fleet/blob/master/README.md" style="max-width: 242px;" class="btn btn-block btn-lg btn-info mt-3 mb-4 mx-auto">Start now</a>
|
||||
<div style="max-width: 242px; min-height: 150px" class="mx-auto mb-4">
|
||||
<p style="padding-left: 32px;" class="position-relative mt-3 mb-4">
|
||||
<img alt="a circle with a checkmark" src="/images/check-circle-16x16@2x.png" style="width: 16px; height: 16px; left: 0; top: 4px;" class="position-absolute"/>
|
||||
Open source
|
||||
</p>
|
||||
<p style="padding-left: 32px;" class="position-relative mt-3 mb-4">
|
||||
<img alt="a circle with a checkmark" src="/images/check-circle-16x16@2x.png" style="width: 16px; height: 16px; left: 0; top: 4px;" class="position-absolute"/>
|
||||
Community supported
|
||||
</p>
|
||||
<p style="padding-left: 32px;" class="position-relative mt-3 mb-4">
|
||||
<img alt="a circle with a checkmark" src="/images/check-circle-16x16@2x.png" style="width: 16px; height: 16px; left: 0; top: 4px;" class="position-absolute"/>
|
||||
Bring your own production
|
||||
environment
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="max-width: 392px" class="col-lg px-1 mx-auto">
|
||||
<div style="border-radius: 15px;" class="card mb-4">
|
||||
<div class="card-body">
|
||||
<div style="min-height: 125px;" class="text-center mt-4">
|
||||
<p style="font-size: 18px;" class="font-weight-bold mb-0">Basic</p>
|
||||
<h2 style="color: #6B6CFA">$4</h2>
|
||||
<p class="mb-0">/host/month</p>
|
||||
<p style="color: #8F8EA1; font-size: 13px;" class="mb-0">(USD, billed anually at $48)</p>
|
||||
</div>
|
||||
<button style="max-width: 242px;" class="btn btn-block btn-lg btn-info mt-3 mb-4 mx-auto" @click="clickChatButton()">Get free trial</button>
|
||||
<div style="max-width: 242px; min-height: 150px; padding-bottom: 16px;" class="position-relative mx-auto mb-4">
|
||||
<p style="padding-left: 32px;" class="position-relative mt-3 mb-4">
|
||||
<img alt="a circle with a checkmark" src="/images/check-circle-16x16@2x.png" style="width: 16px; height: 16px; left: 0; top: 4px;" class="position-absolute"/>
|
||||
Multiple teams (RBAC)*
|
||||
</p>
|
||||
<p style="padding-left: 32px;" class="position-relative mt-3 mb-4">
|
||||
<img alt="a circle with a checkmark" src="/images/check-circle-16x16@2x.png" style="width: 16px; height: 16px; left: 0; top: 4px;" class="position-absolute"/>
|
||||
Next business day support
|
||||
</p>
|
||||
<p style="font-size: 13px; bottom: 0; left: 0;" class="position-absolute text-center mb-0 w-100">
|
||||
*Coming 2021
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% /*
|
||||
<div style="max-width: 800px; color: #fff;" class="py-5 mx-auto">
|
||||
<h2 class="text-center mb-4">FAQ</h2>
|
||||
<div class="mb-5">
|
||||
<div style="border-bottom: 1px solid rgba(255,255,255,0.2); padding-right: 20px;" class="position-relative">
|
||||
<p id="faq__question1" style="cursor: pointer;" class="pt-3 mb-3" data-toggle="collapse" data-target="#faq__answer1" aria-controls="faq__answer1">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit?
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="faq__answer1" class="collapse" aria-labelledby="faq__question1">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid rgba(255,255,255,0.2); padding-right: 20px;" class="position-relative">
|
||||
<p id="faq__question2" style="cursor: pointer;" class="pt-3 mb-3" data-toggle="collapse" data-target="#faq__answer2" aria-controls="faq__answer2">
|
||||
Mauris viverra tempus nisl, sed varius leo volutpat sit amet?
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="faq__answer2" class="collapse" aria-labelledby="faq__question2">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid rgba(255,255,255,0.2); padding-right: 20px;" class="position-relative">
|
||||
<p id="faq__question3" style="cursor: pointer;" class="pt-3 mb-3" data-toggle="collapse" data-target="#faq__answer3" aria-controls="faq__answer3">
|
||||
Mauris viverra tempus nisl, sed varius leo volutpat sit amet?
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="faq__answer3" class="collapse" aria-labelledby="faq__question3">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid rgba(255,255,255,0.2); padding-right: 20px;" class="position-relative">
|
||||
<p id="faq__question4" style="cursor: pointer;" class="pt-3 mb-3" data-toggle="collapse" data-target="#faq__answer4" aria-controls="faq__answer4">
|
||||
Mauris viverra tempus nisl, sed varius leo volutpat sit amet?
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="faq__answer4" class="collapse" aria-labelledby="faq__question4">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid rgba(255,255,255,0.2); padding-right: 20px;" class="position-relative">
|
||||
<p id="faq__question5" style="cursor: pointer;" class="pt-3 mb-3" data-toggle="collapse" data-target="#faq__answer5" aria-controls="faq__answer5">
|
||||
Mauris viverra tempus nisl, sed varius leo volutpat sit amet?
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="faq__answer5" class="collapse" aria-labelledby="faq__question5">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
<div style="border-bottom: 1px solid rgba(255,255,255,0.2); padding-right: 20px;" class="position-relative">
|
||||
<p id="faq__question6" style="cursor: pointer;" class="pt-3 mb-3" data-toggle="collapse" data-target="#faq__answer6" aria-controls="faq__answer6">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit?
|
||||
<span style="color: #6A67FE; right: 0; top: 24px;" class="position-absolute fa fa-angle-down"></span>
|
||||
</p>
|
||||
<p id="faq__answer6" class="collapse" aria-labelledby="faq__question6">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="text-center pt-3 mb-4">Still got questions? Get in touch.</h2>
|
||||
<button style="max-width: 242px;" class="btn btn-block btn-lg btn-info my-3 mb-4 mx-auto" @click="clickChatButton()">Contact us</button>
|
||||
</div> */ %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user