Klaud is a responsive web domain and hosting React JS template
developed on Bootstrap 4.0. 3 Homepage templates built for Domain,
Web Hosting Business who love to work with React JS. It has amazing
and unique layout and ensure that the pages work great regardless
of devices and browsers.

Klaud React JS is a state-of-the-art, Itâ€™s
code base in robust, developer friendly. It is purely React based,
no jQuery needed! itâ€™s very easy to deploy and
the outputs are super fast.

The layout looks beautiful at any size, be it a laptop screen,
iPad, iPhone, Android Mobile or tablets

Features Overview

React JS

A JavaScript library for building user interfaces

Bootstrap 4 Framework:

Bootstrap is the most popular HTML, CSS, and JS framework for
developing responsive, mobile first projects on the web.

3 Creative Home Page

Klaud gives you 4 awesome Home Pages.

Editable In

Yarn â€“ npm

Responsive Layout Design:

What ever you are using the device your site will run as it
should be. iSaas template is fully responsive layout for all type
of devices.

W3 Valid HTML Files :

Klaud template coded with beautiful and clean codes! Some
powerful HTML files 100% valid W3 web standards.

Well Documented :

Klaud template Doc File making with screenshots and very
details how to edit very easy.

HTML Version Here

LIBRARY
- Node.JS
- React Js â€“
- NPM â€“
- Bootstrap â€“
- jQuery â€“
- Popper JS
- FontAwesome Icon â€“
- AOS CSS â€“
Fonts used:
Roboto
Ubuntu

Notes

This item is a static
React version template, Itâ€™s not a WordPress
theme. Demo images are not included in the main downloadable file.
Demo image used only for preview purpose. All images are just used
for preview purposes only and are NOT included in the Template
files. But I have included illustrations with the main file, So you
can use it for your business.

Changes Log:

1.1  React Version Updated - "react-scripts": "^3.4.0"

Show More

Show Less

Included:Quality checked by
Envato
Included:Future
updates

6 months support
from
KeenDevs

Extend support to
12 months

$1.13

Get it now
and save up to
$1.50

Price is in US dollars. Price displayed excludes sales tax.

Item Rating:
Minimum of 3 votes required

Last Update	7 April 20
Created	4 February 20
High Resolution
Compatible Browsers	, , , , ,
Compatible With	,
ThemeForest Files Included	, ,
Columns
Documentation
Layout
Tags	, , , , , , , , , ,

Deliver
better projects faster. Web, design & video assets

Unlimited downloads, from
$16.50/month
Effortless design and video.

Made online by you.

Smart templates ready for any skill
level.

Designers matched perfectly to

you on Envato Studio

2000 artists ready to undertake
your work

Quick
Links
Explore
popular categories

Web Themes &
Templates

Video

Audio

Code

Placeit

Free Tools

Elements

Tuts+

Envato Market

Help

Our Community

Meet Envato

64,143,480items
sold

$919,644,840community earnings

All
prices are in US dollars and exclude sales tax
Â©
2021 Envato Pty Ltd. Trademarks and brands are the property of
their respective owners.

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

by

All prices are in US dollars and exclude
sales tax

//

