<!DOCTYPE html> <html> <head itemscope itemtype="https://schema.org/WebSite"> <meta charset="utf-8"> <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"50be1a5c2f","applicationID":"10371034","transactionName":"JlhdRhEOCQhdExoUEQpTRlEXTgcRQT5XEQ0BW1Y=","queueTime":2,"applicationTime":46,"agent":""}</script> <script type="text/javascript">(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam.nr-data.net"]}};(window.NREUM||(NREUM={})).loader_config={licenseKey:"50be1a5c2f",applicationID:"10371034"};;/*! For license information please see nr-loader-rum-1.274.0.min.js.LICENSE.txt */ (()=>{var e,t,r={8122:(e,t,r)=>{"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),o=0===Object.keys(r).length?e:r;for(let a in o)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):"object"==typeof e[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555:(e,t,r)=>{"use strict";r.d(t,{Vp:()=>c,fn:()=>s,x1:()=>u});var n=r(384),i=r(8122);const o={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0},a={};function s(e){try{const t=c(e);return!!t.licenseKey&&!!t.errorBeacon&&!!t.applicationID}catch(e){return!1}}function c(e){if(!e)throw new Error("All info objects require an agent identifier!");if(!a[e])throw new Error("Info for ".concat(e," was never set"));return a[e]}function u(e,t){if(!e)throw new Error("All info objects require an agent identifier!");a[e]=(0,i.a)(t,o);const r=(0,n.nY)(e);r&&(r.info=a[e])}},9417:(e,t,r)=>{"use strict";r.d(t,{D0:()=>g,gD:()=>h,xN:()=>p});var n=r(993);const i=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var o=r(2614),a=r(944),s=r(384),c=r(8122);const u="[data-nr-mask]",d=()=>{const e={mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,harvestTimeSeconds:10,autoStart:!0},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},feature_flags:[],generic_events:{enabled:!0,harvestTimeSeconds:30,autoStart:!0},harvest:{tooManyRequestsDelay:60},jserrors:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},logging:{enabled:!0,harvestTimeSeconds:10,autoStart:!0,level:n.p_.INFO},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,harvestTimeSeconds:30,autoStart:!0},performance:{capture_marks:!1,capture_measures:!1},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:o.wk,inactiveMs:o.BB},session_replay:{autoStart:!0,enabled:!1,harvestTimeSeconds:60,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){i(t)?e.mask_selector="".concat(t,",").concat(u):""===t||null===t?e.mask_selector=u:(0,a.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){i(t)?e.block_selector+=",".concat(t):""!==t&&(0,a.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,a.R)(7,t)}},session_trace:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},soft_navigations:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},spa:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},ssl:void 0,user_actions:{enabled:!0}}},l={},f="All configuration objects require an agent identifier!";function g(e){if(!e)throw new Error(f);if(!l[e])throw new Error("Configuration for ".concat(e," was never set"));return l[e]}function p(e,t){if(!e)throw new Error(f);l[e]=(0,c.a)(t,d());const r=(0,s.nY)(e);r&&(r.init=l[e])}function h(e,t){if(!e)throw new Error(f);var r=g(e);if(r){for(var n=t.split("."),i=0;i<n.length-1;i++)if("object"!=typeof(r=r[n[i]]))return;r=r[n[n.length-1]]}return r}},3371:(e,t,r)=>{"use strict";r.d(t,{V:()=>f,f:()=>l});var n=r(8122),i=r(384),o=r(6154),a=r(9324);let s=0;const c={buildEnv:a.F3,distMethod:a.Xs,version:a.xv,originTime:o.WN},u={customTransaction:void 0,disabled:!1,isolatedBacklog:!1,loaderType:void 0,maxBytes:3e4,onerror:void 0,ptid:void 0,releaseIds:{},appMetadata:{},session:void 0,denyList:void 0,timeKeeper:void 0,obfuscator:void 0},d={};function l(e){if(!e)throw new Error("All runtime objects require an agent identifier!");if(!d[e])throw new Error("Runtime for ".concat(e," was never set"));return d[e]}function f(e,t){if(!e)throw new Error("All runtime objects require an agent identifier!");d[e]={...(0,n.a)(t,u),...c},Object.hasOwnProperty.call(d[e],"harvestCount")||Object.defineProperty(d[e],"harvestCount",{get:()=>++s});const r=(0,i.nY)(e);r&&(r.runtime=d[e])}},9324:(e,t,r)=>{"use strict";r.d(t,{F3:()=>i,Xs:()=>o,xv:()=>n});const n="1.274.0",i="PROD",o="CDN"},6154:(e,t,r)=>{"use strict";r.d(t,{OF:()=>c,RI:()=>i,WN:()=>d,bv:()=>o,gm:()=>a,mw:()=>s,sb:()=>u});var n=r(1863);const i="undefined"!=typeof window&&!!window.document,o="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),a=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),s=Boolean("hidden"===a?.document?.visibilityState),c=/iPad|iPhone|iPod/.test(a.navigator?.userAgent),u=c&&"undefined"==typeof SharedWorker,d=((()=>{const e=a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);Array.isArray(e)&&e.length>=2&&e[1]})(),Date.now()-(0,n.t)())},1687:(e,t,r)=>{"use strict";r.d(t,{Ak:()=>c,Ze:()=>l,x3:()=>u});var n=r(7836),i=r(3606),o=r(860),a=r(2646);const s={};function c(e,t){const r={staged:!1,priority:o.P3[t]||0};d(e),s[e].get(t)||s[e].set(t,r)}function u(e,t){e&&s[e]&&(s[e].get(t)&&s[e].delete(t),g(e,t,!1),s[e].size&&f(e))}function d(e){if(!e)throw new Error("agentIdentifier required");s[e]||(s[e]=new Map)}function l(e="",t="feature",r=!1){if(d(e),!e||!s[e].get(t)||r)return g(e,t);s[e].get(t).staged=!0,f(e)}function f(e){const t=Array.from(s[e]);t.every((([e,t])=>t.staged))&&(t.sort(((e,t)=>e[1].priority-t[1].priority)),t.forEach((([t])=>{s[e].delete(t),g(e,t)})))}function g(e,t,r=!0){const o=e?n.ee.get(e):n.ee,s=i.i.handlers;if(!o.aborted&&o.backlog&&s){if(r){const e=o.backlog[t],r=s[t];if(r){for(let t=0;e&&t<e.length;++t)p(e[t],r);Object.entries(r).forEach((([e,t])=>{Object.values(t||{}).forEach((t=>{t[0]?.on&&t[0]?.context()instanceof a.y&&t[0].on(e,t[1])}))}))}}o.isolatedBacklog||delete s[t],o.backlog[t]=null,o.emit("drain-"+t,[])}}function p(e,t){var r=e[1];Object.values(t[r]||{}).forEach((t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],o=e[2];n.apply(i,o)}}))}},7836:(e,t,r)=>{"use strict";r.d(t,{P:()=>c,ee:()=>u});var n=r(384),i=r(8990),o=r(3371),a=r(2646),s=r(5607);const c="nr@context:".concat(s.W),u=function e(t,r){var n={},s={},d={},l=!1;try{l=16===r.length&&(0,o.f)(r).isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,o){!1!==o&&(o=!0);if(u.aborted&&!i)return;t&&o&&t.emit(e,r,n);for(var a=g(n),c=h(e),d=c.length,l=0;l<d;l++)c[l].apply(a,r);var p=m()[s[e]];p&&p.push([f,e,r,a]);return a},get:v,listeners:h,context:g,buffer:function(e,t){const r=m();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach((([e,n])=>{s[n]=t,t in r||(r[t]=[])}))},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach((e=>{delete f.backlog[e]}))},isBuffering:function(e){return!!m()[s[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function g(e){return e&&e instanceof a.y?e:e?(0,i.I)(e,c,(()=>new a.y(c))):new a.y(c)}function p(e,t){n[e]=h(e).concat(t)}function h(e){return n[e]||[]}function v(t){return d[t]=d[t]||e(f,t)}function m(){return f.backlog}}(void 0,"globalEE"),d=(0,n.Zm)();d.ee||(d.ee=u)},2646:(e,t,r)=>{"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},9908:(e,t,r)=>{"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,o){o?(o.buffer([e],i),o.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},3606:(e,t,r)=>{"use strict";r.d(t,{i:()=>o});var n=r(9908);o.on=a;var i=o.handlers={};function o(e,t,r,o){a(o||n.d,i,e,t,r)}function a(e,t,r,i,o){o||(o="feature"),e||(e=n.d);var a=t[o]=t[o]||{};(a[r]=a[r]||[]).push([e,i])}},3878:(e,t,r)=>{"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function o(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>o,jT:()=>n,sp:()=>i})},5607:(e,t,r)=>{"use strict";r.d(t,{W:()=>n});const n=(0,r(9566).bz)()},9566:(e,t,r)=>{"use strict";r.d(t,{LA:()=>s,bz:()=>a});var n=r(6154);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function o(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map((e=>"x"===e?o(t,r++).toString(16):"y"===e?(3&o()|8).toString(16):e)).join("")}function s(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var s=0;s<e;s++)a.push(o(r,i++).toString(16));return a.join("")}},2614:(e,t,r)=>{"use strict";r.d(t,{BB:()=>a,H3:()=>n,g:()=>u,iL:()=>c,tS:()=>s,uh:()=>i,wk:()=>o});const n="NRBA",i="SESSION",o=144e5,a=18e5,s={STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},c={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},u={OFF:0,FULL:1,ERROR:2}},1863:(e,t,r)=>{"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},944:(e,t,r)=>{"use strict";function n(e,t){"function"==typeof console.debug&&console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t)}r.d(t,{R:()=>n})},5284:(e,t,r)=>{"use strict";r.d(t,{t:()=>c,B:()=>s});var n=r(7836),i=r(6154);const o="newrelic";const a=new Set,s={};function c(e,t){const r=n.ee.get(t);s[t]??={},e&&"object"==typeof e&&(a.has(t)||(r.emit("rumresp",[e]),s[t]=e,a.add(t),function(e={}){try{i.gm.dispatchEvent(new CustomEvent(o,{detail:e}))}catch(e){}}({loaded:!0})))}},8990:(e,t,r)=>{"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},6389:(e,t,r)=>{"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout((()=>{i=clearTimeout(i)}),t)),n||(clearTimeout(i),i=setTimeout((()=>{e.apply(this,r)}),t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},5289:(e,t,r)=>{"use strict";r.d(t,{GG:()=>o,sB:()=>a});var n=r(3878);function i(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(i())return e();(0,n.sp)("load",e,t)}function a(e){if(i())return e();(0,n.DD)("DOMContentLoaded",e)}},384:(e,t,r)=>{"use strict";r.d(t,{NT:()=>o,US:()=>d,Zm:()=>a,bQ:()=>c,dV:()=>s,nY:()=>u,pV:()=>l});var n=r(6154),i=r(1863);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function a(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function s(){let e=a();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket}),e}function c(e,t){let r=a();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t}function u(e){let t=a();return t.initializedAgents?.[e]}function d(e,t){a()[e]=t}function l(){return function(){let e=a();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=a();const t=e.init||{};e.init={...t}}(),s(),function(){let e=a();const t=e.loader_config||{};e.loader_config={...t}}(),a()}},2843:(e,t,r)=>{"use strict";r.d(t,{u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",(function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)}),r,i)}},3434:(e,t,r)=>{"use strict";r.d(t,{YM:()=>c});var n=r(7836),i=r(5607);const o="nr@original:".concat(i.W);var a=Object.prototype.hasOwnProperty,s=!1;function c(e,t){return e||(e=n.ee),r.inPlace=function(e,t,n,i,o){n||(n="");const a="-"===n.charAt(0);for(let s=0;s<t.length;s++){const c=t[s],u=e[c];d(u)||(e[c]=r(u,a?c+n:n,i,c,o))}},r.flag=o,r;function r(t,r,n,s,c){return d(t)?t:(r||(r=""),nrWrapper[o]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach((function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})})),t}catch(e){u([e],r)}for(var n in e)a.call(e,n)&&(t[n]=e[n])}(t,nrWrapper,e),nrWrapper);function nrWrapper(){var o,a,d,l;try{a=this,o=[...arguments],d="function"==typeof n?n(o,a):n||{}}catch(t){u([t,"",[o,a,s],d],e)}i(r+"start",[o,a,s],d,c);try{return l=t.apply(a,o)}catch(e){throw i(r+"err",[o,a,e],d,c),e}finally{i(r+"end",[o,a,l],d,c)}}}function i(r,n,i,o){if(!s||t){var a=s;s=!0;try{e.emit(r,n,i,t,o)}catch(t){u([t,r,n,i],e)}s=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function d(e){return!(e&&"function"==typeof e&&e.apply&&!e[o])}},993:(e,t,r)=>{"use strict";r.d(t,{ET:()=>o,p_:()=>i});var n=r(860);const i={ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"},o="log";n.K7.logging},3969:(e,t,r)=>{"use strict";r.d(t,{TZ:()=>n,XG:()=>s,rs:()=>i,xV:()=>a,z_:()=>o});const n=r(860).K7.metrics,i="sm",o="cm",a="storeSupportabilityMetrics",s="storeEventMetrics"},6630:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewEvent},782:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewTiming},6344:(e,t,r)=>{"use strict";r.d(t,{G4:()=>i});var n=r(2614);r(860).K7.sessionReplay;const i={RECORD:"recordReplay",PAUSE:"pauseReplay",REPLAY_RUNNING:"replayRunning",ERROR_DURING_REPLAY:"errorDuringReplay"};n.g.ERROR,n.g.FULL,n.g.OFF},4234:(e,t,r)=>{"use strict";r.d(t,{W:()=>o});var n=r(7836),i=r(1687);class o{constructor(e,t){this.agentIdentifier=e,this.ee=n.ee.get(e),this.featureName=t,this.blocked=!1}deregisterDrain(){(0,i.x3)(this.agentIdentifier,this.featureName)}}},7603:(e,t,r)=>{"use strict";r.d(t,{j:()=>P});var n=r(860),i=r(2555),o=r(3371),a=r(9908),s=r(7836),c=r(1687),u=r(5289),d=r(6154),l=r(944),f=r(3969),g=r(384),p=r(6344);const h=["setErrorHandler","finished","addToTrace","addRelease","addPageAction","setCurrentRouteName","setPageViewName","setCustomAttribute","interaction","noticeError","setUserId","setApplicationVersion","start",p.G4.RECORD,p.G4.PAUSE,"log","wrapLogger"],v=["setErrorHandler","finished","addToTrace","addRelease"];var m=r(1863),b=r(2614),y=r(993);var w=r(2646),A=r(3434);function R(e,t,r,n){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,l.R)(29);const i=function(e){return(e||s.ee).get("logger")}(e),o=(0,A.YM)(i),a=new w.y(s.P);return a.level=n.level,a.customAttributes=n.customAttributes,o.inPlace(t,[r],"wrap-logger-",a),i}function E(){const e=(0,g.pV)();h.forEach((t=>{e[t]=(...r)=>function(t,...r){let n=[];return Object.values(e.initializedAgents).forEach((e=>{e&&e.api?e.exposed&&e.api[t]&&n.push(e.api[t](...r)):(0,l.R)(38,t)})),n.length>1?n:n[0]}(t,...r)}))}const x={};function _(e,t,g=!1){t||(0,c.Ak)(e,"api");const h={};var w=s.ee.get(e),A=w.get("tracer");x[e]=b.g.OFF,w.on(p.G4.REPLAY_RUNNING,(t=>{x[e]=t}));var E="api-",_=E+"ixn-";function N(t,r,n,o){const a=(0,i.Vp)(e);return null===r?delete a.jsAttributes[t]:(0,i.x1)(e,{...a,jsAttributes:{...a.jsAttributes,[t]:r}}),j(E,n,!0,o||null===r?"session":void 0)(t,r)}function T(){}h.log=function(e,{customAttributes:t={},level:r=y.p_.INFO}={}){(0,a.p)(f.xV,["API/log/called"],void 0,n.K7.metrics,w),function(e,t,r={},i=y.p_.INFO){(0,a.p)(f.xV,["API/logging/".concat(i.toLowerCase(),"/called")],void 0,n.K7.metrics,e),(0,a.p)(y.ET,[(0,m.t)(),t,r,i],void 0,n.K7.logging,e)}(w,e,t,r)},h.wrapLogger=(e,t,{customAttributes:r={},level:i=y.p_.INFO}={})=>{(0,a.p)(f.xV,["API/wrapLogger/called"],void 0,n.K7.metrics,w),R(w,e,t,{customAttributes:r,level:i})},v.forEach((e=>{h[e]=j(E,e,!0,"api")})),h.addPageAction=j(E,"addPageAction",!0,n.K7.genericEvents),h.setPageViewName=function(t,r){if("string"==typeof t)return"/"!==t.charAt(0)&&(t="/"+t),(0,o.f)(e).customTransaction=(r||"http://custom.transaction")+t,j(E,"setPageViewName",!0)()},h.setCustomAttribute=function(e,t,r=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof t)||null===t)return N(e,t,"setCustomAttribute",r);(0,l.R)(40,typeof t)}else(0,l.R)(39,typeof e)},h.setUserId=function(e){if("string"==typeof e||null===e)return N("enduser.id",e,"setUserId",!0);(0,l.R)(41,typeof e)},h.setApplicationVersion=function(e){if("string"==typeof e||null===e)return N("application.version",e,"setApplicationVersion",!1);(0,l.R)(42,typeof e)},h.start=()=>{try{(0,a.p)(f.xV,["API/start/called"],void 0,n.K7.metrics,w),w.emit("manual-start-all")}catch(e){(0,l.R)(23,e)}},h[p.G4.RECORD]=function(){(0,a.p)(f.xV,["API/recordReplay/called"],void 0,n.K7.metrics,w),(0,a.p)(p.G4.RECORD,[],void 0,n.K7.sessionReplay,w)},h[p.G4.PAUSE]=function(){(0,a.p)(f.xV,["API/pauseReplay/called"],void 0,n.K7.metrics,w),(0,a.p)(p.G4.PAUSE,[],void 0,n.K7.sessionReplay,w)},h.interaction=function(e){return(new T).get("object"==typeof e?e:{})};const S=T.prototype={createTracer:function(e,t){var r={},i=this,o="function"==typeof t;return(0,a.p)(f.xV,["API/createTracer/called"],void 0,n.K7.metrics,w),g||(0,a.p)(_+"tracer",[(0,m.t)(),e,r],i,n.K7.spa,w),function(){if(A.emit((o?"":"no-")+"fn-start",[(0,m.t)(),i,o],r),o)try{return t.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw A.emit("fn-err",[arguments,this,t],r),t}finally{A.emit("fn-end",[(0,m.t)()],r)}}}};function j(e,t,r,i){return function(){return(0,a.p)(f.xV,["API/"+t+"/called"],void 0,n.K7.metrics,w),i&&(0,a.p)(e+t,[(0,m.t)(),...arguments],r?null:this,i,w),r?void 0:this}}function k(){r.e(296).then(r.bind(r,8778)).then((({setAPI:t})=>{t(e),(0,c.Ze)(e,"api")})).catch((e=>{(0,l.R)(27,e),w.abort()}))}return["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach((e=>{S[e]=j(_,e,void 0,g?n.K7.softNav:n.K7.spa)})),h.setCurrentRouteName=g?j(_,"routeName",void 0,n.K7.softNav):j(E,"routeName",!0,n.K7.spa),h.noticeError=function(t,r){"string"==typeof t&&(t=new Error(t)),(0,a.p)(f.xV,["API/noticeError/called"],void 0,n.K7.metrics,w),(0,a.p)("err",[t,(0,m.t)(),!1,r,!!x[e]],void 0,n.K7.jserrors,w)},d.RI?(0,u.GG)((()=>k()),!0):k(),h}var N=r(9417),T=r(8122);const S={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},j={};var k=r(5284);const I=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};let O=!1;function P(e,t={},r,n){let{init:a,info:c,loader_config:u,runtime:l={},exposed:f=!0}=t;l.loaderType=r;const p=(0,g.pV)();c||(a=p.init,c=p.info,u=p.loader_config),(0,N.xN)(e.agentIdentifier,a||{}),function(e,t){if(!e)throw new Error("All loader-config objects require an agent identifier!");j[e]=(0,T.a)(t,S);const r=(0,g.nY)(e);r&&(r.loader_config=j[e])}(e.agentIdentifier,u||{}),c.jsAttributes??={},d.bv&&(c.jsAttributes.isWorker=!0),(0,i.x1)(e.agentIdentifier,c);const h=(0,N.D0)(e.agentIdentifier),v=[c.beacon,c.errorBeacon];O||(h.proxy.assets&&(I(h.proxy.assets),v.push(h.proxy.assets)),h.proxy.beacon&&v.push(h.proxy.beacon),E(),(0,g.US)("activatedFeatures",k.B),e.runSoftNavOverSpa&&=!0===h.soft_navigations.enabled&&h.feature_flags.includes("soft_nav")),l.denyList=[...h.ajax.deny_list||[],...h.ajax.block_internal?v:[]],l.ptid=e.agentIdentifier,(0,o.V)(e.agentIdentifier,l),e.ee=s.ee.get(e.agentIdentifier),void 0===e.api&&(e.api=_(e.agentIdentifier,n,e.runSoftNavOverSpa)),void 0===e.exposed&&(e.exposed=f),O=!0}},8374:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860:(e,t,r)=>{"use strict";r.d(t,{$J:()=>o,K7:()=>n,P3:()=>i});const n={ajax:"ajax",genericEvents:"generic_events",jserrors:"jserrors",logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations",spa:"spa"},i={[n.pageViewEvent]:1,[n.pageViewTiming]:2,[n.metrics]:3,[n.jserrors]:4,[n.spa]:5,[n.ajax]:6,[n.sessionTrace]:7,[n.softNav]:8,[n.sessionReplay]:9,[n.logging]:10,[n.genericEvents]:11},o={[n.pageViewTiming]:"events",[n.ajax]:"events",[n.spa]:"events",[n.softNav]:"events",[n.metrics]:"jserrors",[n.jserrors]:"jserrors",[n.sessionTrace]:"browser/blobs",[n.sessionReplay]:"browser/blobs",[n.logging]:"browser/logs",[n.genericEvents]:"ins"}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>"nr-rum-1.274.0.min.js",i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.274.0.PROD:",i.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var s,c;if(void 0!==o)for(var u=document.getElementsByTagName("script"),d=0;d<u.length;d++){var l=u[d];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+o){s=l;break}}if(!s){c=!0;var f={296:"sha512-gkYkZDAwQ9PwaDXs2YM+rNIdRej1Ac1mupWobRJ8eahQcXz6/sunGZCKklrzi5kWxhOGRZr2tn0rEKuLTXzfAA=="};(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",t+o),s.src=r,0!==s.src.indexOf(window.location.origin+"/")&&(s.crossOrigin="anonymous"),f[a]&&(s.integrity=f[a])}e[r]=[n];var g=(t,n)=>{s.onerror=s.onload=null,clearTimeout(p);var i=e[r];if(delete e[r],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((e=>e(n))),t)return t(n)},p=setTimeout(g.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=g.bind(null,s.onerror),s.onload=g.bind(null,s.onload),c&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={840:0,374:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var o=new Promise(((r,i)=>n=e[t]=[r,i]));r.push(n[2]=o);var a=i.p+i.u(t),s=new Error;i.l(a,(r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,n[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,o,[a,s,c]=r,u=0;if(a.some((t=>0!==e[t]))){for(n in s)i.o(s,n)&&(i.m[n]=s[n]);if(c)c(i)}for(t&&t(r);u<a.length;u++)o=a[u],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=self["webpackChunk:NRBA-1.274.0.PROD"]=self["webpackChunk:NRBA-1.274.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(8374);var e=i(944),t=i(6344),r=i(9566);class n{agentIdentifier;constructor(e=(0,r.LA)(16)){this.agentIdentifier=e}#e(t,...r){if("function"==typeof this.api?.[t])return this.api[t](...r);(0,e.R)(35,t)}addPageAction(e,t){return this.#e("addPageAction",e,t)}setPageViewName(e,t){return this.#e("setPageViewName",e,t)}setCustomAttribute(e,t,r){return this.#e("setCustomAttribute",e,t,r)}noticeError(e,t){return this.#e("noticeError",e,t)}setUserId(e){return this.#e("setUserId",e)}setApplicationVersion(e){return this.#e("setApplicationVersion",e)}setErrorHandler(e){return this.#e("setErrorHandler",e)}addRelease(e,t){return this.#e("addRelease",e,t)}log(e,t){return this.#e("log",e,t)}}class o extends n{#e(t,...r){if("function"==typeof this.api?.[t])return this.api[t](...r);(0,e.R)(35,t)}start(){return this.#e("start")}finished(e){return this.#e("finished",e)}recordReplay(){return this.#e(t.G4.RECORD)}pauseReplay(){return this.#e(t.G4.PAUSE)}addToTrace(e){return this.#e("addToTrace",e)}setCurrentRouteName(e){return this.#e("setCurrentRouteName",e)}interaction(){return this.#e("interaction")}wrapLogger(e,t,r){return this.#e("wrapLogger",e,t,r)}}var a=i(860),s=i(9417);const c=Object.values(a.K7);function u(e){const t={};return c.forEach((r=>{t[r]=function(e,t){return!0===(0,s.gD)(t,"".concat(e,".enabled"))}(r,e)})),t}var d=i(7603);var l=i(1687),f=i(4234),g=i(5289),p=i(6154),h=i(384);const v=e=>p.RI&&!0===(0,s.gD)(e,"privacy.cookies_enabled");function m(e){return!!(0,h.dV)().o.MO&&v(e)&&!0===(0,s.gD)(e,"session_trace.enabled")}var b=i(6389);class y extends f.W{constructor(e,t,r=!0){super(e.agentIdentifier,t),this.auto=r,this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,!1===e.init[this.featureName].autoStart&&(this.auto=!1),this.auto?(0,l.Ak)(e.agentIdentifier,t):this.ee.on("manual-start-all",(0,b.J)((()=>{(0,l.Ak)(e.agentIdentifier,this.featureName),this.auto=!0,this.importAggregator(e)})))}importAggregator(t,r={}){if(this.featAggregate||!this.auto)return;let n;this.onAggregateImported=new Promise((e=>{n=e}));const o=async()=>{let o;try{if(v(this.agentIdentifier)){const{setupAgentSession:e}=await i.e(296).then(i.bind(i,3861));o=e(t)}}catch(t){(0,e.R)(20,t),this.ee.emit("internal-error",[t]),this.featureName===a.K7.sessionReplay&&this.abortHandler?.()}try{if(t.sharedAggregator)await t.sharedAggregator;else{t.sharedAggregator=i.e(296).then(i.bind(i,9337));const{EventAggregator:e}=await t.sharedAggregator;t.sharedAggregator=new e}if(!this.#t(this.featureName,o))return(0,l.Ze)(this.agentIdentifier,this.featureName),void n(!1);const{lazyFeatureLoader:e}=await i.e(296).then(i.bind(i,6103)),{Aggregate:a}=await e(this.featureName,"aggregate");this.featAggregate=new a(t,r),n(!0)}catch(t){(0,e.R)(34,t),this.abortHandler?.(),(0,l.Ze)(this.agentIdentifier,this.featureName,!0),n(!1),this.ee&&this.ee.abort()}};p.RI?(0,g.GG)((()=>o()),!0):o()}#t(e,t){switch(e){case a.K7.sessionReplay:return m(this.agentIdentifier)&&!!t;case a.K7.sessionTrace:return!!t;default:return!0}}}var w=i(6630);class A extends y{static featureName=w.T;constructor(e,t=!0){super(e,w.T,t),this.importAggregator(e)}}var R=i(9908),E=i(2843),x=i(3878),_=i(782),N=i(1863);class T extends y{static featureName=_.T;constructor(e,t=!0){super(e,_.T,t),p.RI&&((0,E.u)((()=>(0,R.p)("docHidden",[(0,N.t)()],void 0,_.T,this.ee)),!0),(0,x.sp)("pagehide",(()=>(0,R.p)("winPagehide",[(0,N.t)()],void 0,_.T,this.ee))),this.importAggregator(e))}}var S=i(3969);class j extends y{static featureName=S.TZ;constructor(e,t=!0){super(e,S.TZ,t),this.importAggregator(e)}}new class extends o{constructor(t,r){super(r),p.gm?(this.features={},(0,h.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(t.features||[]),this.desiredFeatures.add(A),this.runSoftNavOverSpa=[...this.desiredFeatures].some((e=>e.featureName===a.K7.softNav)),(0,d.j)(this,t,t.loaderType||"agent"),this.run()):(0,e.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}run(){try{const t=u(this.agentIdentifier),r=[...this.desiredFeatures];r.sort(((e,t)=>a.P3[e.featureName]-a.P3[t.featureName])),r.forEach((r=>{if(!t[r.featureName]&&r.featureName!==a.K7.pageViewEvent)return;if(this.runSoftNavOverSpa&&r.featureName===a.K7.spa)return;if(!this.runSoftNavOverSpa&&r.featureName===a.K7.softNav)return;const n=function(e){switch(e){case a.K7.ajax:return[a.K7.jserrors];case a.K7.sessionTrace:return[a.K7.ajax,a.K7.pageViewEvent];case a.K7.sessionReplay:return[a.K7.sessionTrace];case a.K7.pageViewTiming:return[a.K7.pageViewEvent];default:return[]}}(r.featureName).filter((e=>!(e in this.features)));n.length>0&&(0,e.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)}))}catch(t){(0,e.R)(22,t);for(const e in this.features)this.features[e].abortHandler?.();const r=(0,h.Zm)();delete r.initializedAgents[this.agentIdentifier]?.api,delete r.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return r.ee.get(this.agentIdentifier).abort(),!1}}}({features:[A,T,j],loaderType:"lite"})})()})();</script> <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> <meta name="viewport" content="width=device-width" /> <meta name="p:domain_verify" content="96e683d0045e44dfac2deaec70e57185"/> <link rel="icon" type="image/x-icon" href="/assets/favicon-9d06eb31fc41af6ef76f2954364a3a0b75637640a367d1816b9bf8b9ce392cb6.ico" /> <link rel="apple-touch-icon" sizes="76x76" href="/assets/apple-touch-icon-precomposed-24e2ef01d16313b2007bc178c55d64c564f71fb746290e81f4cf57f9d394a4c6.png"> <link rel="canonical" href="https://www.creative-tim.com/product/buy/bundle/bundle-laravel" data-turbolinks-track="false" itemprop="url"/> <title itemprop="name"> Laravel Bundle </title> <meta name="twitter:card" content="summary" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@CreativeTim" /> <meta name="twitter:creator" content="@CreativeTim" /> <meta name="twitter:title" content="" /> <meta name="twitter:description" content="" /> <meta name="twitter:image" content="" /> <meta name="twitter:url" content="" /> <meta name="keywords" content="creativetim, creative tim, bootstrap, theme, freebies, bootstrap kit, bootstrap template, free items, beautiful ui"> <meta name="data-turbolinks-track" content="false">  <link rel="stylesheet" href="/assets/layouts/campaign/general-90342ff305dc277b0f4d5f72ad0f0e39e26252a87999c297bd627ca16614afed.css" media="all" data-turbolinks-track="reload" />  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css" />  <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap" rel="stylesheet"> <script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="QrSiTuzfZdI6TSl8o62-wz-5iXLAidQ9vtk4EXBe8qGZY4aeRFt3h-74v6Mx6woot3i6FiCKlGaJLr2EWIPkCA" />  <style defer="defer">.async-hide { opacity: 0 !important} </style> <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date; h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')}; (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c; })(window,document.documentElement,'async-hide','dataLayer',4000, {'GTM-K9BGS8K':true});</script>  <script defer="defer"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-46172202-22', 'auto', {allowLinker: true}); ga('set', 'anonymizeIp', true); ga('require', 'GTM-K9BGS8K'); ga('require', 'displayfeatures'); ga('require', 'linker'); ga('linker:autoLink', ["2checkout.com","avangate.com"]); </script>   <script defer="defer"> // dataLayer category var dataLayer = dataLayer || []; dataLayer.push({ 'pageType':'Product - Bundle', 'productName':'Laravel Bundle', 'multipleProductID':'[351, 693, 730, 493, 405, 332, 732, 603, 599, 210, 601, 639, 734, 409, 353, 212, 166, 738, 687, 222, 349, 208, 403, 214, 407, 158, 146]', 'multipleAvangateProductID':'[40915031, 32907524, 30915155, 36673537, 33403044, 40914973, 32920290, 38550887, 21883240, 25989963, 38550933, 39779461, 40784647, 33448140, 40914930, 25990077, 24499052, 42114435, 40923632, 26833162, 33168538, 25990003, 33402563, 25990029, 33403764, 40915007, 19664008]', 'singleAvangateProductID':'41604130', 'productPrice':'99.0', 'pageDomain':'MainDomain' }); // end datalayer category </script>  <script defer="defer">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NKDMSK6');</script>  </head> <body class="jakarta"> <nav class="navbar navbar-expand-lg top-0 z-index-3 position-fixed shadow-none py-3 start-0 end-0 bg-white" id="navbarScroll"> <div class="container px-0"> <a class="navbar-brand font-weight-bolder ms-2" href="/" rel="tooltip" title="Designed and Coded by Creative Tim" data-placement="bottom" target="_blank"> <img width="100" src="/assets/logo/logo-ct-black-517e01ad01c9594c9727b58d1184b067983f30fc8728bdac6b52159e670287c2.svg" /> </a> <button class="navbar-toggler shadow-none ms-md-2" type="button" id="toggler" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon mt-2"> <span class="navbar-toggler-bar bar1"></span> <span class="navbar-toggler-bar bar2"></span> <span class="navbar-toggler-bar bar3"></span> </span> </button> <div class="collapse navbar-collapse mt-sm-0 mt-2 justify-content-end border-radius-lg" id="navbar"> <ul class="navbar-nav p-3 p-lg-0"> <li class="nav-item mx-2"> <a role="button" class="nav-link ps-2 cursor-pointer d-flex flex-lg-column align-items-center text-campaign-dark" href="#search-modal-dashboard" data-bs-toggle="modal"> <i class="fas fa-search d-block text-center mb-lg-2 mb-0 me-2 me-lg-0" aria-hidden="true"></i> Search </a> </li> <li class="nav-item dropdown dropdown-hover mx-2"> <a role="button" class="nav-link ps-2 cursor-pointer d-flex flex-lg-column align-items-center text-campaign-dark" data-bs-toggle="dropdown" id="technologies" aria-expanded="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="23" height="23"> <path d="M12.378 1.602a.75.75 0 0 0-.756 0L3 6.632l9 5.25 9-5.25-8.622-5.03ZM21.75 7.93l-9 5.25v9l8.628-5.032a.75.75 0 0 0 .372-.648V7.93ZM11.25 22.18v-9l-9-5.25v8.57a.75.75 0 0 0 .372.648l8.628 5.033Z" /> </svg> Technologies </a> <div class="dropdown-menu dropdown-menu-animation dropdown-menu-start dropdown-xl mt-0 mt-lg-4 p-3 border-radius-lg bg-white" aria-labelledby="technologies" data-bs-popper="none"> <div class="row pt-3 pt-lg-0"> <div class="col-md-4"> <div class="dropdown-header text-dark font-weight-bolder d-flex align-items-center ps-3 pt-0"> <a href="https://www.creative-tim.com/templates">Front-End</a> </div> <a class="dropdown-item border-radius-md" href="/templates/tailwind"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-tailwind-d8f0cfa7eee592c9287e9a390d5c924bb11176bbeb0db897a83903b00f27c937.png" /> Tailwind CSS </a> <a class="dropdown-item border-radius-md" href="/bootstrap-themes"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-bootstrap-d76ab1ad4c5721f9bf2e532dbd5814fbe7ce7838b2624cb54549af2eeb825446.png" /> Bootstrap </a> <a class="dropdown-item border-radius-md" href="/templates/angular"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-angular-9e87a27f7fb611f8a0fbfae5bd64e886b764bef62fd9f863c8694d7323a6235a.png" /> Angular </a> <a class="dropdown-item border-radius-md" href="/templates/react"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-react-42be32ce0f9d3f7e068637991c1c74362b290655ab58b447d63f50f87b5f8c42.png" /> React </a> <a class="dropdown-item border-radius-md" href="/templates/vuejs"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-vue-c12f877d0cba4c9350dad981e8fa3761f94758db252f963528839132eed25c64.png" /> Vuejs </a> <a class="dropdown-item border-radius-md" href="/templates/react-native"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-react-native-9c2d324e5f881c431ce7dec31907c191c9ffd6e981e742c6a55c2b0f052e5d0c.png" /> React Native </a> <a class="dropdown-item border-radius-md" href="/templates/svelte"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-svelte-e5eb72242fe961387486d369f7ae00beb73a3c0ffac499dc2d2af31ed5286f22.png" /> Svelte </a> </div> <div class="col-md-4 position-relative"> <div class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0 pt-0"> <a href="javascript:;"> </a> </div> <a class="dropdown-item border-radius-md" href="/templates/material-ui"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-material-ui-84e1e41635aa43bd8a4b211c16df072caef5487d9bbb41fd54d4474f35f1ab10.png" /> Material UI </a> <a class="dropdown-item border-radius-md" href="/templates/vuetifyjs"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-vuetify-befea6f05110a8f0148607a6831f947585c838cfcc174aa9cf6a4d83d91c2b4d.png" /> Vuetify </a> <a class="dropdown-item border-radius-md" href="/templates/flutter"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-flutter-b8fed1604fdcb5d9370f702b8c3c616ff0ae3e3db5a2c9d02d054741363347f0.png" /> Flutter </a> <a class="dropdown-item border-radius-md" href="/templates/vue-material"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-vuematerial-f670dbc95e72d34aa5b146ab0bf41ae5df1e806fc46745ed2edec59ab8ebe405.png" /> Vue Material </a> <a class="dropdown-item border-radius-md" href="/templates/reactstrap"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-reactstrap-d0017791ea0e56ab0001d1f08c45459fc55a6e5e7c7fe1f208041c3964db6b4d.png" /> Reactstrap </a> <a class="dropdown-item border-radius-md" href="/templates/react-bootstrap"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-reactbootstrap-290853783a73c5dc70a8a83a705d7c2e0da95c7b1a44f861d9cc55730bc15f71.png" /> React Bootstrap </a> <a class="dropdown-item border-radius-md" href="/templates/vuejs-bootstrap"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-bootstrapvue-f943dee16250053498987da3ff5de0d352c636bd87c26640c8364566513ce412.png" /> Vue Bootstrap </a> <hr class="vertical dark d-none d-lg-block"> </div> <div class="col-md-4"> <div class="dropdown-header text-dark font-weight-bolder d-flex align-items-center ps-3 pt-0"> <a href="https://www.creative-tim.com/templates">Back-End</a> </div> <a class="dropdown-item border-radius-md" href="/templates/laravel"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-laravel-6a1dcc81e9b159b1e7ff38fa103fcab7d4ab47daaa81a067f449dc8ef54d662b.png" /> Laravel </a> <a class="dropdown-item border-radius-md" href="/templates/django"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-django-01febaaad5f6fbb71292d543f1569af355660269a156521c89575c99eb0acc29.png" /> Django </a> <a class="dropdown-item border-radius-md" href="/templates/flask"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-flask-d39b6df587b1527e2e68196123ef8e9e1b8ef59a1136b63d8a64321961ba1cb9.png" /> Flask </a> <a class="dropdown-item border-radius-md" href="/templates/nextjs"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-nextjs-050dc61ffdbf8ca9741a58f25bdc2ab0f17ba4f5140a829e1dcbc4d3548b516f.png" /> Next </a> <a class="dropdown-item border-radius-md" href="/templates/nuxtjs"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-nuxtjs-24fd91d33ee4af6a88ff8f3c1d370e373e4ccb9f7f6b2af84f2c7d5e215e9b90.png" /> Nuxt </a> <a class="dropdown-item border-radius-md" href="/templates/nodejs"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-nodejs-e140490a59b28bdddd17abccc0498e4c7107bde45508ac7ff9cba5c76de0d850.png" /> Nodejs </a> <a class="dropdown-item border-radius-md" href="/templates/aspnet"> <img class="w-px-30" loading="lazy" src="/assets/frameworks/icon-aspnet-b18cdec2351717a7629604749f0f3fd759b91107027cc71c87ee7fab37cfdff0.png" /> Aspnet </a> </div> </div> <div class="card card-body bg-light border-radius-lg mt-4 mb-3 mb-lg-0"> <div class="row"> <div class="col-md-4"> <a class="dropdown-item bg-transparent py-1 font-weight-500" href="/templates/premium"> Premium Templates </a> <a class="dropdown-item bg-transparent py-1 font-weight-500" href="/templates/free"> Free Templates </a> </div> <div class="col-md-4"> <a class="dropdown-item bg-transparent py-1 font-weight-500" href="/templates/admin-dashboard"> Admin & Dashboards </a> <a class="dropdown-item bg-transparent py-1 font-weight-500" href="/templates/ui-kit"> UI Kits </a> </div> <div class="col-md-4"> <a class="dropdown-item bg-transparent py-1 font-weight-500" href="/templates"> All Templates </a> <a class="dropdown-item bg-transparent py-1 font-weight-500" href="/bootstrap-themes/landing-page"> Landing Pages </a> </div> </div> </div> </div> </li> <li class="nav-item dropdown dropdown-hover mx-2"> <a role="button" class="nav-link ps-2 cursor-pointer d-flex flex-lg-column align-items-center text-campaign-dark" data-bs-toggle="dropdown" id="designSystems" aria-expanded="true"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="35" height="24" fill="currentColor" viewBox="4 0 21 21"> <path d="M11.782 5.72a4.773 4.773 0 0 0-4.8 4.173 3.43 3.43 0 0 1 2.741-1.687c1.689 0 2.974 1.972 3.758 2.587a5.733 5.733 0 0 0 5.382.935c2-.638 2.934-2.865 3.137-3.921-.969 1.379-2.44 2.207-4.259 1.231-1.253-.673-2.19-3.438-5.959-3.318ZM6.8 11.979A4.772 4.772 0 0 0 2 16.151a3.431 3.431 0 0 1 2.745-1.687c1.689 0 2.974 1.972 3.758 2.587a5.733 5.733 0 0 0 5.382.935c2-.638 2.933-2.865 3.137-3.921-.97 1.379-2.44 2.208-4.259 1.231-1.253-.673-2.19-3.443-5.963-3.317Z"/> </svg> TailwindCSS </a> <div class="dropdown-menu dropdown-menu-animation dropdown-menu-end mt-0 mt-lg-3 p-3 border-radius-lg min-width-200" aria-labelledby="designSystems" data-bs-popper="none"> <div class="row"> <div class="col-12"> <div class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0 pt-0"> <div class="d-inline-block"> <div class="icon icon-shape icon-xs border-radius-md bg-gradient-primary text-center me-2 d-flex align-items-center justify-content-center"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="white" viewBox="0 0 24 23"> <path d="M11.782 5.72a4.773 4.773 0 0 0-4.8 4.173 3.43 3.43 0 0 1 2.741-1.687c1.689 0 2.974 1.972 3.758 2.587a5.733 5.733 0 0 0 5.382.935c2-.638 2.934-2.865 3.137-3.921-.969 1.379-2.44 2.207-4.259 1.231-1.253-.673-2.19-3.438-5.959-3.318ZM6.8 11.979A4.772 4.772 0 0 0 2 16.151a3.431 3.431 0 0 1 2.745-1.687c1.689 0 2.974 1.972 3.758 2.587a5.733 5.733 0 0 0 5.382.935c2-.638 2.933-2.865 3.137-3.921-.97 1.379-2.44 2.208-4.259 1.231-1.253-.673-2.19-3.443-5.963-3.317Z"/> </svg> </div> </div> TailwindCSS </div> <a class="dropdown-item border-radius-md" target="_blank" href="/templates/tailwind-dashboard"> <span class="ps-3">Admin & Dashboards</span> </a> <a class="dropdown-item border-radius-md" target="_blank" href="/templates/tailwind-free"> <span class="ps-3">Free Products</span> </a> <a class="dropdown-item border-radius-md" target="_blank" href="/templates/tailwind-premium"> <span class="ps-3">Premium Products</span> </a> <a class="dropdown-item border-radius-md" target="_blank" href="https://www.material-tailwind.com/docs/react/installation?ref=ct-lp-tailwindcss"> <span class="ps-3"> Material Tailwind React</span> </a> <a class="dropdown-item border-radius-md" target="_blank" href="https://www.material-tailwind.com/docs/html/installation?ref=ct-lp-tailwindcss"> <span class="ps-3"> Material Tailwind HTML</span> </a> <a class="dropdown-item border-radius-md" target="_blank" href="https://www.material-tailwind.com/figma?ref=ct-lp-tailwindcss"> <span class="ps-3"> Material Tailwind Figma</span> </a> <a class="dropdown-item border-radius-md" target="_blank" href="https://www.creative-tim.com/twcomponents?ref=ct-lp-tailwindcss"> <span class="ps-3"> Components for TailwindCSS</span> </a> <a class="dropdown-item border-radius-md" target="_blank" href="https://www.creative-tim.com/builder?ref=ct-lp-tailwindcss"> <span class="ps-3"> Drag & Drop for TailwindCSS</span> </a> </div> </div> </div> </li> <li class="nav-item dropdown dropdown-hover mx-2"> <a role="button" class="nav-link ps-2 cursor-pointer d-flex flex-lg-column align-items-center text-campaign-dark" data-bs-toggle="dropdown" id="resources" aria-expanded="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="23" height="23"> <path d="M9.375 3a1.875 1.875 0 0 0 0 3.75h1.875v4.5H3.375A1.875 1.875 0 0 1 1.5 9.375v-.75c0-1.036.84-1.875 1.875-1.875h3.193A3.375 3.375 0 0 1 12 2.753a3.375 3.375 0 0 1 5.432 3.997h3.943c1.035 0 1.875.84 1.875 1.875v.75c0 1.036-.84 1.875-1.875 1.875H12.75v-4.5h1.875a1.875 1.875 0 1 0-1.875-1.875V6.75h-1.5V4.875C11.25 3.839 10.41 3 9.375 3ZM11.25 12.75H3v6.75a2.25 2.25 0 0 0 2.25 2.25h6v-9ZM12.75 12.75v9h6.75a2.25 2.25 0 0 0 2.25-2.25v-6.75h-9Z" /> </svg> Bundles <div class="badge bg-gradient-danger position-absolute d-none d-lg-block text-xxs p-1 ms-3 top-right-half text-white shadow">new</div> <div class="badge bg-gradient-danger d-lg-none d-block text-xxs p-1 ms-3 text-white shadow">new</div> </a> <div class="dropdown-menu dropdown-menu-animation dropdown-menu-end dropdown-xl bg-white mt-0 mt-lg-4 p-3 border-radius-lg" aria-labelledby="resources" data-bs-popper="none"> <div class="row py-3 py-lg-0"> <div class="col-md-6 col-12"> <div class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0 pt-0"> <div class="d-inline-block"> <div class="icon icon-shape icon-xs border-radius-md bg-gradient-primary text-center me-2 d-flex align-items-center justify-content-center"> <i class="nc-icon nc-present-2 text-white mt-2 text-xs"></i> </div> </div> Bundles </div> <a class="dropdown-item border-radius-md" href="https://www.creative-tim.com/product/buy/bundle/summer-bundle"> <span class="ps-3 d-flex align-items-center"> <img class="w-px-30 me-2" loading="lazy" src="/assets/navbar/icon-bundle-f8d166cf8240747eec6bc8c267b25a92fea41d7eb2754a60a150a4db815ad730.png" /> Autumn Bundle </span> </a> <a class="dropdown-item border-radius-md" href="https://www.creative-tim.com/product/buy/bundle/bundle-react"> <span class="ps-3 d-flex align-items-center"> <img class="w-px-30 me-2" loading="lazy" src="/assets/frameworks/icon-react-42be32ce0f9d3f7e068637991c1c74362b290655ab58b447d63f50f87b5f8c42.png" /> React Bundle </span> </a> <a class="dropdown-item border-radius-md" href="https://www.creative-tim.com/product/buy/bundle/bundle-tailwind"> <span class="ps-3 d-flex align-items-center"> <img class="w-px-30 me-2" loading="lazy" src="/assets/frameworks/icon-tailwind-d8f0cfa7eee592c9287e9a390d5c924bb11176bbeb0db897a83903b00f27c937.png" /> Tailwind Bundle </span> </a> <a class="dropdown-item border-radius-md" href="https://www.creative-tim.com/product/buy/bundle/bundle-vuejs"> <span class="ps-3 d-flex align-items-center"> <img class="w-px-30 me-2" loading="lazy" src="/assets/frameworks/icon-vue-c12f877d0cba4c9350dad981e8fa3761f94758db252f963528839132eed25c64.png" /> Vuejs Bundle </span> </a> <a class="dropdown-item border-radius-md" href="https://www.creative-tim.com/product/buy/bundle/bundle-angular"> <span class="ps-3 d-flex align-items-center"> <img class="w-px-30 me-2" loading="lazy" src="/assets/frameworks/icon-angular-9e87a27f7fb611f8a0fbfae5bd64e886b764bef62fd9f863c8694d7323a6235a.png" /> Angular Bundle </span> </a> <a class="dropdown-item border-radius-md" href="https://www.creative-tim.com/product/buy/bundle/bundle-laravel"> <span class="ps-3 d-flex align-items-center"> <img class="w-px-30 me-2" loading="lazy" src="/assets/frameworks/icon-laravel-6a1dcc81e9b159b1e7ff38fa103fcab7d4ab47daaa81a067f449dc8ef54d662b.png" /> Laravel Bundle </span> </a> <a class="dropdown-item border-radius-md" href="https://www.creative-tim.com/product/buy/bundle/bundle-bootstrap"> <span class="ps-3 d-flex align-items-center"> <img class="w-px-30 me-2" loading="lazy" src="/assets/frameworks/icon-bootstrap-d76ab1ad4c5721f9bf2e532dbd5814fbe7ce7838b2624cb54549af2eeb825446.png" /> Bootstrap Bundle </span> </a> <a class="dropdown-item border-radius-md" href="https://www.creative-tim.com/product/buy/bundle/bundle-mobile"> <span class="ps-3 d-flex align-items-center"> <img class="w-px-30 me-2" loading="lazy" src="/assets/frameworks/icon-react-native-9c2d324e5f881c431ce7dec31907c191c9ffd6e981e742c6a55c2b0f052e5d0c.png" /> Mobile Bundle </span> </a> </div> <a href="/campaign" class="col-md-6 col-12 mt-3 mt-lg-0 ps-lg-0 d-flex justify-content-center flex-column"> <div class="p-3 h-100 w-100 d-flex border-radius-lg position-relative dropdown-image" style="background-image:url('https://www.creative-tim.com/assets/campaigns/spring-24/navbar-bg-a2775816261e1ea2bb44ee55c3688b7ff40a029052c0311753026bc02d8416e4.jpg')"> </div> </a> </div> </div> </li> <li class="nav-item dropdown dropdown-hover mx-2"> <a role="button" class="nav-link ps-2 cursor-pointer d-flex flex-lg-column align-items-center text-campaign-dark" data-bs-toggle="dropdown" id="designSystems" aria-expanded="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" width="23" height="23" fill="currentColor"><path d="M333.5 201.4c0-22.1-15.6-34.3-43-34.3h-50.4v71.2h42.5C315.4 238.2 333.5 225 333.5 201.4zM517 188.6c-9.5-30.9-10.9-68.8-9.8-98.1c1.1-30.5-22.7-58.5-54.7-58.5H123.7c-32.1 0-55.8 28.1-54.7 58.5c1 29.3-.3 67.2-9.8 98.1c-9.6 31-25.7 50.6-52.2 53.1v28.5c26.4 2.5 42.6 22.1 52.2 53.1c9.5 30.9 10.9 68.8 9.8 98.1c-1.1 30.5 22.7 58.5 54.7 58.5h328.7c32.1 0 55.8-28.1 54.7-58.5c-1-29.3 .3-67.2 9.8-98.1c9.6-31 25.7-50.6 52.1-53.1v-28.5C542.7 239.2 526.5 219.6 517 188.6zM300.2 375.1h-97.9V136.8h97.4c43.3 0 71.7 23.4 71.7 59.4c0 25.3-19.1 47.9-43.5 51.8v1.3c33.2 3.6 55.5 26.6 55.5 58.3C383.4 349.7 352.1 375.1 300.2 375.1zM290.2 266.4h-50.1v78.4h52.3c34.2 0 52.3-13.7 52.3-39.5C344.7 279.6 326.1 266.4 290.2 266.4z"/></svg> Bootstrap </a> <div class="dropdown-menu dropdown-menu-animation dropdown-menu-end mt-0 mt-lg-4 p-3 bg-white border-radius-lg min-width-200" aria-labelledby="designSystems" data-bs-popper="none"> <div class="row py-3 py-lg-0"> <div class="col-12"> <div class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-0 pt-0"> <div class="d-inline-block"> <div class="icon icon-shape icon-xs border-radius-md bg-gradient-primary text-center me-2 d-flex align-items-center justify-content-center"> <img class="w-50" src="/assets/categories/bootstrap-logo-vector-4d4e006a03a461355cd302e5fe505e1e959223e9db98d0232ca1442c2a9abb31.svg" /> </div> </div> Bootstrap </div> <a class="dropdown-item border-radius-md" href="/bootstrap-themes/admin-dashboard"> <span class="ps-3">Admin & Dashboards</span> </a> <a class="dropdown-item border-radius-md" href="/bootstrap-themes/free"> <span class="ps-3">Free Themes</span> </a> <a class="dropdown-item border-radius-md" href="/bootstrap-themes/premium"> <span class="ps-3">Premium Themes</span> </a> <a class="dropdown-item border-radius-md" href="/bootstrap-themes/ui-kit"> <span class="ps-3">UI Kits</span> </a> <a class="dropdown-item border-radius-md" href="/bootstrap-themes/landing-page"> <span class="ps-3">Landing Pages</span> </a> <a class="dropdown-item border-radius-md" href="/bootstrap-themes/e-commerce"> <span class="ps-3">E-Commerce</span> </a> <a class="dropdown-item border-radius-md" href="/bootstrap-themes/one-page-template"> <span class="ps-3">One Page Themes</span> </a> <a class="dropdown-item border-radius-md" href="/bootstrap-themes/login-form"> <span class="ps-3">Login Forms</span> </a> <a class="dropdown-item border-radius-md" href="/bootstrap-themes/wizard"> <span class="ps-3">Wizards</span> </a> <a class="dropdown-item border-radius-md" href="/bootstrap-themes/calendar"> <span class="ps-3">Calendar</span> </a> </div> </div> </div> </li> <li class="nav-item dropdown dropdown-hover mx-2"> <a role="button" class="nav-link ps-2 cursor-pointer d-flex flex-lg-column align-items-center text-campaign-dark" data-bs-toggle="dropdown" id="designSystems" aria-expanded="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="23" height="23" fill="currentColor"> <path d="M19.5 21a3 3 0 0 0 3-3v-4.5a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3V18a3 3 0 0 0 3 3h15ZM1.5 10.146V6a3 3 0 0 1 3-3h5.379a2.25 2.25 0 0 1 1.59.659l2.122 2.121c.14.141.331.22.53.22H19.5a3 3 0 0 1 3 3v1.146A4.483 4.483 0 0 0 19.5 9h-15a4.483 4.483 0 0 0-3 1.146Z" /> </svg> Resources & AI </a> <div class="dropdown-menu dropdown-menu-animation dropdown-menu-end dropdown-xl mt-0 mt-lg-3 p-3 border-radius-lg" aria-labelledby="technologies" data-bs-popper="none"> <div class="row"> <div class="col-md-4 position-relative"> <div class="dropdown-header text-dark font-weight-bolder d-flex align-items-center ps-3 pt-0"> <a href="https://www.creative-tim.com/templates">Resources</a> </div> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.material-tailwind.com/blocks?ref=ct-lp-resources"> Blocks for TailwindCSS <span class="badge-new position-relative d-inline-block bg-primary"></span> </a> <a class="dropdown-item border-radius-md py-1" style="white-space: wrap;" target="_blank" href="https://www.material-tailwind.com/roots-of-ui-ux-design?ref=ct-lp-resources"> Book - Roots of UI/UX Design </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.creative-tim.com/twcomponents?ref=ct-lp-resources"> TW Components <span class="badge-new position-relative d-inline-block bg-primary"></span> </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.creative-tim.com/services/updivision"> Custom Development </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.creative-tim.com/builder?ref=resources"> Drag & Drop Builders </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.creative-tim.com/bits"> Bits - code snippets </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.creative-tim.com/blog"> Blog </a> <hr class="vertical dark d-lg-block"> </div> <div class="col-md-4 position-relative"> <div class="dropdown-header text-dark font-weight-bolder d-flex align-items-center pt-0"> AI Tools </div> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://galichat.com?ref=ct-lp-resources"> GaliChat AI Assistant <span class="badge-new position-relative d-inline-block bg-primary"></span> </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://code-mentor.ai?ref=ct-lp-resources"> AI Code Mentor </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.material-tailwind.com/magic-ai?ref=ct-lp-resources"> Magic AI Tailwind </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.creative-tim.com/search?q=boilerplate&button="> AI Boilerplates </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.creative-tim.com/cheatsheet/chatgpt-prompts/"> ChatGPT Prompts </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.creative-tim.com/gpts"> GPT's Collection </a> <hr class="vertical dark d-lg-block"> </div> <div class="col-md-4"> <div class="dropdown-header text-dark font-weight-bolder d-flex align-items-center ps-3 pt-0"> Design Systems </div> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.creative-tim.com/design-system/soft"> Soft Design </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.creative-tim.com/design-system/argon"> Argon Design </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.creative-tim.com/design-system/black"> Black Design </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.creative-tim.com/design-system/light"> Light Design </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.creative-tim.com/design-system/material"> Material Design </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.creative-tim.com/design-system/now-ui"> Now UI Design </a> <a class="dropdown-item border-radius-md py-1" target="_blank" href="https://www.creative-tim.com/design-system/paper"> Paper Design </a> </div> </div> </div> </li> <li class="nav-item dropdown mx-2" data-turbolinks="false"> <a role="button" class="nav-link ps-2 d-flex cursor-pointer flex-lg-column align-items-center text-campaign-dark" href="javascript:;" data-bs-toggle="modal" data-bs-target="#loginModal"> <i class="nc-icon nc-circle-10 d-block text-center mb-lg-2 mb-0 me-2 me-lg-0"></i> Login/Register </a> </li> </ul> </div> </div> </nav>  <div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModal" aria-hidden="true"> <div class="modal-dialog max-width-400 modal-dialog-centered mx-auto" role="document"> <div class="modal-content"> <div class="modal-body p-0"> <div class="card z-index-0"> <div class="card-header text-center pt-4"> <h5 class="mb-4">Login With</h5> <div class="row px-xl-5 px-sm-4 px-3"> <div class="col-4 ms-auto px-1"> <a id="github_login" class="btn btn-outline-light w-100" rel="nofollow" href="/social/github?destination=buy_page&subscribed=1&url=https%253A%252F%252Fwww.creative-tim.com%252Fproduct%252Fbuy%252Fbundle%252Fbundle-laravel"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="24" height="32"> <defs> <linearGradient id="gh-mark-grad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="5%" stop-color="#a838bb" /> <stop offset="80%" stop-color="#51287c" /> </linearGradient> </defs> <path class="gh-mark" fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" /> </svg> </a> </div> <div class="col-4 px-1"> <a id="google_login" class="btn btn-outline-light w-100" rel="nofollow" href="/social/google_oauth2?destination=buy_page&subscribed=1&url=https%253A%252F%252Fwww.creative-tim.com%252Fproduct%252Fbuy%252Fbundle%252Fbundle-laravel"> <svg width="24px" height="32px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="google-icon" transform="translate(3.000000, 2.000000)" fill-rule="nonzero"> <path d="M57.8123233,30.1515267 C57.8123233,27.7263183 57.6155321,25.9565533 57.1896408,24.1212666 L29.4960833,24.1212666 L29.4960833,35.0674653 L45.7515771,35.0674653 C45.4239683,37.7877475 43.6542033,41.8844383 39.7213169,44.6372555 L39.6661883,45.0037254 L48.4223791,51.7870338 L49.0290201,51.8475849 C54.6004021,46.7020943 57.8123233,39.1313952 57.8123233,30.1515267" fill="#4285F4"></path> <path d="M29.4960833,58.9921667 C37.4599129,58.9921667 44.1456164,56.3701671 49.0290201,51.8475849 L39.7213169,44.6372555 C37.2305867,46.3742596 33.887622,47.5868638 29.4960833,47.5868638 C21.6960582,47.5868638 15.0758763,42.4415991 12.7159637,35.3297782 L12.3700541,35.3591501 L3.26524241,42.4054492 L3.14617358,42.736447 C7.9965904,52.3717589 17.959737,58.9921667 29.4960833,58.9921667" fill="#34A853"></path> <path d="M12.7159637,35.3297782 C12.0932812,33.4944915 11.7329116,31.5279353 11.7329116,29.4960833 C11.7329116,27.4640054 12.0932812,25.4976752 12.6832029,23.6623884 L12.6667095,23.2715173 L3.44779955,16.1120237 L3.14617358,16.2554937 C1.14708246,20.2539019 0,24.7439491 0,29.4960833 C0,34.2482175 1.14708246,38.7380388 3.14617358,42.736447 L12.7159637,35.3297782" fill="#FBBC05"></path> <path d="M29.4960833,11.4050769 C35.0347044,11.4050769 38.7707997,13.7975244 40.9011602,15.7968415 L49.2255853,7.66898166 C44.1130815,2.91684746 37.4599129,0 29.4960833,0 C17.959737,0 7.9965904,6.62018183 3.14617358,16.2554937 L12.6832029,23.6623884 C15.0758763,16.5505675 21.6960582,11.4050769 29.4960833,11.4050769" fill="#EB4335"></path> </g> </g> </svg> </a> </div> <div class="col-4 me-auto px-1"> <a id="facebook_login" class="btn btn-outline-light w-100" rel="nofollow" href="/social/facebook?destination=buy_page&subscribed=1&url=https%253A%252F%252Fwww.creative-tim.com%252Fproduct%252Fbuy%252Fbundle%252Fbundle-laravel"> <svg width="24px" height="32px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="facebook-3" transform="translate(3.000000, 3.000000)" fill-rule="nonzero"> <circle id="Oval" fill="#3C5A9A" cx="29.5091719" cy="29.4927506" r="29.4882047"></circle> <path d="M39.0974944,9.05587273 L32.5651312,9.05587273 C28.6886088,9.05587273 24.3768224,10.6862851 24.3768224,16.3054653 C24.395747,18.2634019 24.3768224,20.1385313 24.3768224,22.2488655 L19.8922122,22.2488655 L19.8922122,29.3852113 L24.5156022,29.3852113 L24.5156022,49.9295284 L33.0113092,49.9295284 L33.0113092,29.2496356 L38.6187742,29.2496356 L39.1261316,22.2288395 L32.8649196,22.2288395 C32.8649196,22.2288395 32.8789377,19.1056932 32.8649196,18.1987181 C32.8649196,15.9781412 35.1755132,16.1053059 35.3144932,16.1053059 C36.4140178,16.1053059 38.5518876,16.1085101 39.1006986,16.1053059 L39.1006986,9.05587273 L39.0974944,9.05587273 L39.0974944,9.05587273 Z" fill="#FFFFFF"></path> </g> </g> </svg> </a> </div> </div> </div> <div class="mb-2 position-relative text-center"> <p class="text-sm font-weight-bold mb-2 text-secondary text-border d-inline z-index-2 bg-white px-3"> or </p> </div> <div class="card-body"> <div class="error inside-alert text-white text-sm"></div> <div class="login"> <form html="multipart true" action="/login" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="authenticity_token" value="BsEruxRto5qCdPWe4JJfafi_RWlYyVt6c8GSVqq-v-uVf6fWBTLNtG9GfVHpc36h2AhERRMjMuVDBCYckEnN-w" autocomplete="off" /> <div class="mb-3"> <input type="text" name="email" class="form-control" placeholder="Email" /> </div> <div class="mb-3"> <input type="password" name="password" class="form-control" placeholder="Password" /> </div> <input type="hidden" name="destination" value="buy_page" autocomplete="off" /> <input type="hidden" name="url" value="https%3A%2F%2Fwww.creative-tim.com%2Fproduct%2Fbuy%2Fbundle%2Fbundle-laravel" autocomplete="off" /> <input type="submit" name="commit" value="Login" class="btn bg-gradient-info w-100 my-4 mb-2" data-disable-with="Login" /> <div class="d-flex justify-content-center mt-5"> <script src="https://www.recaptcha.net/recaptcha/api.js" async defer ></script> <div data-sitekey="6LfJvgsTAAAAALbDuISbCDo1l6qyX_YrPT59xaVk" class="g-recaptcha "></div> <noscript> <div> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.recaptcha.net/recaptcha/api/fallback?k=6LfJvgsTAAAAALbDuISbCDo1l6qyX_YrPT59xaVk" name="ReCAPTCHA" style="width: 302px; height: 422px; border-style: none; border: 0; overflow: hidden;"> </iframe> </div> </div> <div style="width: 300px; height: 60px; border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;"> <textarea name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none;"> </textarea> </div> </div> </noscript> </div> </form> </div> <div class="register d-none"> <form html="multipart true" action="/register" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="authenticity_token" value="V--oZrPR78xCNHt0WuSpXTvgoRWE7SqSlB85S7bG6r5zwHEHfVkGmNyAh6mMLgIjjRJUwpK2g26YysYpTyKnpg" autocomplete="off" /> <div class="mb-3"> <input type="text" name="email" class="form-control" placeholder="Email" /> </div> <div class="mb-3"> <input type="password" name="password" class="form-control" placeholder="Password" /> </div> <div class="mb-3"> <input type="password" name="password_confirmation" class="form-control" placeholder="Repeat Password" /> </div> <input type="hidden" name="destination" value="buy_page" autocomplete="off" /> <input type="hidden" name="url" value="https%3A%2F%2Fwww.creative-tim.com%2Fproduct%2Fbuy%2Fbundle%2Fbundle-laravel" autocomplete="off" /> <div class="form-check form-switch"> <input class="form-check-input" type="checkbox" value="1" name="subscribed" class="ct-info checkbox-subscribe" id="rememberMe"> <label class="form-check-label" for="rememberMe">Subscribe me to the Newsletter</label> </div> <input type="submit" name="commit" value="Create account" class="btn bg-gradient-dark w-100 mt-2 mb-4" data-disable-with="Create account" /> </form> </div> </div> <div class="card-footer"> <div class="login"> <p class="text-center mb-2">Looking to <a href="javascript:;" onclick="switchLoginRegister('register', 'login')" class="text-decoration-underline text-body font-weight-bold">create an account?</a></p> <a rel="nofollow" class="text-decoration-underline text-body font-weight-bold d-block text-center" href="/forgot-password">Forgot password?</a> </div> <div class="register d-none"> <p class="text-center mb-2">Already have an account? <a href="javascript:;" onclick="switchLoginRegister('login', 'register')" class="text-decoration-underline text-body font-weight-bold">Login</a></p> </div> </div> </div> </div> </div> </div> </div> <header class="header-2"> <div class="page-header min-vh-85 relative mb-0 mt-md-7 align-items-center" style="background-image: url(https://www.creative-tim.com/assets/campaigns/spring-24/cover-bg-7d1e17ed4dca8a62bd6cf97a04d586ac0b1c0270ae0fedb311a7c6909d0945f9.jpg)"> <div class="container px-5"> <div class="row"> <div class="col-lg-8 mx-auto mt-md-n7 text-center mt-8 mx-auto"> <h1 class="text-campaign-dark font-weight-800 h2 mt-lg-0"> Laravel Bundle <span class="text-campaign-gradient">85% OFF</span> </h1> <p class="mb-4 lead">Take Advantage of all our Full-Stack Templates with <br> <strong class="font-weight-bolder">85% OFF</strong>. Save weeks of work now!</p> <a href="#pricing" class="btn bg-campaign text-white btn-lg mt-4 " data-turbolinks="false"> Pricing </a> </div> </div> </div> </div> </header> <section class="pt-3 pb-4"> <div class="container-fluid p-0"> <div class="row"> <div class="col-lg-12 z-index-2 border-radius-xl mt-md-n8 p-4 border-bottom bg-white"> <div class="d-flex flex-column flex-lg-row justify-content-center text-campaign-dark"> <div class="d-flex flex-column flex-xl-row"> <div class="pe-lg-6 text-center position-relative mb-5 mb-xl-0"> <p class="opacity-7 text-uppercase mb-0 mb-3">reviews from <br> 20,000+ developers</p> <span class="display-5 font-weight-bolder d-block">4.9/5</span> <span class="text-success h6"><i class="fas fa-arrow-up"></i> 2,700 (14%)</span> <hr class="vertical dark d-none d-xl-block"> </div> <div class="pe-lg-6 pe-0 ps-lg-0 ps-xl-6 text-center position-relative mb-5 mb-xl-0"> <p class="opacity-7 text-uppercase mb-0 mb-3">All our Premium <br> products</p> <span class="display-5 font-weight-bolder d-block">138+</span> <span class="text-success h6"><i class="fas fa-arrow-up"></i> 50 (26%)</span> <hr class="vertical dark d-none d-xl-block"> </div> </div> <div class="d-flex flex-column flex-xl-row"> <div class="px-xl-6 px-0 text-center position-relative mb-5 mb-xl-0"> <p class="opacity-7 text-uppercase mb-0 mb-3">Developers using <br> our products</p> <span class="display-5 font-weight-bolder d-block">2,624,060</span> <span class="text-success h6"><i class="fas fa-arrow-up"></i> 350,000 (26%)</span> <hr class="vertical dark d-none d-xl-block"> </div> <div class="ps-xl-6 ps-0 text-center"> <p class="opacity-7 text-uppercase mb-0 mb-3">github stars <br> from community</p> <span class="display-5 font-weight-bolder d-block">43,000+</span> <span class="text-success h6"><i class="fas fa-arrow-up"></i> 1,032 (10%)</span> </div> </div> </div> </div> </div> </div> </section> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="row" id="pricing"> <div class="col-md-8 mx-auto text-center"> <h3 class="text-campaign-dark mt-8">Check out Laravel Bundle Prices</h3> <p class="text-campaign-dark opacity-7">Get access to all our Premium products today, with free updates, designer files, and support included.</p> </div> </div>  <div class="row mt-5 px-3"> <div class="col-xl-3 col-md-6 mb-xl-0 mb-4"> <div class="card border"> <div class="card-header text-center pt-4 pb-3 px-4"> <h5 class="mb-1">Freelancer</h5> <p class="mb-3 text-sm">Good for a personal or client web/mobile app.</p> <div class="d-flex align-items-center flex-column"> <h3 class="text-danger font-weight-bolder">$99</h3> <div class="text-decoration-line-through mb-0"> reg. $3,973 </div> </div> <form id="freelancerForm" action="/create-order-with-bundle" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j8bI_vbG0Pp1IP_aYwDcn36PbTN_YUUZ2QBgapv48tdW11Tg1_gkkL_MPofQI3_RKvYm4rRl_dFE0bmgolkodg" autocomplete="off" /> <input type="hidden" name="bundle" value="JrrrDL0eCfPKIw"> <input class="d-none" type="radio" name="license_type" value="FREELANCER" checked> <button type="button" onclick="submitPaymentForm(this)" class="btn btn-sm btn-round bg-gradient-dark w-100 border-radius-md mt-4 mb-2"> Buy now </button> </form> </div> <hr class="horizontal dark my-0"> <div class="p-4"> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm">Documentation </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm">Fully Coded </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm">Designer Files </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm">1 Project / product </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm">1 User </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm">Support </span> </div> </div> <div class="d-flex"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm">6 months Free Updates </span> </div> </div> </div> </div> </div> <div class="col-xl-3 col-md-6 mb-xl-0 mb-4"> <div class="card border"> <div class="card-header text-center pt-4 pb-3 px-4"> <h5 class="mb-1">Startup</h5> <p class="mb-3 text-sm"> Build your startup or client web/mobile app.</p> <div class="d-flex align-items-center flex-column"> <h3 class="text-danger font-weight-bolder">$129</h3> <div class="text-decoration-line-through mb-0"> reg. $5,323 </div> </div> <form id="startupForm" action="/create-order-with-bundle" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ms_4ITMN85RwV6uWqmJ9E0CLMnWqYqkse4Fk_uuGFxLr3mQ_EjMH_rq7assZQd5dFPJ5pGFmEeTmUL000ifNsw" autocomplete="off" /> <input type="hidden" name="bundle" value="JrrrDL0eCfPKIw"> <input class="d-none" type="radio" name="license_type" value="STARTUP" checked> <button type="button" onclick="submitPaymentForm(this)" class="btn btn-sm btn-round bg-gradient-dark w-100 border-radius-md mt-4 mb-2"> Buy now </button> </form> </div> <hr class="horizontal dark my-0"> <div class="p-4"> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm">Documentation </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm">Fully Coded </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm">Designer Files </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm">1 Project / product </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm">Up to 5 Users </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm">Support </span> </div> </div> <div class="d-flex"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm">12 months Free Updates </span> </div> </div> </div> </div> </div> <div class="col-xl-3 col-md-6 mb-xl-0 mb-4"> <div class="card bg-gradient-dark"> <div class="card-header bg-transparent text-center pt-4 pb-3 px-4"> <h5 class="mb-1 text-white">Company</h5> <p class="mb-3 text-sm text-white"> Perfect for web/mobile apps <br> or SaaS projects.</p> <div class="d-flex align-items-center flex-column"> <h3 class="text-white font-weight-bolder">$179</h3> <div class="text-decoration-line-through mb-0 text-white"> reg. $6,723 </div> </div> <form id="companyForm" action="/create-order-with-bundle" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p-nWekVvIhIds1gnCOSkiQkJOQQUhCIAJ8aj6r-4Uad--EpkZFHWeNdfmXq7xwfHXXBy1d-Amsi6F3oghhmLBg" autocomplete="off" /> <input type="hidden" name="bundle" value="JrrrDL0eCfPKIw"> <input class="d-none" type="radio" name="license_type" value="COMPANY" checked> <button type="button" onclick="submitPaymentForm(this)" class="btn btn-sm btn-round bg-gradient-danger w-100 border-radius-md mt-4 mb-2"> Buy now </button> </form> </div> <hr class="horizontal light my-0"> <div class="p-4"> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-white">Documentation <i class="fa fa-info-circle ms-2" data-bs-toggle="tooltip" data-bs-placement="top" title="It consists of the product technical manuals like getting started, build tools and also is described every component with code examples" aria-hidden="true"></i></span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-white">Fully Coded <i class="fa fa-info-circle ms-2" data-bs-toggle="tooltip" data-bs-placement="top" title="You receive access to entire code for HTML, JS and SCSS files depends on the different package of each Product" aria-hidden="true"></i></span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-white">Designer Files <i class="fa fa-info-circle ms-2" data-bs-toggle="tooltip" data-bs-placement="top" title="You will receive Sketch/Photoshop/Adobe XD/Figma files depends on each Product" aria-hidden="true"></i></span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-white">Use in SaaS <i class="fa fa-info-circle ms-2" data-bs-toggle="tooltip" data-bs-placement="top" title="You can use our products to create an application where the end user is charged with a monthly/annually subscription plan (SaaS - Software as a Service)" aria-hidden="true"></i></span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-white">Unlimited Projects <i class="fa fa-info-circle ms-2" data-bs-toggle="tooltip" data-bs-placement="top" title="You can create End Products and deploy them on domains like endproduct1.com, endproduct2.com, endproductx.com" aria-hidden="true"></i></span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-white">Up to 20 Users <i class="fa fa-info-circle ms-2" data-bs-toggle="tooltip" data-bs-placement="top" title="How many people can work and have access to the source code of our items. You have an “Invite Team” option in your Downloads dashboard to invite your team members." aria-hidden="true"></i></span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-white">Priority Support <i class="fa fa-info-circle ms-2" data-bs-toggle="tooltip" data-bs-placement="top" title="You receive bug fixes and responses directly from the creators of the products in a couple of hours during business days with the Priority Support. The regular Support meaning that you will get responses and bug fixes in 24 hours during business days." aria-hidden="true"></i></span> </div> </div> <div class="d-flex"> <div> <i class="fas fa-check text-body opacity-6 text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-white">12 months Free Updates <i class="fa fa-info-circle ms-2" data-bs-toggle="tooltip" data-bs-placement="top" title="You receive Free Updates that contains bug fixes and new features for 6/12/lifetime months depending on the license you bought. After that period, if you need new access to our latests Updates you have to purchase the Product again. If you don’t need our latest Updates you can continue using our products for how many months/years you want." aria-hidden="true"></i></span> </div> </div> </div> </div> </div> <div class="col-xl-3 col-md-6 mb-xl-0 mb-4" id="club-pricing-section"> <div class="card shadow-none border border-color-gold border-width-3 bg-darker" style="background-image: url(/assets/campaigns/bg-pricing-a3dbf4eb5ce5526946b26befda3be0ceedbbf6feb156922f7b2b323dab224a70.png); background-size: cover;"> <div class="card-header text-center pt-4 pb-3 px-4 bg-transparent"> <small class="text-gold"> *one time payment </small> <h5 class="mb-1 text-gold">Creative Tim Club</h5> <p class="mb-3 text-sm text-gold">Access to all our Present & Future Premium Products!</p> <div class="d-flex align-items-center flex-column"> <h3 class="text-gold font-weight-bolder"> $349 </h3> <div class="text-decoration-line-through mb-0 text-white"> reg. $749 </div> </div> <form id="COMPANY-pricing-fiat-club" action="/send-product-to-avangate/creative-tim-club" accept-charset="UTF-8" method="get"> <button type="button" onclick="submitPaymentForm(this)" class="btn btn-sm text-dark bg-gold w-100 btn-round mt-2 mb-2"> Buy Now </button> <input class="d-none" type="radio" name="license_type" value="COMPANY" checked> </form> </div> <hr class="horizontal light my-0"> <div class="p-4"> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-gold text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-gold">Instant Access to 130+ Products </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-gold text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-gold"> Access to all our Future Products </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-gold text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-gold">Company License </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-gold text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-gold">Documentation </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-gold text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-gold">Fully Coded </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-gold text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-gold">Designer Files </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-gold text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-gold">Unlimited Projects </span> </div> </div> <div class="d-flex pb-3"> <div> <i class="fas fa-check text-gold text-sm"></i> </div> <div class="ps-3"> <span class="text-sm text-gold">Priority Support </span> </div> </div> <small class="text-gold"> * one time payment - no hidden fees, no subscription </small> </div> </div> </div> </div> <script src="https://cdn.paddle.com/paddle/paddle.js"></script> <script type="text/javascript"> Paddle.Setup({ vendor: 102023 }); </script>   <div class="row"> <div class="col-md-6 mx-auto mt-5"> <p class="text-center text-campaign-dark"> <i class="fa fa-lock"></i> Secured Payment by <b> 2Checkout </b> with: <br><br> <i class="fa fa-cc-paypal fa-2x"></i> <i class="fa fa-cc-visa fa-2x"></i> <i class="fa fa-cc-mastercard fa-2x"></i> <i class="fa fa-cc-amex fa-2x"></i> </p> <p class="text-center mx-auto text-campaign-dark"> <b>Info:</b> If you are a Registered Company inside the European Union you will be able to add your VAT ID after your Press "Buy Now" </p> </div> </div>  </div> </div> <div class="row"> <div class="col-xl-8 col-lg-7 col-md-9 text-center mx-auto"> <h2 id="offerStart" class="text-campaign-dark mt-6 mb-4">Check out our Laravel Bundle</h2> <div class="d-inline-flex flex-wrap justify-content-center my-4"> <div class="avatar avatar-lg me-2 p-2 rounded-circle border mb-2" data-bs-toggle="tooltip" data-bs-placement="top" title="Laravel"> <img class="img-fluid" src="/assets/frameworks/icon-laravel-6a1dcc81e9b159b1e7ff38fa103fcab7d4ab47daaa81a067f449dc8ef54d662b.png" /> </div> <div class="avatar avatar-lg me-2 p-2 rounded-circle border mb-2" data-bs-toggle="tooltip" data-bs-placement="top" title="Bootstrap"> <img class="img-fluid" src="/assets/frameworks/icon-bootstrap-d76ab1ad4c5721f9bf2e532dbd5814fbe7ce7838b2624cb54549af2eeb825446.png" /> </div> <div class="avatar avatar-lg me-2 p-2 rounded-circle border mb-2" data-bs-toggle="tooltip" data-bs-placement="top" title="Sass"> <img class="img-fluid" src="/assets/frameworks/icon-sass-0cc57d90d0d0d5f3f91288427854d5a68b1db300e5cccf3c88cfdf81cfcbf992.png" /> </div> <div class="avatar avatar-lg me-2 p-2 rounded-circle border mb-2" data-bs-toggle="tooltip" data-bs-placement="top" title="Html"> <img class="img-fluid" src="/assets/frameworks/icon-html-d3ee99a57e398c75a374b50cf95a416ccd4c3403af445ece5785153cd729c342.png" /> </div> <div class="avatar avatar-lg me-2 p-2 rounded-circle border mb-2" data-bs-toggle="tooltip" data-bs-placement="top" title="Sketch"> <img class="img-fluid" src="/assets/frameworks/icon-sketch-0908dc1069d8293736a09728f7ef3b81f8a8ce3fd7c95e1dfbf8b75f9f25a6d5.png" /> </div> <div class="avatar avatar-lg me-2 p-2 rounded-circle border mb-2" data-bs-toggle="tooltip" data-bs-placement="top" title="Figma"> <img class="img-fluid" src="/assets/frameworks/icon-figma-06854b3f8b7f8a70370150cdeb84c7abc2a899eac214c596e80d371088e870d4.png" /> </div> <div class="avatar avatar-lg me-2 p-2 rounded-circle border mb-2" data-bs-toggle="tooltip" data-bs-placement="top" title="Xd"> <img class="img-fluid" src="/assets/frameworks/icon-xd-5bd5fb73e2f5e32a7306b1a3dbdba1979a54d0d8c1931d2eafb5abd8ef8e62f0.png" /> </div> <div class="avatar avatar-lg me-2 p-2 rounded-circle border mb-2" data-bs-toggle="tooltip" data-bs-placement="top" title="Photoshop"> <img class="img-fluid" src="/assets/frameworks/icon-photoshop-86c77aa451e9d011e6dd5d0312da53f05aeca5b18068416d54e1a5f6be9a220f.png" /> </div> </div> <p class="lead mt-3 text-campaign-dark opacity-8">Interested in buying our top 27 premium products? <br> Buy the stack and save up to 85%.</p> <ul class="list-group flex-md-row justify-content-center my-6"> <li class="list-group-item border-0 d-flex align-items-center ps-2 bg-transparent"> <i class="fas fa-check text-xxs me-3 text-white p-2 bg-campaign rounded-circle" aria-hidden="true"></i> <span class="opacity-8 text-campaign-dark">27 UI Kits and Dashboards</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-2 bg-transparent"> <i class="fas fa-check text-xxs me-3 text-white p-2 bg-campaign rounded-circle" aria-hidden="true"></i> <span class="opacity-8 text-campaign-dark">Designer Files</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-2 bg-transparent"> <i class="fas fa-check text-xxs me-3 text-white p-2 bg-campaign rounded-circle" aria-hidden="true"></i> <span class="opacity-8 text-campaign-dark">Lifetime Usage</span> </li> </ul> </div> </div> <div class="row"> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/corporate-ui-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/738/original/corporate-ui-dashboard-pro-laravel.jpg?1695733080" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/corporate-ui-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Corporate UI Dashboard PRO Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Premium Full Stack App With Laravel</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">300 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">16 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">54 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/material-dashboard-pro-react-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/687/original/react-material-dashboard-pro-laravel.jpg?1664783851" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/material-dashboard-pro-react-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Material Dashboard PRO React Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Full Stack App With Laravel & React</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">200 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">12 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">30 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/material-dashboard-pro-laravel-bs4" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/599/original/opt_mdp_laravel_thumbnail.jpg?1651245532" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/material-dashboard-pro-laravel-bs4" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Material Dashboard Pro Laravel BS4 <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Premium Admin Dashboard For Laravel With Ready To Use Cruds</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">200 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">15 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">27 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/vue-soft-ui-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/734/original/vue-soft-ui-dashboard-pro-laravel.jpg?1683202411" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/vue-soft-ui-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Vue Soft UI Dashboard PRO Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Full Stack App With Vue3 And Laravel API</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">300 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">14 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">55 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/vue-material-dashboard-laravel-pro-bs4" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/730/original/opt_mdp_vuelaravel_thumbnail_pro.jpg?1680783076" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/vue-material-dashboard-laravel-pro-bs4" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Vue Material Dashboard Laravel PRO BS4 <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Full Stack App With Vue, Laravel & Json:api</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">200 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">15 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">28 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/nuxt-argon-dashboard-pro-laravel-bs4" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/732/original/opt_adp_nuxt_laravel_thumbnail.jpg?1680783770" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/nuxt-argon-dashboard-pro-laravel-bs4" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Nuxt Argon Dashboard PRO Laravel BS4 <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Full Stack App With Nuxt, Laravel & Json:api</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">200 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">17 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">26 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/vue-argon-dashboard-pro-laravel-bs4" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/693/original/opt_adp_vue_laravel_thumbnail2.jpg?1671019289" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/vue-argon-dashboard-pro-laravel-bs4" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Vue Argon Dashboard PRO Laravel BS4 <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Full Stack App With Vue, Laravel & Json:api</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">200 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">17 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">26 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/argon-dashboard-pro-laravel-bs4" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/639/original/opt_adp_laravel_thumbnail.jpg?1651244212" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/argon-dashboard-pro-laravel-bs4" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Argon Dashboard Pro Laravel BS4 <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Premium Admin Dashboard For Laravel With Ready To Use Cruds</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">200 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">16 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">25 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/material-dashboard-pro-laravel-livewire" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/601/original/material-dashboard-pro-laravel-livewire.jpg?1647530123" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/material-dashboard-pro-laravel-livewire" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Material Dashboard 2 PRO Laravel Livewire <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Full Stack App with Laravel, Livewire and Alpine.js</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">300 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">15 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">54 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/soft-ui-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/603/original/soft-ui-dashboard-pro-laravel.jpg?1647532003" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/soft-ui-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Soft UI Dashboard PRO Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Fullstack Dashboard tool for building Laravel apps</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">300 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">14 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">54 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/soft-ui-dashboard-pro-laravel-livewire" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/493/original/soft-ui-dashboard-pro-laravel-livewire.jpg?1647531042" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/soft-ui-dashboard-pro-laravel-livewire" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Soft UI Dashboard PRO Laravel Livewire <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Full Stack App With Laravel, Livewire & Alpine.js</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">300 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">14 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">54 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/vue-white-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/409/original/opt_wdp_vuelaravel_thumbnail.jpg?1608548544" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/vue-white-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Vue White Dashboard PRO Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Full Stack App with Vue, Laravel & JSON:API</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">200 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">17 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">28 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/vue-now-ui-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/407/original/opt_nudp_vuelaravel_thumbnail.jpg?1608548564" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/vue-now-ui-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Vue Now UI Dashboard PRO Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Full Stack App with Vue, Laravel & JSON:API</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">160 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">17 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">27 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/vue-paper-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/405/original/opt_pdp_vuelaravel_thumbnail.jpg?1608217967" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/vue-paper-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Vue Paper Dashboard PRO Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Full Stack App with Vue, Laravel & JSON:API</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">160 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">17 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">26 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/vue-black-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/403/original/opt_bdp_vuelaravel_thumbnail.jpg?1608217272" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/vue-black-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Vue Black Dashboard PRO Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Full Stack App with Vue, Laravel & JSON:API</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">200 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">17 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">28 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/headless-cms-with-laravel-json-api-pro" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/349/original/headless-cms-with-laravel-json-api.jpg?1607349191" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/headless-cms-with-laravel-json-api-pro" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Headless CMS Laravel JSON:API PRO <span class="text-danger text-xxl text-decoration-line-through"> $99 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Build apis for all devices and frontends using JSON:API standard</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">0 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">0 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">0 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/nuxt-argon-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/351/original/nuxt-argon-dashboard-laravel-pro.jpg?1684832931" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/nuxt-argon-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Nuxt Argon Dashboard 2 PRO Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Full stack app with Nuxt3 frontend and fully coded API-powered Laravel backend.</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">200 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">14 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">50 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/vue-argon-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/353/original/vue-argon-dashboard-laravel-pro.jpg?1683629797" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/vue-argon-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Vue Argon Dashboard 2 PRO Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Full stack app with Vue, Laravel & JSON:API</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">300 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">14 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">55 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/vue-material-dashboard-laravel-pro" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/332/original/vue-material-dashboard-laravel-pro.jpg?1684310708" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/vue-material-dashboard-laravel-pro" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Vue Material Dashboard 2 PRO Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Full Stack App With Vue, Laravel & Json:api</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">100 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">10 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">30 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/material-blog-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/222/original/opt_mb_laravel_thumbnail.jpg?1571907923" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/material-blog-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Material Blog PRO Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Premium Laravel Cms</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">1000 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">21 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">28 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/paper-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/208/original/opt_pdp_laravel_thumbnail.jpg?1567086636" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/paper-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Paper Dashboard PRO Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Premium Admin Dashboard For Laravel With Ready To Use Cruds</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">160 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">13 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">5 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/light-bootstrap-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/212/original/opt_lbdp_laravel_thumbnail.jpg?1567087387" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/light-bootstrap-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Light Bootstrap Dashboard PRO Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Premium Admin Dashboard For Laravel With Ready To Use Cruds</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">120 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">15 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">4 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/now-ui-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/210/original/opt_nudp_laravel_thumbnail.jpg?1567087239" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/now-ui-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Now UI Dashboard PRO Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Premium Admin Dashboard For Laravel With Ready To Use Cruds</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">160 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">13 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">28 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/white-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/214/original/opt_wdp_laravel_thumbnail.jpg?1567087443" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/white-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> White Dashboard PRO Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Premium Admin Dashboard For Laravel With Ready To Use Cruds</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">200 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">14 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">26 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/black-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/166/original/opt_blkp_laravel_thumbnail.jpg?1561727757" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/black-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Black Dashboard Pro Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Premium Admin Dashboard For Laravel With Ready To Use Cruds</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">200 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">14 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">26 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/material-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/158/original/material-dashboard-pro-laravel.jpg?1664453314" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/material-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Material Dashboard 2 Pro Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Fullstack Dashboard tool for building Laravel apps</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">200 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">15 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">27 Example Pages</span> </li> </ul> </div> </div> </div> <div class="col-md-12 col-lg-4"> <div class="card bg-transparent shadow-none mb-4"> <div class="card-header p-0 mx-3 mt-3 bg-transparent"> <a href="/product/argon-dashboard-pro-laravel" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/products/146/original/argon-dashboard-pro-laravel.jpg?1664463154" class="img-fluid border-radius-xl shadow-lg" /> </a> </div> <div class="p-4 min-height-300"> <a href="/product/argon-dashboard-pro-laravel" target="_blank"> <h5 class="d-flex justify-content-between align-items-center text-campaign-dark text-lg"> Argon Dashboard 2 Pro Laravel <span class="text-danger text-xxl text-decoration-line-through"> $149 </span> </h5> </a> <p class="lead text-capitalize text-sm text-campaign-dark opacity-7">Premium Fullstack Dashboard tool for building Laravel apps</p> <ul class="list-group"> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-code text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">200 Elements</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-wrench text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">16 Plugins</span> </li> <li class="list-group-item border-0 d-flex align-items-center ps-1 bg-transparent"> <i class="fa fa-picture-o text-sm me-2 bg-campaign text-white p-2 px-1 w-px-30 rounded-circle text-center" aria-hidden="true"></i> <span class="text-campaign-dark">25 Example Pages</span> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <h2 class="mb-6 mt-8 text-center font-weight-800 text-campaign-dark">Frequently Asked Questions</h2> </div> <div class="col-md-6"> <div class="accordion" id="accordionFaq"> <div class="accordion-item mb-3"> <h6 class="accordion-header" id="headingOne"> <button class="accordion-button text-campaign-dark font-weight-bold text-start collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> What does "Use in Saas" refer to? <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> </button> </h6> <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionFaq" style=""> <div class="accordion-body text-campaign-dark text-sm opacity-8"> You can use our products to create an application where the end user is charged with a monthly/annually subscription plan (SaaS - Software as a Service). </div> </div> </div> <div class="accordion-item mb-3"> <h6 class="accordion-header" id="headingTwo"> <button class="accordion-button text-campaign-dark font-weight-bold text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> What are the differences between the licenses on the website? <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> </button> </h6> <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionFaq"> <div class="accordion-body text-campaign-dark text-sm opacity-8"> The Freelancer license is aimed at people who work on their own. It grants you the right to use the purchased product <strong>only for one project</strong> (either yours or for a client). This license is not compatible with SaaS-based projects. <br><br> The Startup license is aimed at smaller teams. It grants you and your team (up to 5 people) the right to use the purchased product only for one project (either yours or for a client). This license is not compatible with SaaS-based projects. <br><br> The Company license is aimed at agencies or larger teams. It grants you the right to create other licensed products base on the template that you purchase form us. This license it's compatible with SaaS-based projects. <br><br> The Enterprise license is aimed at large companies with multiple projects. It grants you the right to create <strong>any kind of software, SaaS, digital products and sell them</strong>. For restrictions, please check <a href="https://www.creative-tim.com/knowledge-center/is-there-any-type-of-restriction-regarding-the-enterprise-license/" class="text-campaign-dark text-decoration-underline font-weight-bold">here</a> <br><br> Also, the differences between our four types of Licenses is given by the <a href="https://www.creative-tim.com/knowledge-center/what-does-tech-support-include/" class="text-campaign-dark text-decoration-underline font-weight-bold">Tech Support</a> / <a href="https://www.creative-tim.com/knowledge-center/what-do-free-updates-mean/" class="text-campaign-dark text-decoration-underline font-weight-bold">Free Updates</a> availability and <a href="https://www.creative-tim.com/knowledge-center/how-many-developers-can-access-the-product/" class="text-campaign-dark text-decoration-underline font-weight-bold">Team Size</a>. <br><br> More info <a href="https://www.creative-tim.com/license" class="text-campaign-dark text-decoration-underline font-weight-bold">here</a>. </div> </div> </div> <div class="accordion-item mb-3"> <h6 class="accordion-header" id="headingThree"> <button class="accordion-button text-campaign-dark font-weight-bold text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> What is the difference between a Free and a Pro product? <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> </button> </h6> <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionFaq"> <div class="accordion-body text-campaign-dark text-sm opacity-8"> The differences between the Free and Pro products consists of the number of components, plugins, sections, pages in each. <br><br> More info <a href="https://www.creative-tim.com/knowledge-center/what-is-the-difference-between-a-free-and-a-pro-product/" class="text-campaign-dark text-decoration-underline font-weight-bold">here</a>. </div> </div> </div> <div class="accordion-item mb-3"> <h6 class="accordion-header" id="headingFour"> <button class="accordion-button text-campaign-dark font-weight-bold text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> How can I upgrade my license? <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> </button> </h6> <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionFaq"> <div class="accordion-body text-campaign-dark text-sm opacity-8"> You can upgrade from one license plan to the next one whenever you want simply by paying the cost difference. You only have to send us <strong>an email in which you specify the product that you have and the Order ID</strong>. We will give you an unique coupon for the upgrade. <br><br> More info <a href="https://www.creative-tim.com/knowledge-center/how-can-i-upgrade-my-license/" class="text-campaign-dark text-decoration-underline font-weight-bold">here</a>. </div> </div> </div> <div class="accordion-item mb-3"> <h6 class="accordion-header" id="headingFifth"> <button class="accordion-button text-campaign-dark font-weight-bold text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFifth" aria-expanded="false" aria-controls="collapseFifth"> Can I use a premium product in an open source project? <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> </button> </h6> <div id="collapseFifth" class="accordion-collapse collapse" aria-labelledby="headingFifth" data-bs-parent="#accordionFaq"> <div class="accordion-body text-campaign-dark text-sm opacity-8"> Yes, of course! You can use the PRO product for an open source project if you add in the Readme file (on github) or in the description of your product that you built the project using “X product from Creative Tim” and a link to the product page. <br><br> More info <a href="https://www.creative-tim.com/knowledge-center/can-i-use-a-premium-product-in-an-open-source-project/" class="text-campaign-dark text-decoration-underline font-weight-bold">here</a>. </div> </div> </div> <div class="accordion-item mb-3"> <h6 class="accordion-header" id="headingSeventh"> <button class="accordion-button text-campaign-dark font-weight-bold text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeventh" aria-expanded="false" aria-controls="collapseSeventh"> Is there any type of restriction regarding the Enterprise License? <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> </button> </h6> <div id="collapseSeventh" class="accordion-collapse collapse" aria-labelledby="headingSeventh" data-bs-parent="#accordionFaq"> <div class="accordion-body text-campaign-dark text-sm opacity-8"> You don't have any restrictions using the Enterprise License; you just cannot create products or businesses that are in direct competition to us using our products: <br><br> <ul> <li>You can’t re-distribute the Item as stock, in a tool or template, or with source files. You can’t do this with an Item either on its own or bundled with other items. You can’t re-distribute or make available the Item as-is or with superficial modifications. <i>For example: You can’t license an item and then make it available as-is on your website for your users to download</i>.</li> <br> <li>You can’t use the Item in any application allowing an end-user to customize a digital or physical product to their specific needs, such as an “on-demand”, “made to order” or “build it yourself” application. You can use the Item in this way only if you purchase a separate License for each final product incorporating the Item that is created using the application. <i>For example: you can't create a website builder</i>.</li> </ul> </div> </div> </div> <div class="accordion-item mb-3"> <h6 class="accordion-header" id="faq9"> <button class="accordion-button text-campaign-dark font-weight-bold text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapsefaq9" aria-expanded="false" aria-controls="collapsefaq9"> Can I transfer my License from a company to another one? <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> </button> </h6> <div id="collapsefaq9" class="accordion-collapse collapse" aria-labelledby="faq9" data-bs-parent="#accordionFaq"> <div class="accordion-body text-campaign-dark text-sm opacity-8"> Yes, you can. It is available for all Licenses type as long as the <strong>support</strong> included in the License is still valid. <br><br> More info <a href="https://www.creative-tim.com/knowledge-center/can-i-transfer-my-license-from-a-company-to-another-one/" class="text-campaign-dark text-decoration-underline font-weight-bold">here</a>. </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="accordion" id="accordionFaq2"> <div class="accordion-item mb-3"> <h6 class="accordion-header" id="faq1"> <button class="accordion-button text-campaign-dark font-weight-bold text-start collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsefaq1" aria-expanded="false" aria-controls="collapsefaq1"> What does the number of "Projects" refer to? <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> </button> </h6> <div id="collapsefaq1" class="accordion-collapse collapse" aria-labelledby="faq1" data-bs-parent="#accordionFaq2" style=""> <div class="accordion-body text-campaign-dark text-sm opacity-8"> Depending on the License you purchase, you can use our Bundle's products to either code a website/web application for you, for a client, or for multiple clients, which will be hosted on one or multiple domains: <br><br> <ul> <li>For example, if you purchased React Full Stack Bundle (17 products) with Freelancer License, you can create only <strong>one website (for you or a client) per product</strong>, which means a total of 17 websites. Same, if you have multiple subdomains per product, like "test.yoursite.com" or "dev.yoursite.com", you can use the Freelancer License.</li> <br> <li>If you want to create <strong>multiple websites per product</strong>, you will need a bigger License (like Company or Enterprise). Same, if you have a complex application like a SaaS and have "client1.yoursite.com" and "client2.yoursite.com" and "clientx.yoursite.com", you will need a multi-domain License like Company or Enterprise.</li> </ul> </div> </div> </div> <div class="accordion-item mb-3"> <h6 class="accordion-header" id="faq2"> <button class="accordion-button text-campaign-dark font-weight-bold text-start collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsefaq2" aria-expanded="false" aria-controls="collapsefaq2"> How many Developers can access the product? <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> </button> </h6> <div id="collapsefaq2" class="accordion-collapse collapse" aria-labelledby="faq2" data-bs-parent="#accordionFaq2" style=""> <div class="accordion-body text-campaign-dark text-sm opacity-8"> Depending on the License type you purchased, one or more developers (from your team, for example) can access the product: <br><br> <ul> <li>If you purchased the Freelancer License, only you (one developer) can use the product.</li> <br> <li>If you purchased the Startup License, up to 5 developers (including you) can use the product.</li> <br> <li>If you purchased the Company License, up to 20 developers (including you) can access the product.</li> <br> <li>If you purchased the Enterprise License, you can work with a bigger team - more than 20 developers can access the product.</li> </ul> <a href="https://www.creative-tim.com/knowledge-center/how-can-i-invite-team-members-to-access-a-product/" class="text-campaign-dark text-decoration-underline font-weight-bold">Here are the steps to give product access to your team members</a>. </div> </div> </div> <div class="accordion-item mb-3"> <h6 class="accordion-header" id="faq3"> <button class="accordion-button text-campaign-dark font-weight-bold text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapsefaq3" aria-expanded="false" aria-controls="collapsefaq3"> What does the "Documentation" refer to? <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> </button> </h6> <div id="collapsefaq3" class="accordion-collapse collapse" aria-labelledby="faq3" data-bs-parent="#accordionFaq2"> <div class="accordion-body text-campaign-dark text-sm opacity-8"> It consists of the product technical manuals like getting started, build tools, and it also describes every component with code examples. </div> </div> </div> <div class="accordion-item mb-3"> <h6 class="accordion-header" id="faq4"> <button class="accordion-button text-campaign-dark font-weight-bold text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapsefaq4" aria-expanded="false" aria-controls="collapsefaq4"> What does the "Fully Coded" refer to? <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> </button> </h6> <div id="collapsefaq4" class="accordion-collapse collapse" aria-labelledby="faq4" data-bs-parent="#accordionFaq2"> <div class="accordion-body text-campaign-dark text-sm opacity-8"> It means that you receive access to the entire code for HTML, JS, and SCSS files depending on the different packages of each product. </div> </div> </div> <div class="accordion-item mb-3"> <h6 class="accordion-header" id="faq5"> <button class="accordion-button text-campaign-dark font-weight-bold text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapsefaq5" aria-expanded="false" aria-controls="collapsefaq5"> What does "Tech Support" include? <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> </button> </h6> <div id="collapsefaq5" class="accordion-collapse collapse" aria-labelledby="faq4" data-bs-parent="#accordionFaq2"> <div class="accordion-body text-campaign-dark text-sm opacity-8"> When you buy our products you have access to our Support Team so you can submit any ticket to us regarding product functionalities and bug fixes (learning and tutorials related requests are not included). You will get responses directly from the product’s creators in 24 hours for regular <strong>Support</strong> and in a couple of hours for <strong>Priority Support</strong> (during business days). </div> </div> </div> <div class="accordion-item mb-3"> <h6 class="accordion-header" id="faq7"> <button class="accordion-button text-campaign-dark font-weight-bold text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapsefaq7" aria-expanded="false" aria-controls="collapsefaq7"> What do "Free Updates" mean? <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> </button> </h6> <div id="collapsefaq7" class="accordion-collapse collapse" aria-labelledby="faq7" data-bs-parent="#accordionFaq2"> <div class="accordion-body text-campaign-dark text-sm opacity-8"> Depending on your license type, you have a determined period when you receive product updates that include <strong>bug fixes and new features</strong>. <br><br> More info <a href="https://www.creative-tim.com/knowledge-center/what-do-free-updates-mean/" class="text-campaign-dark text-decoration-underline font-weight-bold">here</a>. </div> </div> </div> <div class="accordion-item mb-3"> <h6 class="accordion-header" id="faq8"> <button class="accordion-button text-campaign-dark font-weight-bold text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapsefaq8" aria-expanded="false" aria-controls="collapsefaq8"> If I bought a Company Bundle, but I want an Enterprise Bundle instead, what can I do? <i class="collapse-close fa fa-plus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> <i class="collapse-open fa fa-minus text-xs pt-1 position-absolute end-0 me-3" aria-hidden="true"></i> </button> </h6> <div id="collapsefaq8" class="accordion-collapse collapse" aria-labelledby="faq8" data-bs-parent="#accordionFaq2"> <div class="accordion-body text-campaign-dark text-sm opacity-8"> Please send us an email at <a href="https://www.creative-tim.com/contact-us" target="_blank" class="text-campaign-dark text-decoration-underline font-weight-bold"><span class="__cf_email__" data-cfemail="fe8d8b8e8e918c8abe9d8c9b9f8a97889bd38a9793d09d9193">[email protected]</span></a>. We will send you an upgrade coupon for your desired Bundle, and you will only pay the price difference. </div> </div> </div> </div> </div> <div class="col-md-12 text-center"> <a href="https://creative-tim.com/knowledge-center/black-friday" target="_blank" class="btn bg-campaign text-white btn-lg mt-5 px-4"> Go to Knowledge Center </a> </div> </div> </div> <div class="modal fade" id="search-modal-dashboard" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header border-0"> <h5 class="mb-0">Okay, what we are looking for?</h5> <button class="btn shadow-none text-lg p-0" type="button" data-bs-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <hr class="horizontal dark my-0"> <div class="modal-body"> <div class="card card-body shadow-none mb-0"> <div itemscope itemtype="https://schema.org/WebSite"> <meta itemprop="url" content="https://www.creative-tim.com/"/> <form class="form-control-search" itemprop="potentialAction" itemscope="itemscope" itemtype="https://schema.org/SearchAction" action="/search" accept-charset="UTF-8" method="get"> <meta itemprop="target" content="https://www.creative-tim.com/search?q={q}"/> <div class="input-group"> <span class="input-group-text text-body"><i class="fas fa-search" aria-hidden="true"></i></span> <input type="text" name="q" id="q" class="form-control" placeholder="Type here..." itemprop="query-input" /> </div> </form> </div> </div> </div> </div> </div> </div> <footer class="footer pt-9 pb-5"> <div class="container"> <div class="row"> <div class="col-md-3 col-6 ms-auto mb-md-0 mb-4"> <h6 class="text-sm text-campaign-dark">Company</h6> <ul class="flex-column ms-n3 nav"> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="/presentation" target="_blank"> About Us </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://github.com/creativetimofficial" target="_blank"> Github </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="/templates/free" target="_blank"> Freebies </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="/templates/premium" target="_blank"> Premium </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.creative-tim.com/blog" target="_blank"> Blog </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="/affiliates/new" target="_blank"> Affiliate Program </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.creative-tim.com/club?ref=ct-footer" target="_blank"> Creative Tim Club </a> </li> </ul> </div> <div class="col-md-3 col-6 mb-md-0 mb-4"> <h6 class="text-sm text-campaign-dark">Help and Support</h6> <ul class="flex-column ms-n3 nav"> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.creative-tim.com/knowledge-center" target="_blank"> Knowledge Center </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="/contact-us" target="_blank"> Contact Us </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="/support-terms" target="_blank"> Premium Support </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.creative-tim.com/services/updivision?ref=ct-footer" target="_blank"> Custom Development </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.creative-tim.com/knowledge-center/terms-of-service/" target="_blank"> Terms & Conditions </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.creative-tim.com/knowledge-center/privacy-policy/" target="_blank"> Privacy Policy </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="/license" target="_blank"> Licenses </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://iradesign.io" target="_blank"> Illustrations </a> </li> </ul> </div> <div class="col-md-3 col-6 mb-md-0 mb-4"> <h6 class="text-sm text-campaign-dark">Tailwind Resources</h6> <ul class="flex-column ms-n3 nav"> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="/templates/tailwind-dashboard" target="_blank"> Admin & Dashboard </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="/templates/tailwind" target="_blank"> Templates & Kits </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.material-tailwind.com/?ref=ct-footer" target="_blank"> React & Tailwind Framework </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.material-tailwind.com/?ref=ct-footer" target="_blank"> HTML & Tailwind Framework </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.material-tailwind.com/figma?ref=ct-footer" target="_blank"> Figma Design System </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.creative-tim.com/twcomponents/cheatsheet" target="_blank"> TW Cheatsheet </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.creative-tim.com/twcomponents/gradient-generator" target="_blank"> TW Gradient Generator </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.creative-tim.com/twcomponents" target="_blank"> TW Components </a> </li> </ul> </div> <div class="col-md-3 col-6 mb-md-0 mb-4 me-auto"> <h6 class="text-sm text-campaign-dark">Developer Resources</h6> <ul class="flex-column ms-n3 nav"> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.galichat.com/?ref=ct-footer" target="_blank"> GaliChat AI Assistant </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.creative-tim.com/gpts" target="_blank"> GPTs Collection </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.creative-tim.com/cheatsheet/bootstrap4" target="_blank"> Bootstrap Cheat Sheet </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.creative-tim.com/cheatsheet/chatgpt-prompts/" target="_blank"> Chatgpt Prompts </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://code-mentor.ai/" target="_blank"> AI Code Mentor </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://m.do.co/c/276af09d9975" target="_blank"> Digital Ocean </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.creative-tim.com/software?ref=ct-footer" target="_blank"> Top Software Companies </a> </li> <li class="nav-item"> <a class="nav-link text-campaign-dark opacity-8" href="https://www.creative-tim.com/software-engineering-intelligence?ref=ct-footer" target="_blank"> Software Engineering Intelligence </a> </li> </ul> </div> </div> <hr class="horizontal dark mt-lg-5 mt-4 mb-sm-4 mb-1"> <div class="d-flex justify-content-center flex-column"> <img class="mx-auto" width="100" height="100" alt="logo" src="/assets/logo/logo-ct-black-vertical-f3b0b023d9a807b8c8902f7578542927eef178983cabb861b5d513b9dbb4c720.svg" /> <div class="text-center"> <a href="https://github.com/creativetimofficial" target="_blank" class="btn btn-outline-campaign-dark rounded-circle btn-icon-only fs-6 p-2 me-2 mb-3"><i class="fab fa-github" aria-hidden="true"></i></a> <a href="https://dribbble.com/creativetim" target="_blank" class="btn btn-outline-campaign-dark rounded-circle btn-icon-only fs-6 p-2 me-2 mb-3"><i class="fab fa-dribbble" aria-hidden="true"></i></a> <a href="https://www.facebook.com/CreativeTim" target="_blank" class="btn btn-outline-campaign-dark rounded-circle btn-icon-only fs-6 p-2 me-2 mb-3"><i class="fab fa-facebook-square" aria-hidden="true"></i></a> <a href="https://twitter.com/CreativeTim" target="_blank" class="btn btn-outline-campaign-dark rounded-circle btn-icon-only fs-6 p-2 me-2 mb-3"><i class="fab fa-twitter" aria-hidden="true"></i></a> <a href="https://www.instagram.com/creativetimofficial/" target="_blank" class="btn btn-outline-campaign-dark rounded-circle btn-icon-only fs-6 p-2 me-2 mb-3"><i class="fab fa-instagram-square" aria-hidden="true"></i></a> <a href="https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w" target="_blank" class="btn btn-outline-campaign-dark rounded-circle btn-icon-only fs-6 p-2 me-2 mb-3"><i class="fab fa-youtube" aria-hidden="true"></i></a> <a href="https://ro.pinterest.com/thecreativetim/" target="_blank" class="btn btn-outline-campaign-dark rounded-circle btn-icon-only fs-6 p-2 mb-3"><i class="fab fa-pinterest" aria-hidden="true"></i></a> </div> </div> <div class="row"> <div class="col-md-12 mx-lg-auto text-lg-center"> <p class="text-sm text-center text-campaign-dark opacity-8 mb-0 mt-3"> © <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>document.write(new Date().getFullYear())</script> Creative Tim, all rights reserved. Made with <i class="fas fa-heart" aria-hidden="true"></i> for a better web. </p> </div> </div> </div> </footer> <div class="modal fade login" id="loginModal"> <div class="modal-dialog login animated"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Login with</h4> </div> <div class="modal-body"> <div class="box"> <div class="content"> <div class="social" data-turbolinks="false"> <a id="github_login" class="circle github" rel="nofollow" href="/social/github?destination=buy_page&subscribed=1&url=https%253A%252F%252Fwww.creative-tim.com%252Fproduct%252Fbuy%252Fbundle%252Fbundle-laravel"> <i class="icon-github"></i> </a> <a id="google_login" class="circle google" rel="nofollow" href="/social/google_oauth2?destination=buy_page&subscribed=1&url=https%253A%252F%252Fwww.creative-tim.com%252Fproduct%252Fbuy%252Fbundle%252Fbundle-laravel"> <i class="fa fa-google"></i> </a> <a id="facebook_login" class="circle facebook" rel="nofollow" href="/social/facebook?destination=buy_page&subscribed=1&url=https%253A%252F%252Fwww.creative-tim.com%252Fproduct%252Fbuy%252Fbundle%252Fbundle-laravel"> <i class="icon-facebook-alt"></i> </a> </div> <div class="division"> <div class="line l"></div> <span>or</span> <div class="line r"></div> </div> <div class="error inside-alert"></div> <div class="form loginBox"> <form html="multipart true" action="/login" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="authenticity_token" value="Ay-z28MKAcc3sbZb5jPvT5-0RANlftl8piT-FWqY2byQkT-20lVv6dqDPpTv0s6HvwNFLy6UsOOW4UpfUG-rrA" autocomplete="off" /> <input type="text" name="email" class="form-control" placeholder="Email" /> <input type="password" name="password" class="form-control" placeholder="Password" /> <input type="hidden" name="destination" value="buy_page" autocomplete="off" /> <input type="hidden" name="url" value="https%3A%2F%2Fwww.creative-tim.com%2Fproduct%2Fbuy%2Fbundle%2Fbundle-laravel" autocomplete="off" /> <div class="row"> <div class="col-md-12"> <input type="submit" name="commit" value="Login" class="btn btn-default btn-login" data-disable-with="Login" /> </div> <div class="col-md-12 mt-24 d-flex justify-content-center"> <script src="https://www.recaptcha.net/recaptcha/api.js" async defer ></script> <div data-sitekey="6LfJvgsTAAAAALbDuISbCDo1l6qyX_YrPT59xaVk" class="g-recaptcha "></div> <noscript> <div> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.recaptcha.net/recaptcha/api/fallback?k=6LfJvgsTAAAAALbDuISbCDo1l6qyX_YrPT59xaVk" name="ReCAPTCHA" style="width: 302px; height: 422px; border-style: none; border: 0; overflow: hidden;"> </iframe> </div> </div> <div style="width: 300px; height: 60px; border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;"> <textarea name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none;"> </textarea> </div> </div> </noscript> </div> </div> </form> </div> </div> </div> <div class="box"> <div class="content registerBox" style="display:none;"> <div class="form"> <form html="multipart true" action="/register" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="authenticity_token" value="8AkBq5HziGJP_4AuIYajDfjnX7YAGGRrxwdOvqWUjBTUJtjKX3thNtFLfPP3TAhzThWqYRZDzZfL0rHcXHDBDA" autocomplete="off" /> <input type="text" name="email" class="form-control" placeholder="Email" /> <input type="password" name="password" class="form-control" placeholder="Password" /> <input type="password" name="password_confirmation" class="form-control" placeholder="Repeat Password" /> <input type="hidden" name="destination" value="buy_page" autocomplete="off" /> <input type="hidden" name="url" value="https%3A%2F%2Fwww.creative-tim.com%2Fproduct%2Fbuy%2Fbundle%2Fbundle-laravel" autocomplete="off" /> <label class="checkbox"> <input type="checkbox" value="1" data-toggle="checkbox" name="subscribed" class="ct-info checkbox-subscribe"> Subscribe me to the Newsletter </label> <input type="submit" name="commit" value="Create account" class="btn btn-default btn-register" data-disable-with="Create account" /> </form> </div> </div> </div> </div> <div class="modal-footer"> <div class="forgot login-footer"> <span>Looking to <a href="javascript: showRegisterForm();" rel="nofollow">create an account</a> ?</span> <br /> <span><a rel="nofollow" href="/forgot-password">Forgot password</a> ?</span> </div> <div class="forgot register-footer" style="display:none"> <span>Already have an account?</span> <a href="javascript: showLoginForm();">Login</a> </div> </div> </div> </div> </div> <div class="modal fade" id="search-modal" role="dialog"> <div class="modal-dialog"> <div itemscope itemtype="https://schema.org/WebSite"> <meta itemprop="url" content="https://www.creative-tim.com/"/> <form class="form-control-search" itemprop="potentialAction" itemscope="itemscope" itemtype="https://schema.org/SearchAction" action="/search" accept-charset="UTF-8" method="get"> <div class="form-group"> <meta itemprop="target" content="https://www.creative-tim.com/search?q={q}"/> <div class="input-group input-group-lg"> <span class="input-group-addon"> <i class="icon-search"></i></span> <input type="text" name="q" id="q" class="form-control form-control-lg search" placeholder="Okay, what are we looking for?" itemprop="query-input" /> </div> </div> </form> </div> </div> </div> <script src="/assets/layouts/campaign/general-bc4b7d3c23dc03cf4e8eec6c8edfdc067c233df3c070f300e6abfefaf695ddf4.js" data-turbolinks-track="reload"></script> <script src="https://widget.galichat.com/gali-embeded.min.js" chat-hash="qm67ek58shjmf589d5j7o" defer> </script> </body> </html>

CINXE.COM