Website updated

This commit is contained in:
Manoj Vivek 2020-03-14 13:16:06 +05:30
parent 4fce7d66f9
commit 77845126d3
4 changed files with 196 additions and 889 deletions

View file

@ -1,5 +1,5 @@
{
"name": "leap",
"name": "responsively-website",
"version": "2.0.0",
"lockfileVersion": 1,
"requires": true,
@ -1256,6 +1256,11 @@
"integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
"dev": true
},
"array-uniq": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
"integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY="
},
"array-unique": {
"version": "0.3.2",
"resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
@ -1503,8 +1508,7 @@
"balanced-match": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
"dev": true
"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c="
},
"base": {
"version": "0.11.2",
@ -1633,7 +1637,6 @@
"version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
"dev": true,
"requires": {
"balanced-match": "^1.0.0",
"concat-map": "0.0.1"
@ -2091,8 +2094,7 @@
"commander": {
"version": "2.20.0",
"resolved": "https://registry.npmjs.org/commander/-/commander-2.20.0.tgz",
"integrity": "sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ==",
"dev": true
"integrity": "sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ=="
},
"component-bind": {
"version": "1.0.0",
@ -2115,8 +2117,7 @@
"concat-map": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
"dev": true
"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
},
"concat-stream": {
"version": "1.6.2",
@ -2661,6 +2662,11 @@
"integrity": "sha512-C5oOBdqJTYago4PBeew9duLqWZ3SlDnTRM+PMIgZd/ILFrT5AfaAGd3jRNEfuPklFHFqOjfwbCvXpyzEYb5sXg==",
"dev": true
},
"email-addresses": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/email-addresses/-/email-addresses-3.1.0.tgz",
"integrity": "sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg=="
},
"emoji-regex": {
"version": "7.0.3",
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
@ -2870,8 +2876,7 @@
"escape-string-regexp": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
"integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
"dev": true
"integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
},
"eslint": {
"version": "6.3.0",
@ -3528,6 +3533,30 @@
"flat-cache": "^2.0.1"
}
},
"filename-reserved-regex": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/filename-reserved-regex/-/filename-reserved-regex-1.0.0.tgz",
"integrity": "sha1-5hz4BfDeHJhFZ9A4bcXfUO5a9+Q="
},
"filenamify": {
"version": "1.2.1",
"resolved": "https://registry.npmjs.org/filenamify/-/filenamify-1.2.1.tgz",
"integrity": "sha1-qfL/0RxQO+0wABUCknI3jx8TZaU=",
"requires": {
"filename-reserved-regex": "^1.0.0",
"strip-outer": "^1.0.0",
"trim-repeated": "^1.0.0"
}
},
"filenamify-url": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/filenamify-url/-/filenamify-url-1.0.0.tgz",
"integrity": "sha1-syvYExnvWGO3MHi+1Q9GpPeXX1A=",
"requires": {
"filenamify": "^1.0.0",
"humanize-url": "^1.0.0"
}
},
"fill-range": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
@ -3791,8 +3820,7 @@
"fs.realpath": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
"integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
"dev": true
"integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
},
"fsevents": {
"version": "1.2.9",
@ -4423,11 +4451,71 @@
"assert-plus": "^1.0.0"
}
},
"gh-pages": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/gh-pages/-/gh-pages-2.2.0.tgz",
"integrity": "sha512-c+yPkNOPMFGNisYg9r4qvsMIjVYikJv7ImFOhPIVPt0+AcRUamZ7zkGRLHz7FKB0xrlZ+ddSOJsZv9XAFVXLmA==",
"requires": {
"async": "^2.6.1",
"commander": "^2.18.0",
"email-addresses": "^3.0.1",
"filenamify-url": "^1.0.0",
"fs-extra": "^8.1.0",
"globby": "^6.1.0"
},
"dependencies": {
"array-union": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
"integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=",
"requires": {
"array-uniq": "^1.0.1"
}
},
"async": {
"version": "2.6.3",
"resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
"integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
"requires": {
"lodash": "^4.17.14"
}
},
"fs-extra": {
"version": "8.1.0",
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
"integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
"requires": {
"graceful-fs": "^4.2.0",
"jsonfile": "^4.0.0",
"universalify": "^0.1.0"
}
},
"globby": {
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
"integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=",
"requires": {
"array-union": "^1.0.1",
"glob": "^7.0.3",
"object-assign": "^4.0.1",
"pify": "^2.0.0",
"pinkie-promise": "^2.0.0"
}
},
"jsonfile": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
"integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
"requires": {
"graceful-fs": "^4.1.6"
}
}
}
},
"glob": {
"version": "7.1.4",
"resolved": "https://registry.npmjs.org/glob/-/glob-7.1.4.tgz",
"integrity": "sha512-hkLPepehmnKk41pUGm3sYxoFs/umurYfYJCerbXEyFIWcAzvpipAgVkBqqT9RBKMGjnq6kMuyYwha6csxbiM1A==",
"dev": true,
"requires": {
"fs.realpath": "^1.0.0",
"inflight": "^1.0.4",
@ -4576,8 +4664,7 @@
"graceful-fs": {
"version": "4.2.2",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.2.tgz",
"integrity": "sha512-IItsdsea19BoLC7ELy13q1iJFNmd7ofZH5+X/pJr90/nRoPEX0DJo1dHDbgtYWOhJhcCgMDTOw84RZ72q6lB+Q==",
"dev": true
"integrity": "sha512-IItsdsea19BoLC7ELy13q1iJFNmd7ofZH5+X/pJr90/nRoPEX0DJo1dHDbgtYWOhJhcCgMDTOw84RZ72q6lB+Q=="
},
"gulp": {
"version": "4.0.2",
@ -5172,6 +5259,15 @@
"sshpk": "^1.7.0"
}
},
"humanize-url": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/humanize-url/-/humanize-url-1.0.1.tgz",
"integrity": "sha1-9KuZ4NKIF0yk4eUEB8VfuuRk7/8=",
"requires": {
"normalize-url": "^1.0.0",
"strip-url-auth": "^1.0.0"
}
},
"iconv-lite": {
"version": "0.4.24",
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@ -5234,7 +5330,6 @@
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
"integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
"dev": true,
"requires": {
"once": "^1.3.0",
"wrappy": "1"
@ -5243,8 +5338,7 @@
"inherits": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
"dev": true
"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
},
"ini": {
"version": "1.3.5",
@ -5562,6 +5656,11 @@
"integrity": "sha512-CKstxrctq1kUesU6WhtZDbYKzzYBuRH0UYInAVrkc/EYdB9ltbfE0gOoayG9nhohG6447sOOVGhHqsdmBvkbNg==",
"dev": true
},
"is-plain-obj": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
"integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4="
},
"is-plain-object": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
@ -5990,8 +6089,7 @@
"lodash": {
"version": "4.17.15",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
"integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
"dev": true
"integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A=="
},
"lodash.assignin": {
"version": "4.2.0",
@ -6320,7 +6418,6 @@
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
"integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
"dev": true,
"requires": {
"brace-expansion": "^1.1.7"
}
@ -6589,6 +6686,17 @@
"integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
"dev": true
},
"normalize-url": {
"version": "1.9.1",
"resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-1.9.1.tgz",
"integrity": "sha1-LMDWazHqIwNkWENuNiDYWVTGbDw=",
"requires": {
"object-assign": "^4.0.1",
"prepend-http": "^1.0.0",
"query-string": "^4.1.0",
"sort-keys": "^1.0.0"
}
},
"now-and-later": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.1.tgz",
@ -6640,8 +6748,7 @@
"object-assign": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
"integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
"dev": true
"integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
},
"object-component": {
"version": "0.0.3",
@ -6797,7 +6904,6 @@
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
"integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
"dev": true,
"requires": {
"wrappy": "1"
}
@ -7021,8 +7127,7 @@
"path-is-absolute": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
"integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
"dev": true
"integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
},
"path-key": {
"version": "2.0.1",
@ -7077,20 +7182,17 @@
"pify": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
"integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
"dev": true
"integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw="
},
"pinkie": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
"integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=",
"dev": true
"integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA="
},
"pinkie-promise": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
"integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
"dev": true,
"requires": {
"pinkie": "^2.0.0"
}
@ -7200,6 +7302,11 @@
"integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=",
"dev": true
},
"prepend-http": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
"integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw="
},
"pretty-hrtime": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
@ -7282,6 +7389,15 @@
"integrity": "sha1-HPyyXBCpsrSDBT/zn138kjOQjP4=",
"dev": true
},
"query-string": {
"version": "4.3.4",
"resolved": "https://registry.npmjs.org/query-string/-/query-string-4.3.4.tgz",
"integrity": "sha1-u7aTucqRXCMlFbIosaArYJBD2+s=",
"requires": {
"object-assign": "^4.1.0",
"strict-uri-encode": "^1.0.0"
}
},
"rafl": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/rafl/-/rafl-1.2.2.tgz",
@ -8461,6 +8577,14 @@
}
}
},
"sort-keys": {
"version": "1.1.2",
"resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz",
"integrity": "sha1-RBttTTRnmPG05J6JIK37oOVD+a0=",
"requires": {
"is-plain-obj": "^1.0.0"
}
},
"source-map": {
"version": "0.5.7",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
@ -8644,6 +8768,11 @@
"limiter": "^1.0.5"
}
},
"strict-uri-encode": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
"integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM="
},
"string-width": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
@ -8723,6 +8852,19 @@
"integrity": "sha512-VTyMAUfdm047mwKl+u79WIdrZxtFtn+nBxHeb844XBQ9uMNTuTHdx2hc5RiAJYqwTj3wc/xe5HLSdJSkJ+WfZw==",
"dev": true
},
"strip-outer": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/strip-outer/-/strip-outer-1.0.1.tgz",
"integrity": "sha512-k55yxKHwaXnpYGsOzg4Vl8+tDrWylxDEpknGjhTiZB8dFRU5rTo9CAzeycivxV3s+zlTKwrs6WxMxR95n26kwg==",
"requires": {
"escape-string-regexp": "^1.0.2"
}
},
"strip-url-auth": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/strip-url-auth/-/strip-url-auth-1.0.1.tgz",
"integrity": "sha1-IrD6OkE4WzO+PzMVUbu4N/oM164="
},
"supports-color": {
"version": "5.5.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@ -9026,6 +9168,14 @@
"integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=",
"dev": true
},
"trim-repeated": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/trim-repeated/-/trim-repeated-1.0.0.tgz",
"integrity": "sha1-42RqLqTokTEr9+rObPsFOAvAHCE=",
"requires": {
"escape-string-regexp": "^1.0.2"
}
},
"trim-right": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz",
@ -9221,8 +9371,7 @@
"universalify": {
"version": "0.1.2",
"resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
"integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
"dev": true
"integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg=="
},
"unpipe": {
"version": "1.0.0",
@ -9505,8 +9654,7 @@
"wrappy": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
"integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
"dev": true
"integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
},
"write": {
"version": "1.0.3",

View file

@ -1,13 +1,12 @@
{
"author": "Medium Rare",
"private": true,
"name": "leap",
"name": "responsively-website",
"version": "2.0.0",
"description": "Software and SaaS Bootstrap Theme",
"main": "gulpfile.js",
"scripts": {
"start": "./node_modules/.bin/gulp",
"build": "./node_modules/.bin/gulp build",
"deploy": "gh-pages -d dist",
"postinstall": "gulp deps"
},
"browserslist": "Safari > 10, Firefox > 40, Chrome > 40, ie >= 11",
@ -31,6 +30,7 @@
"countup.js": "~2.0.2",
"flatpickr": "~4.6.1",
"flickity": "~2.2.0",
"gh-pages": "^2.2.0",
"inter-ui": "^3.9.0",
"ion-rangeslider": "~2.3.0",
"isotope-layout": "~3.0.6",

View file

@ -1,327 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<script>
var environment = 'development';
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-150751006-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-150751006-2');
</script>
<meta charset="utf-8">
<title>Responsively App</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A modified dev-friently browser that aids easy responsively web application development.">
<link href="assets/css/loaders/loader-typing.css" rel="stylesheet" type="text/css" media="all" />
<link href="assets/css/theme-desktop-app.css" rel="stylesheet" type="text/css" media="all" />
<link rel="preload" as="font" href="assets/fonts/Inter-UI-upright.var.woff2" type="font/woff2"
crossorigin="anonymous">
<link rel="preload" as="font" href="assets/fonts/Inter-UI.var.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="apple-touch-icon" sizes="57x57" href="/assets/img/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/assets/img/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/assets/img/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/assets/img/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/assets/img/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/assets/img/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/assets/img/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/assets/img/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/assets/img/favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/assets/img/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicons/favicon-16x16.png">
<link rel="manifest" href="/assets/img/favicons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/assets/img/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<script type="text/javascript">
window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=t.forceSSL||"https:"===document.location.protocol,a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=(r?"https:":"http:")+"//cdn.heapanalytics.com/js/heap-"+e+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])};
heap.load("4003482642");
window.addEventListener('DOMContentLoaded', function() {
var scrollHeight = document.documentElement.scrollHeight - window.innerHeight;
var quarterHeight = scrollHeight / 4;
var quarters = 0;
var scrollDistance, divisible, percent;
document.addEventListener("scroll", function() {
scrollDistance = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;
divisible = Math.trunc(scrollDistance / quarterHeight);
if (quarters < divisible && divisible !== Infinity){
scrollPercent = divisible * 25;
heap.track('Scroll Depth', {percent: scrollPercent});
quarters++;
}
});
});
</script>
</head>
<body class="loaded">
<div class="loader">
<div class="loading-animation"></div>
</div>
<div class="navbar-container bg-primary-3">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary-3" data-sticky="top">
<div class="container">
<a class="navbar-brand" href="/">
<img src="assets/img/responsively-logo.png" alt="Responsively" width="60px"> Responsively
</a>
<div class="navbar-links-container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse"
aria-expanded="false" aria-label="Toggle navigation">
<img class="icon navbar-toggler-open" src="assets/img/icons/interface/menu.svg" alt="menu interface icon"
data-inject-svg />
<img class="icon navbar-toggler-close" src="assets/img/icons/interface/cross.svg" alt="cross interface icon"
data-inject-svg />
</button>
<div class="collapse navbar-collapse justify-content-end">
<div class="py-2 py-lg-0">
<ul class="navbar-nav">
<li class="nav-item">
<a href="/#Home" class="nav-link" aria-expanded="false"
aria-haspopup="true">Home</a>
</li>
<li class="nav-item">
<a href="/#Benefits" class="nav-link" aria-expanded="false"
aria-haspopup="true">Benefits</a>
</li>
<li class="nav-item">
<a href="/#Features" class="nav-link" aria-expanded="false"
aria-haspopup="true">Features</a>
</li>
<!--<li class="nav-item">
<a href="/#How-It-Works" class="nav-link"
aria-expanded="false" aria-haspopup="true">How it works</a>
</li>
-->
<li class="nav-item">
<a href="/#Pricing" class="nav-link" aria-expanded="false"
aria-haspopup="true">Pricing</a>
</li>
<li class="nav-item">
<a href="/#Contact-Us" class="nav-link"
aria-expanded="false" aria-haspopup="true">Contact Us</a>
</li>
</ul>
</div>
<a href="/download.html" class="btn btn-primary ml-lg-3">Try for Free</a>
</div>
</div>
</div>
</nav>
</div>
<section id="auto" class="bg-primary-3 text-light text-center has-divider">
<div class="container">
<div class="row text-center py-6">
<div class="col">
<h1>Your download should start automatically</h1>
<div class="lead mb-4">If the download doesn't start, <a href="#manual" class="light-link">Click here</a> to download manually.</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-8 col-xl-7">
<img src="assets/img/screenshot.png" alt="Image" class="shadow-lg">
</div>
</div>
</div>
</section>
<section id="manual">
<div class="container text-center">
<div class="row mb-4">
<div class="col">
<h2>Available for all major operating systems</h2>
</div>
</div>
<div class="row text-center">
<div class="col-md-4 mb-5" data-aos="fade-up" data-aos-delay="100">
<div class="icon-round bg-primary mx-auto mb-4">
<img class="icon bg-primary" src="assets/img/logos/brand/apple.svg" alt="icon" data-inject-svg />
</div>
<a id="macOs" href="https://responsively-updates.s3.amazonaws.com/stable/ResponsivelyApp.dmg" class="m-1 btn btn-white border">
<h4 class="m-1">Download for Mac</h4>
</a>
</div>
<div class="col-md-4 mb-5" data-aos="fade-up" data-aos-delay="200">
<div class="icon-round bg-primary mx-auto mb-4">
<img class="icon bg-primary" src="assets/img/icons/custom/windows-icon.svg" alt="icon" data-inject-svg />
</div>
<a id="windowsOs" href="https://responsively-updates.s3.amazonaws.com/stable/ResponsivelyApp-Setup.exe" class="m-1 btn btn-white border">
<h4 class="m-1">Download for Windows</h4>
</a>
</div>
<div class="col-md-4 mb-5" data-aos="fade-up" data-aos-delay="300">
<div class="icon-round bg-primary mx-auto mb-4">
<img class="icon bg-primary" src="assets/img/icons/custom/linux-icon.svg" alt="icon" data-inject-svg />
</div>
<a id="linuxOs" href="https://responsively-updates.s3.amazonaws.com/stable/ResponsivelyApp.AppImage" class="m-1 btn btn-white border">
<h4 class="m-1">Download for Linux</h4>
</a>
</div>
</div>
<p><em>Feel free to contact us at <a href="mailto:hello@responsively.app">hello@responsively.app</a>, if you need any help.</em></p>
</div>
</section>
<footer id="Contact-Us" class="pb-1 bg-primary-3 text-light">
<div class="container">
<div class="row mb-5">
<div class="col">
<div class="card card-body border-0 o-hidden mb-0 bg-primary text-light">
<div class="position-relative d-flex flex-column flex-md-row justify-content-between align-items-center">
<div class="h3 text-center mb-md-0">Start building beautiful websites</div>
<a href="/#Pricing" class="btn btn-lg btn-white">
Purchase Now
</a>
</div>
<div class="decoration layer-0">
<img class="bg-primary-2" src="assets/img/decorations/deco-blob-1.svg" alt="deco-blob-1 decoration"
data-inject-svg />
</div>
</div>
</div>
</div>
<div class="row mb-5">
<div class="col-6 col-lg">
<h5>Contact</h5>
<ul class="list-unstyled">
<li class="mb-3 d-flex">
<img class="icon" src="assets/img/icons/theme/communication/mail.svg" alt="mail icon" data-inject-svg />
<div class="ml-3">
<a href="mailto:hello@responsively.app">hello@responsively.app</a>
</div>
</li>
<li class="mb-3 d-flex">
<img class="icon" src="assets/img/icons/theme/communication/chat-6.svg" alt="chat icon" data-inject-svg />
<div class="ml-3">
<a href="#" class="contactUsLink">Chat with us</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://browser.sentry-cdn.com/5.7.1/bundle.min.js" integrity="sha384-KMv6bBTABABhv0NI+rVWly6PIRvdippFEgjpKyxUcpEmDWZTkDOiueL5xW+cztZZ" crossorigin="anonymous">
</script>
<script>
Sentry.init({ dsn: 'https://915a075be4c74f569758e0e3cceb89c2@sentry.io/1793834', environment });
</script>
<!-- Required vendor scripts (Do not remove) -->
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/popper.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<!-- Optional Vendor Scripts (Remove the plugin script here and comment initializer script out of index.js if site does not use that feature) -->
<!-- AOS (Animate On Scroll - animates elements into view while scrolling down) -->
<script type="text/javascript" src="assets/js/aos.js"></script>
<!-- Clipboard (copies content from browser into OS clipboard) -->
<script type="text/javascript" src="assets/js/clipboard.js"></script>
<!-- Fancybox (handles image and video lightbox and galleries) -->
<script type="text/javascript" src="assets/js/jquery.fancybox.min.js"></script>
<!-- Flatpickr (calendar/date/time picker UI) -->
<script type="text/javascript" src="assets/js/flatpickr.min.js"></script>
<!-- Flickity (handles touch enabled carousels and sliders) -->
<script type="text/javascript" src="assets/js/flickity.pkgd.min.js"></script>
<!-- Ion rangeSlider (flexible and pretty range slider elements) -->
<script type="text/javascript" src="assets/js/ion.rangeSlider.min.js"></script>
<!-- Isotope (masonry layouts and filtering) -->
<script type="text/javascript" src="assets/js/isotope.pkgd.min.js"></script>
<!-- jarallax (parallax effect and video backgrounds) -->
<script type="text/javascript" src="assets/js/jarallax.min.js"></script>
<script type="text/javascript" src="assets/js/jarallax-video.min.js"></script>
<script type="text/javascript" src="assets/js/jarallax-element.min.js"></script>
<!-- jQuery Countdown (displays countdown text to a specified date) -->
<script type="text/javascript" src="assets/js/jquery.countdown.min.js"></script>
<!-- jQuery smartWizard facilitates steppable wizard content -->
<script type="text/javascript" src="assets/js/jquery.smartWizard.min.js"></script>
<!-- Plyr (unified player for Video, Audio, Vimeo and Youtube) -->
<script type="text/javascript" src="assets/js/plyr.polyfilled.min.js"></script>
<!-- Prism (displays formatted code boxes) -->
<script type="text/javascript" src="assets/js/prism.js"></script>
<!-- ScrollMonitor (manages events for elements scrolling in and out of view) -->
<script type="text/javascript" src="assets/js/scrollMonitor.js"></script>
<!-- Smooth scroll (animation to links in-page)-->
<script type="text/javascript" src="assets/js/smooth-scroll.polyfills.min.js"></script>
<!-- SVGInjector (replaces img tags with SVG code to allow easy inclusion of SVGs with the benefit of inheriting colors and styles)-->
<script type="text/javascript" src="assets/js/svg-injector.umd.production.js"></script>
<!-- TwitterFetcher (displays a feed of tweets from a specified account)-->
<script type="text/javascript" src="assets/js/twitterFetcher_min.js"></script>
<!-- Typed text (animated typing effect)-->
<script type="text/javascript" src="assets/js/typed.min.js"></script>
<!-- Required theme scripts (Do not remove) -->
<script type="text/javascript" src="assets/js/theme.js"></script>
<!-- Removes page load animation when window is finished loading -->
<script type="text/javascript">
//window.addEventListener("load", function () { document.querySelector('body').classList.add('loaded'); });
</script>
<script>
var macOs = 'macOs';
var windowsOs = 'windowsOs';
var linuxOs = 'linuxOs';
function getOS() {
var userAgent = window.navigator.userAgent,
platform = window.navigator.platform,
macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'],
windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'],
iosPlatforms = ['iPhone', 'iPad', 'iPod'],
os = null;
if (macosPlatforms.indexOf(platform) !== -1) {
os = macOs;
} else if (iosPlatforms.indexOf(platform) !== -1) {
os = 'iOS';
} else if (windowsPlatforms.indexOf(platform) !== -1) {
os = windowsOs;
} else if (/Android/.test(userAgent)) {
os = 'Android';
} else if (!os && /Linux/.test(platform)) {
os = linuxOs;
}
return os;
}
window.addEventListener('load', () => {
setTimeout(() => {
var os = getOS();
var downloadLink = document.getElementById(os);
if (downloadLink) {
downloadLink.click();
}
}, 2000);
});
</script>
<script>
function triggerFC() {
window.fcWidget.open();
window.fcWidget.show();
window.heap.track('freshChatOpened');
return false;
}
theme.mrUtil.forEach(document.getElementsByClassName('contactUsLink'), function (index, element) {
element.onclick = triggerFC;
});
</script>
<script>
function initFreshChat() {
window.fcWidget.init({
token: "d025854c-9eaf-42f4-8ab4-d346ae8f8f17",
host: "https://wchat.freshchat.com"
});
}
function initialize(i, t) { var e; i.getElementById(t) ? initFreshChat() : ((e = i.createElement("script")).id = t, e.async = !0, e.src = "https://wchat.freshchat.com/js/widget.js", e.onload = initFreshChat, i.head.appendChild(e)) } function initiateCall() { initialize(document, "freshchat-js-sdk") } window.addEventListener ? window.addEventListener("load", initiateCall, !1) : window.attachEvent("load", initiateCall, !1);
</script>
</body>
</html>