//
<![CDATA[
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;

var consentCookie = getCookie('CookieConsent');

if (consentCookie) {
var hasConsent = Market.Helpers.CookieConsent.given('statistics');

if (hasConsent) {
setupGoogleAnalytics();
loadGoogleAnalytics();
loadLinkingForAllAccounts();
}
} else {
setupGoogleAnalytics();
loadGoogleAnalytics();
loadLinkingForAllAccounts();
}

window.addEventListener('CookiebotOnAccept', function (e) {
if (Cookiebot.consent.statistics) {
if (!(window.ga && ga.create)) {
setupGoogleAnalytics();
loadGoogleAnalytics();
loadLinkingForAllAccounts();
}
} else {
unloadGoogleAnalytics()
}
if (!consentToExperimentsEnrollmentGiven()) {
unenrollFromExperiments();
}
}, false);

function getCookie(name) {
var name = name + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var cookieContent = decodedCookie.split(';');

for(var i = 0; i {
if (
document.readyState === ‘interactive’ ||
document.readyState === ‘complete’
) {
resolve()
} else {
document.addEventListener(
‘DOMContentLoaded’,
() => {
resolve()
},
{
capture: true,
once: true,
passive: true
}
)
}
})
}

function consentToExperimentsEnrollmentGiven () {
return Market.Helpers.CookieConsent.given(‘preferences’) && Market.Helpers.CookieConsent.given(‘statistics’);
}

function unenrollFromExperiments() {
var activeExperimentsConfig = {“globalExperiment”:{“id”:”Q4KMAh3BQ4qNUNsdMXdprg”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[1,9],”requires”:{}},”ipx2a”:{“id”:”KpbHvpNOQK2mqcFRtWzlAQ”,”loadingCover”:false,”variants”:[“0″,”1″,”2″],”domain”:”themeforest.net”,”variantsWeights”:[1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”storefrontCodeCanyon”:{“id”:”qv0h1k7JTwen6K2sEuOK3Q”,”loadingCover”:false,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”experimentsValidation”:{“id”:”1X7vcdkATjqR60bYrm8Xsw”,”loadingCover”:false,”variants”:[“0″,”1″,”2″],”domain”:”themeforest.net”,”variantsWeights”:[1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}}}
var deletedCookies = [];

_.each(activeExperimentsConfig, function(expConfig, name) {
var cookieName = “market_experiment_” + expConfig.id;

if ($.cookie(cookieName) != null && $.cookie(cookieName) != ” && typeof($.cookie(cookieName)) != ‘undefined’) {
$.removeCookie(cookieName, { path: ‘/’, domain: ‘.’ + expConfig.domain });
deletedCookies.push(cookieName);
}
});

if(deletedCookies.length > 0 && typeof(t) != ‘undefined’) {
ga(t+’.set’, “exp”, null);
ga(t+’.set’, “dimension21”, null);
ga(t+’.set’, “dimension22”, null);
}
}

function enrolIntoActiveExperiments() {
var activeExperimentsConfig = {“globalExperiment”:{“id”:”Q4KMAh3BQ4qNUNsdMXdprg”,”loadingCover”:true,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[1,9],”requires”:{}},”ipx2a”:{“id”:”KpbHvpNOQK2mqcFRtWzlAQ”,”loadingCover”:false,”variants”:[“0″,”1″,”2″],”domain”:”themeforest.net”,”variantsWeights”:[1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”storefrontCodeCanyon”:{“id”:”qv0h1k7JTwen6K2sEuOK3Q”,”loadingCover”:false,”variants”:[“0″,”1″],”domain”:”themeforest.net”,”variantsWeights”:[1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}},”experimentsValidation”:{“id”:”1X7vcdkATjqR60bYrm8Xsw”,”loadingCover”:false,”variants”:[“0″,”1″,”2″],”domain”:”themeforest.net”,”variantsWeights”:[1,1,1],”requires”:{“globalExperiment”:{“variants”:[1]}}}}

var independentExperimentConfigs = _.reduce(activeExperimentsConfig, function(memo, expConfig, name) {
if(_.isEmpty(expConfig.requires)) {
memo[name] = expConfig;
}
return memo;
}, {});

var dependentExperimentConfigs = _.reduce(activeExperimentsConfig, function(memo, expConfig, name) {
if(!_.isEmpty(expConfig.requires)) {
memo[name] = expConfig;
}
return memo;
}, {});

var experimentsConfig = {…independentExperimentConfigs, …dependentExperimentConfigs};

if (!_.isEmpty(experimentsConfig)) {
var experimentEnrolments = createExperimentEnrollments(experimentsConfig);
window.dispatchEvent(new CustomEvent(‘ExperimentsReady’, { payload: experimentEnrolments }));
}
}

function areRequirementsMet(experimentsConfig, requiredExperiments) {
return _.reduce(requiredExperiments, function(memo, requiredExperimentVariants, requiredExperimentName){
var requiredExperiment = experimentsConfig[requiredExperimentName];
var requiredExperimentCookieName = “market_experiment_” + requiredExperiment.id;
var requiredExperimentVariantEnabled = _.contains(requiredExperimentVariants.variants, +$.cookie(requiredExperimentCookieName));

return memo && requiredExperimentVariantEnabled;
}, true)
}

function selectExperimentVariant(expConfig) {
var variantWeights = _.object(expConfig.variants, expConfig.variantsWeights);

return _.chain(variantWeights).map(function (weight, variant) {
return _.times(weight, function() { return variant; });
}).flatten().sample().value();
}

function createExperimentEnrollments(activeExperimentsConfig) {
var enrollments = _.reduce(activeExperimentsConfig, function(memo, expConfig, name) {
var cookieName = “market_experiment_” + expConfig.id;

if (!$.cookie(cookieName)) {
var requirementsMet = areRequirementsMet(activeExperimentsConfig, expConfig.requires);

if (requirementsMet) {
var variant = selectExperimentVariant(expConfig)
$.cookie(cookieName, variant, { expires: 365, domain: expConfig.domain, path: ‘/’ });
}
}
if ($.cookie(cookieName)) {
memo[expConfig.id] = $.cookie(cookieName);
}

return memo;
}, {});

var enrollmentsString = _.map(_.pairs(enrollments), function(pair) { return pair.join(“.”); }).join(“!”);

ga(t+’.set’, “exp”, enrollmentsString);
ga(t+’.set’, “dimension21”, enrollmentsString);
ga(t+’.set’, “dimension22”, enrollmentsString);

return enrollments;
}

function loadLinkingForAllAccounts() {
domLoaded().then(() => {
var ACCOUNTS = [“m”];
window._envGaTrackerNames = ACCOUNTS;

for (var i = 0; i < ACCOUNTS.length; i++) {
t = ACCOUNTS[i];

ga(t+'.require', 'linker');

ga(t+'.require', 'linkid', 'linkid.js');
};

document.body.addEventListener('click', function(event) {
decorateLink(event);
});
document.body.addEventListener('contextmenu', function(event) {
// Aside from a normal click, we need to handle the variety of ways users
// can open a link in a new tab
// Right click to open context menu
decorateLink(event);
});
document.body.addEventListener('mousedown', function(event) {
// Aside from a normal click, we need to handle the variety of ways users
// can open a link in a new tab
// Middle mouse button click
if (event.button === 1) {
decorateLink(event);
}
});
});
}

function decorateLink(event) {

var ACCOUNTS = ["m"];
window._envGaTrackerNames = ACCOUNTS;

var currentTarget = jQuery(event.target);
var link = currentTarget.closest('a')[0];
var ourDomains = ["activeden.net","audiojungle.net","themeforest.net","videohive.net","graphicriver.net","3docean.net","codecanyon.net","photodune.net","market.styleguide.envato.com","elements.envato.com","build.envatohostedservices.com","author.envato.com","tutsplus.com","sites.envato.com"];
var filteredDomains = ourDomains.filter(function(domain) {
return domain !== document.location.hostname;
});

for (var i = 0; i < ACCOUNTS.length; i++) {
t = ACCOUNTS[i];

if (link && link.href) {
if (filteredDomains.includes(link.hostname) || currentSiteLinkOpensInNewWindow(link)) {
ga(t+'.linker:decorate', link)
}
}
}
}

function currentSiteLinkOpensInNewWindow(link) {
return document.location.hostname === link.hostname && link.target === '_blank';
}

function setupGoogleAnalytics() {
(function () {
var accountId = "UA-11834194-7";
window['ga-disable-'+accountId] = false;

if (Market.Helpers.GaLsUtils.localStorageAvailable()) {
var options = {"name":"m","allowLinker":true};

options.storage = "none";
options.clientId = Market.Helpers.GaLsUtils.getClientId();

var clientIdValid = Market.Helpers.GaLsUtils.clientIdValid(options.clientId);
if (!clientIdValid) {
options.clientId = null;
}

ga("create", "UA-11834194-7", options);
ga(function() {
var tracker = ga.getByName(options.name);
Market.Helpers.GaLsUtils.storeClientId(tracker.get('clientId'));
})
} else {
ga("create", "UA-11834194-7", {"name":"m","allowLinker":true});
}

var ACCOUNTS = ["m"];
window._envGaTrackerNames = ACCOUNTS;

for (var i = 0; i

//
<![CDATA[

if (typeof Cookiebot !== 'undefined' && Cookiebot.consent && Cookiebot.consent.statistics ) {
enableGoogleAnalyticsLinkWrapper();
} else {
window.addEventListener('CookiebotOnAccept', function (e) {
if (Cookiebot.consent.statistics) {
enableGoogleAnalyticsLinkWrapper();
}
}, false);
}

function enableGoogleAnalyticsLinkWrapper() {
// GA: universal analytics link wrapper
(function(){
window._envTrkrs = [["m", "UA-11834194-7"]];

var debug = false;
var MAX_RETRIES = 10;

/*
The script needs to wait until the Analytics script
has been downloaded from Google before initializing
*/
var waitForAnalytics = function(){
this.count = this.count || 0;

if (window.ga && ga.getByName) {
e.init();
} else {
if (count < MAX_RETRIES) { setTimeout(waitForAnalytics, 250); }
count++;
}
};

var e = {
_envArray: [],
_envTrkrs: (window._envTrkrsCust && window._envTrkrsCust.length) ? window._envTrkrs.concat(window._envTrkrsCust) : window._envTrkrs,
init: function() {
for (var i=0; i < _envTrkrs.length; i++) {
if(!ga.getByName(_envTrkrs[i][0])) {
if (Market.Helpers.GaLsUtils.localStorageAvailable()) {
var clientId = Market.Helpers.GaLsUtils.getClientId();

ga("create", _envTrkrs[i][1], "auto", {name: _envTrkrs[i][0], storage: "none", clientId: clientId, allowLinker: true});
} else {
ga("create", _envTrkrs[i][1], "auto", {name: _envTrkrs[i][0], allowLinker: true});
}
}
}

document.addEventListener('DOMContentLoaded', function(){
e.wrapperInit();
});

if (debug) {console.log('Initiated');}
},
wrapperInit: function() {
if (typeof window._envIsRunning != 'undefined' || window._envIsRunning == true) {
return
}
window._envIsRunning = true;

if (document.addEventListener) {
document.addEventListener('click', function(event){
var target = event.target;
if (target && target.tagName === 'A') {
e._envLinksTracker(event);
}
});
}
},
isInArray: function(e, t) {
for (var n = 0; n < t.length; n++) {
var r = new RegExp(t[n], 'i');
if (r.test(e)) {
return n
}
}
return -1
},
_envTrackevent: function(e, t, n, r) {
for (var i = 0; i < this._envTrkrs.length; i++) {
var s = this._envTrkrs[i][0].length == 0 ? '' : this._envTrkrs[i][0] + '.';
r.length == 0 ? ga(s + 'send', 'event', e, t, n) : ga(s + 'send', 'event', e, t, n, r)
}
},
_envTrackpageview: function(e, t) {
t = t.charAt(0) == '/' ? t : '/' + t;
for (var n = 0; n

//

//

Download

LIBRARY

Fonts used:

Notes

About the author

admin

Features Overview

LIBRARY

Fonts used:

Notes

More items by KeenDevs

You may also like

About the author

admin

More items by
KeenDevs