View file

@ -2,9 +2,6 @@
<html lang="en">
<head>
<script>
var environment = 'development';
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-150751006-2"></script>
<script>
@ -40,25 +37,6 @@
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/assets/img/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<script type="text/javascript">
window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=t.forceSSL||"https:"===document.location.protocol,a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=(r?"https:":"http:")+"//cdn.heapanalytics.com/js/heap-"+e+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])};
heap.load("4003482642");
window.addEventListener('DOMContentLoaded', function() {
var scrollHeight = document.documentElement.scrollHeight - window.innerHeight;
var quarterHeight = scrollHeight / 4;
var quarters = 0;
var scrollDistance, divisible, percent;
document.addEventListener("scroll", function() {
scrollDistance = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop;
divisible = Math.trunc(scrollDistance / quarterHeight);
if (quarters < divisible && divisible !== Infinity){
scrollPercent = divisible * 25;
heap.track('Scroll Depth', {percent: scrollPercent});
quarters++;
}
});
});
</script>
</head>
<body class="loaded">
@ -84,33 +62,20 @@
<div class="py-2 py-lg-0">
<ul class="navbar-nav">
<li class="nav-item">
<a href="/#Home" class="nav-link" aria-expanded="false"
aria-haspopup="true">Home</a>
</li>
<li class="nav-item">
<a href="/#Benefits" class="nav-link" aria-expanded="false"
<a href="#Benefits" class="nav-link" aria-expanded="false"
aria-haspopup="true">Benefits</a>
</li>
<li class="nav-item">
<a href="/#Features" class="nav-link" aria-expanded="false"
<a href="#Features" class="nav-link" aria-expanded="false"
aria-haspopup="true">Features</a>
</li>
<!--<li class="nav-item">
<a href="/#How-It-Works" class="nav-link"
aria-expanded="false" aria-haspopup="true">How it works</a>
</li>
-->
<li class="nav-item">
<a id="pricingHeaderLink" href="/#Pricing" class="nav-link" aria-expanded="false"
aria-haspopup="true">Pricing</a>
</li>
<li class="nav-item">
<a href="/#Contact-Us" class="nav-link"
aria-expanded="false" aria-haspopup="true">Contact Us</a>
<a href="https://github.com/manojVivek/responsively-app" target="_blank" class="nav-link" aria-expanded="false"
aria-haspopup="true">Open source</a>
</li>
</ul>
</div>
<a id="tryForFreeHeaderLink" href="/download.html" class="btn btn-primary ml-lg-3">Try for Free</a>
<a href="https://github.com/manojVivek/responsively-app/releases" target="_blank" class="btn btn-primary ml-lg-3">Download now</a>
</div>
</div>
</div>
@ -124,9 +89,8 @@
<h1 class="display-3">Develop responsive web-apps 5x faster!</h1>
<p class="lead">A must-have DevTool for all Front-End developers that will make your job easier.</p>
<div class="d-flex flex-column flex-sm-row justify-content-center mt-4">
<a id="tryForFreeMainCTA" href="/download.html" class="btn btn-lg btn-primary mx-2 mb-2 mb-sm-0">Try for Free</a>
<a id="buyMainCTA" href="#Pricing" class="btn btn-lg btn-outline-primary mx-2">
<span>Buy Now</span>
<a href="https://github.com/manojVivek/responsively-app/releases" target="_blank" class="btn btn-lg btn-outline-primary mx-2">
<span>Download now and use it for free!</span>
</a>
</div>
</div>
@ -148,7 +112,7 @@
<h2 class="h1">Web Engineering cannot get any easier!</h2>
</div>
</div>
<div class="row text-center">
<div class="row text-center justify-content-center">
<div class="col-md-4" data-aos="fade-up" data-aos-delay="100">
<div class="icon-round bg-primary mx-auto mb-4">
<img class="icon bg-primary" src="assets/img/icons/custom/devices-preview.svg" alt="icon" data-inject-svg />
@ -165,13 +129,6 @@
<p class="lead mx-xl-3">Use your already-familiar dev-tools from the browser.<br> No additional learning
curve!</p>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="300">
<div class="icon-round bg-primary mx-auto mb-4">
<img class="icon bg-primary" src="assets/img/icons/custom/collaboration.svg" alt="icon" data-inject-svg />
</div>
<h4>Efficient Collaboration</h4>
<p class="lead mx-xl-3">Easy ways for collaboration between developers and designers.</p>
</div>
</div>
</div>
</section>
@ -299,259 +256,6 @@
</div>
</section>
-->
<section class="bg-primary-3 o-hidden has-divider">
<div class="divider flip-y">
<img src="assets/img/dividers/divider-2.svg" alt="graphical divider" data-inject-svg />
</div>
<div class="container pb-4 text-light">
<div class="row justify-content-center text-center mb-6">
<div class="col-xl-10 col-lg-9">
<h2 class="display-4 mx-xl-6">Users love Responsively!</h2>
<p class="lead">
Don't take our word for it, hear how much happier our users with the benefits.
</p>
</div>
</div>
</div>
<div class="controls-light arrows-inside highlight-selected mb-6">
<div class="carousel-cell col-xl-3 col-lg-4 col-md-5 col-9 pb-1">
<div class="card card-body">
<div class="mb-3 mb-md-4">
<img src="assets/img/avatars/male-1.jpg" alt="Avatar" class="avatar avatar-lg">
</div>
<div class="flex-grow-1 pt-md-3">
<h4>
&ldquo;I couldnt have done it without the team from Leap.&rdquo;
</h4>
</div>
<div class="avatar-author d-block mt-2">
<h6>Benjamin Cameron</h6>
<span>Designer</span>
</div>
</div>
</div>
<div class="carousel-cell col-xl-3 col-lg-4 col-md-5 col-9 pb-1">
<div class="card card-body">
<div class="mb-3 mb-md-4">
<img src="assets/img/avatars/male-4.jpg" alt="Avatar" class="avatar avatar-lg">
</div>
<div class="flex-grow-1 pt-md-3">
<h4>
&ldquo;It covers all bases for a bootstrapped startup!&rdquo;
</h4>
</div>
<div class="avatar-author d-block mt-2">
<h6>Marco Origez</h6>
<span>Developer</span>
</div>
</div>
</div>
<div class="carousel-cell col-xl-3 col-lg-4 col-md-5 col-9 pb-1">
<div class="card card-body">
<div class="mb-3 mb-md-4">
<img src="assets/img/avatars/female-4.jpg" alt="Avatar" class="avatar avatar-lg">
</div>
<div class="flex-grow-1 pt-md-3">
<h4>
&ldquo;I fell in love with the design immediately, the best.&rdquo;
</h4>
</div>
<div class="avatar-author d-block mt-2">
<h6>Helen Shultz</h6>
<span>Business Owner</span>
</div>
</div>
</div>
<div class="carousel-cell col-xl-3 col-lg-4 col-md-5 col-9 pb-1">
<div class="card card-body">
<div class="mb-3 mb-md-4">
<img src="assets/img/avatars/female-3.jpg" alt="Avatar" class="avatar avatar-lg">
</div>
<div class="flex-grow-1 pt-md-3">
<h4>
&ldquo;The team were very helpful, thrilled with Leap.&rdquo;
</h4>
</div>
<div class="avatar-author d-block mt-2">
<h6>Annabelle Porter</h6>
<span>Designer</span>
</div>
</div>
</div>
<div class="carousel-cell col-xl-3 col-lg-4 col-md-5 col-9 pb-1">
<div class="card card-body">
<div class="mb-3 mb-md-4">
<img src="assets/img/avatars/female-2.jpg" alt="Avatar" class="avatar avatar-lg">
</div>
<div class="flex-grow-1 pt-md-3">
<h4>
&ldquo;A fully-fledged design toolkit. I love this theme.&rdquo;
</h4>
</div>
<div class="avatar-author d-block mt-2">
<h6>Gabby Kidman</h6>
<span>Business Owner</span>
</div>
</div>
</div>
<div class="carousel-cell col-xl-3 col-lg-4 col-md-5 col-9 pb-1">
<div class="card card-body">
<div class="mb-3 mb-md-4">
<img src="assets/img/avatars/male-5.jpg" alt="Avatar" class="avatar avatar-lg">
</div>
<div class="flex-grow-1 pt-md-3">
<h4>
&ldquo;A beautifully detailed product without compromise.&rdquo;
</h4>
</div>
<div class="avatar-author d-block mt-2">
<h6>Andrew Kingsman</h6>
<span>Business Owner</span>
</div>
</div>
</div>
</div>
<div class="divider">
<img src="assets/img/dividers/divider-2.svg" alt="graphical divider" data-inject-svg />
</div>
</section>
<section id="Pricing">
<div class="container">
<div class="row justify-content-center text-center mb-6">
<div class="col-xl-9 col-lg-9">
<h2 class="display-4 mx-xl-6">Simple, affordable pricing</h2>
<p class="lead">
You can't buy time, but you can save your time with Responsively!
</p>
</div>
</div>
<div class="row justify-content-center mb-3">
<div class="col-lg-8 col-xl-6">
<form id="buyForm">
<div>
<label class="h5">Select your number of users</label>
<div class="seats-slider-wrapper">
<input data-seats-slider="" id="buy-seats" class="seats-slider" type="range" min="1" max="51" value="1"
step="1" class="seats-slider" oninput="mrUpdatePrice(this.value)"
onchange="mrUpdatePrice(this.value)">
<i></i>
<i></i>
<i></i>
<i></i>
</div>
<!----
<input type="text" data-ion-rangeslider data-values="1,2,3,4,5,6,7,8,9,10,11+" data-from="1" data-step="1" data-grid="true" data-grid-snap="true" data-on-change="mrUpdatePrice" data-unit-selector=".js-users-word" data-unit-single="Device" data-unit-plural="Devices"
data-from-selector=".js-users-per-month" data-hide-from-to="false" />
--->
</div>
<div class="mt-5 card card-body justify-content-center text-center shadow-3d">
<div class="text-muted">
<span class="js-users-per-month">1</span>
<span class="js-users-word">Device</span>
</div>
<div class="d-flex justify-content-center my-3">
<span class="h3 pt-1 mr-1 js-dollar-sign">$</span>
<span class="display-3 js-price-per-month">4.99</span>
<span class="h3 pt-1 mr-1 js-dollar-sign text-muted per-device-text">&nbsp;/device/month</span>
</div>
<div class="js-pricing-charge-description-container">
<div class="text-small text-muted js-pricing-charge-description">
<span>Total charge per month: $</span>
<span class="total-price-per-month">4.99</span>
</div>
</div>
<button class="btn btn-lg btn-primary mt-3 js-pricing-submit-button" type="submit" id="buyButton">Buy
subscription</button>
<button class="btn btn-lg btn-primary mt-3 js-pricing-submit-button d-none" type="submit"
id="contactUsButton">Get in touch now</button>
<button
class="btn btn-lg btn-primary mt-3 js-pricing-submit-button d-none btn-loading btn-loading-animate"
type="submit" disabled id="pleaseWaitMessage"><img class="icon"
src="assets/img/icons/theme/code/loading.svg" alt="loading icon" data-inject-svg />
<span>Please wait...</span></button>
</div>
<div class="row">
<div class="col text-center">
<span>Interested in a custom plan? <a href="#" class="hover-arrow contactUsLink">Get in
touch</a>
</span>
</div>
</div>
</form>
<div id="thankyou" class="pt-5 card card-body shadow-3d d-none">
<h2 class="h1 text-center">Subscription successful! 🎉</h2>
<p class="lead mx-xl-3 text-center">Please check your email for the license key and installation instructions.</p>
<p class="mt-5 mx-xl-3 text-center small">Feel free to contact us at <a href="mailto:hello@responsively.app">hello@responsively.app</a> if you have any questions.</p>
</div>
</div>
</div>
</div>
</section>
<section class="pt-0">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-8 col-lg-9">
<h3 class="h2">Frequently Asked Questions</h3>
<div class="my-4">
<div class="card mb-2 card-sm card-body hover-shadow-sm" data-aos="fade-up" data-aos-delay="NaN">
<div data-target="#panel-3" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-3">
<span class="h6 mb-0">Can I try the app before I purchase it?</span>
<img class="icon" src="assets/img/icons/interface/plus.svg" alt="plus interface icon" data-inject-svg />
</div>
<div class="collapse" id="panel-3">
<div class="pt-3">
<p class="mb-0">
Yes, you can. Just download the app from <a href="/download.html">here</a> and try it for free.
</p>
</div>
</div>
</div>
<div class="card mb-2 card-sm card-body hover-shadow-sm" data-aos="fade-up" data-aos-delay="NaN">
<div data-target="#panel-4" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-4">
<span class="h6 mb-0">Do you offer bulk discounts?</span>
<img class="icon" src="assets/img/icons/interface/plus.svg" alt="plus interface icon" data-inject-svg />
</div>
<div class="collapse" id="panel-4">
<div class="pt-3">
<p class="mb-0">
Yes, please get in touch at <a href="mailto:hello@responsively.app">hello@responsively.app</a> and we can discuss what is the best we can do.
</p>
</div>
</div>
</div>
<div class="card mb-2 card-sm card-body hover-shadow-sm" data-aos="fade-up" data-aos-delay="NaN">
<div data-target="#panel-1" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-1">
<span class="h6 mb-0">Can I add more users to an existing subscription?</span>
<img class="icon" src="assets/img/icons/interface/plus.svg" alt="plus interface icon" data-inject-svg />
</div>
<div class="collapse" id="panel-1">
<div class="pt-3">
<p class="mb-0">
Yes, you can. Just get in touch at <a href="mailto:hello@responsively.app">hello@responsively.app</a> with the required changes and we will switch you to the new pricing tier.
</p>
</div>
</div>
</div>
<div class="card mb-2 card-sm card-body hover-shadow-sm" data-aos="fade-up" data-aos-delay="NaN">
<div data-target="#panel-5" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-5">
<span class="h6 mb-0">What is your refund policy?</span>
<img class="icon" src="assets/img/icons/interface/plus.svg" alt="plus interface icon" data-inject-svg />
</div>
<div class="collapse" id="panel-5">
<div class="pt-3">
<p class="mb-0">
We do not offer refunds.
</p>
</div>
</div>
</div>
</div>
<span>Still have questions? <a href="#" class="hover-arrow contactUsLink">Get in touch</a>
</span>
</div>
</div>
</div>
</section>
<!--trusted section -->
<footer id="Contact-Us" class="pb-1 bg-primary-3 text-light">
<div class="container">
@ -560,8 +264,8 @@
<div class="card card-body border-0 o-hidden mb-0 bg-primary text-light">
<div class="position-relative d-flex flex-column flex-md-row justify-content-between align-items-center">
<div class="h3 text-center mb-md-0">Start building beautiful websites</div>
<a href="/#Pricing" class="btn btn-lg btn-white">
Purchase Now
<a href="https://github.com/manojVivek/responsively-app/releases" target="_blank" class="btn btn-lg btn-white">
Download Now
</a>
</div>
<div class="decoration layer-0">
@ -569,35 +273,10 @@
data-inject-svg />
</div>
</div>
</div>
</div>
<div class="row mb-5">
<div class="col-6 col-lg">
<h5>Contact</h5>
<ul class="list-unstyled">
<li class="mb-3 d-flex">
<img class="icon" src="assets/img/icons/theme/communication/mail.svg" alt="mail icon" data-inject-svg />
<div class="ml-3">
<a href="mailto:hello@responsively.app">hello@responsively.app</a>
</div>
</li>
<li class="mb-3 d-flex">
<img class="icon" src="assets/img/icons/theme/communication/chat-6.svg" alt="chat icon" data-inject-svg />
<div class="ml-3">
<a href="#" class="contactUsLink">Chat with us</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://browser.sentry-cdn.com/5.7.1/bundle.min.js" integrity="sha384-KMv6bBTABABhv0NI+rVWly6PIRvdippFEgjpKyxUcpEmDWZTkDOiueL5xW+cztZZ" crossorigin="anonymous">
</script>
<script>
Sentry.init({ dsn: 'https://915a075be4c74f569758e0e3cceb89c2@sentry.io/1793834', environment });
</script>
<!-- Required vendor scripts (Do not remove) -->
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/popper.min.js"></script>
@ -650,199 +329,6 @@
<script>
var flkty = new Flickity( '.controls-light', { "autoPlay": true, "imagesLoaded": true, "wrapAround": true });
</script>
<script>
function triggerFC() {
window.fcWidget.open();
window.fcWidget.show();
window.heap.track('freshChatOpened');
return false;
}
theme.mrUtil.forEach(document.getElementsByClassName('contactUsLink'), function (index, element) {
element.onclick = triggerFC;
});
</script>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script type="text/javascript">
var paymentDevices = 1;
var paymentPricePerDevice = 4.99;
var maxDevices = 50;
var mrUpdatePrice = (function () {
var priceElements = document.querySelectorAll('.js-price-per-month');
var hideSignup = document.querySelectorAll('.js-pricing-charge-description');
var dollarSign = document.querySelectorAll('.js-dollar-sign');
var totalPricePerMonth = document.querySelectorAll('.total-price-per-month');
var deviceCount = document.querySelectorAll('.js-users-per-month');
var deviceText = document.querySelectorAll('.js-users-word');
var payButton = document.querySelectorAll('#buyButton');
var contactUsButton = document.querySelectorAll('#contactUsButton');
var prices = ['Free', '99', '120', '169', '209', '239', '279', '299', '329', '369', 'Contact us'];
var updatePrice = function (data) {
// Hide or show dollar sign based on value "FREE" or "Contact us"
var quantity = data;//.from;
window.heap.track('buySliderInteracted', {"quantity": quantity});
window.heap.addUserProperties({'buySliderInteracted': 'true'});
var price = 4.99;
if (quantity > 1 && quantity < 10) {
price = 3.99;
}
if (quantity > 9 && quantity <= 50) {
price = 2.99;
}
if (quantity > 50) {
price = 'Contact us';
}
paymentDevices = quantity;
paymentPricePerDevice = price;
theme.mrUtil.forEach(dollarSign, function (index, element) {
element.classList[quantity > maxDevices ? 'add' : 'remove']('d-none');
});
theme.mrUtil.forEach(hideSignup, function (index, element) {
element.classList[quantity > maxDevices ? 'add' : 'remove']('d-none');
});
theme.mrUtil.forEach(deviceCount, function (index, element) {
element.textContent = quantity <= maxDevices ? quantity : `${maxDevices}+`;
});
theme.mrUtil.forEach(deviceText, function (index, element) {
element.textContent = quantity == 1 ? 'Device' : 'Devices';
});
theme.mrUtil.forEach(payButton, function (index, element) {
element.classList[quantity > maxDevices ? 'add' : 'remove']('d-none');
});
theme.mrUtil.forEach(contactUsButton, function (index, element) {
element.classList[quantity > maxDevices ? 'remove' : 'add']('d-none');
});
theme.mrUtil.forEach(priceElements, function (index, element) {
element.textContent = price;
});
theme.mrUtil.forEach(totalPricePerMonth, function (index, element) {
element.textContent = Math.round((price * quantity) * 100) / 100;
});
};
return updatePrice;
})();
function findPlanFromQuantity(quantity) {
let planName = 'Solo';
if (quantity > 1 && quantity < 10) {
planName = 'Small Team';
}
if (quantity > 9 && quantity <= 50) {
planName = 'Large Team';
}
return planName;
}
function postPaymentHandler(response) {
window.heap.track('paymentSuccessful', {response: JSON.stringify(response)});
setThankYouMessage(true);
}
function getSubscriptionId(quantity) {
return postData('https://dev-api.responsively.app/create-subscription', { quantity: quantity })
.then(resp => {
if(!resp.status) {
window.heap.track('subscribeCreationFailed', {"response": JSON.stringify(resp)});
return null;
}
return resp.subscriptionId
});
}
function postData(url = '', data = {}) {
// Default options are marked with *
return fetch(url, {
method: 'POST', // *GET, POST, PUT, DELETE, etc.
cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
headers: {
'Content-Type': 'application/json'
// 'Content-Type': 'application/x-www-form-urlencoded',
},
redirect: 'follow', // manual, *follow, error
referrer: 'no-referrer', // no-referrer, *client
body: JSON.stringify(data) // body data type must match "Content-Type" header
}).then(response => response.json());
}
function setLoading(isLoading) {
var pleaseWaitMessage = document.querySelectorAll('#pleaseWaitMessage');
var buyButton = document.querySelectorAll('#buyButton');
theme.mrUtil.forEach(buyButton, function (index, element) {
element.classList[isLoading ? 'add' : 'remove']('d-none');
});
theme.mrUtil.forEach(pleaseWaitMessage, function (index, element) {
element.classList[isLoading ? 'remove' : 'add']('d-none');
});
}
function setThankYouMessage(isSuccessful) {
var thankYouMessage = document.querySelectorAll('#thankyou');
var buyForm = document.querySelectorAll('#buyForm');
theme.mrUtil.forEach(buyForm, function (index, element) {
element.classList[isSuccessful ? 'add' : 'remove']('d-none');
});
theme.mrUtil.forEach(thankYouMessage, function (index, element) {
element.classList[isSuccessful ? 'remove' : 'add']('d-none');
});
}
function triggerPayment(e) {
e.preventDefault();
setLoading(true);
console.log('paymentDevices, paymentPricePerDevice', paymentDevices, paymentPricePerDevice);
window.heap.track('subscribeButtonClicked', {"quantity": paymentDevices});
const planName = findPlanFromQuantity(paymentDevices);
getSubscriptionId(paymentDevices).then(subscriptionId => {
if (!subscriptionId) {
alert(`The request couldn't be processed, please try again`);
setLoading(false);
return;
}
window.heap.track('subscriptionCreated', {'subscriptionId': subscriptionId});
let razorpay = new Razorpay({
"key": "rzp_test_DVeigAo0o0my9U",
"subscription_id": subscriptionId,
"name": "Responsively App",
"description": `plan: ${planName}`,
"image": "/assets/img/responsively-logo.png",
"handler": postPaymentHandler,
"modal": {
"ondismiss": function () {
window.heap.track('paymentWindowClosed');
setLoading(false);
}
},
});
razorpay.open();
window.heap.track('paymentWindowOpened');
});
return false;
}
document.getElementById('buyButton').onclick = triggerPayment;
document.getElementById('contactUsButton').onclick = triggerFC;
</script>
<script>
function initFreshChat() {
window.fcWidget.init({
token: "d025854c-9eaf-42f4-8ab4-d346ae8f8f17",
host: "https://wchat.freshchat.com"
});
}
function initialize(i, t) { var e; i.getElementById(t) ? initFreshChat() : ((e = i.createElement("script")).id = t, e.async = !0, e.src = "https://wchat.freshchat.com/js/widget.js", e.onload = initFreshChat, i.head.appendChild(e)) } function initiateCall() { initialize(document, "freshchat-js-sdk") } window.addEventListener ? window.addEventListener("load", initiateCall, !1) : window.attachEvent("load", initiateCall, !1);
</script>
</body>
</html>