Fully coded UI Tools to create web apps @ Creative Tim

<!doctype html> <html lang="en"> <head> <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":"JlhdRhEOCQhdExoUFgdbWlE8EQQDXU5FFgYWUl1GAhUMC1Y=","queueTime":2,"applicationTime":6,"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> <link rel="apple-touch-icon" sizes="76x76" href="/assets/presentation-page/img/apple-icon.png"> <link rel="icon" type="image/x-icon" href="/assets/favicon-9d06eb31fc41af6ef76f2954364a3a0b75637640a367d1816b9bf8b9ce392cb6.ico" /> <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <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" /> <title> Fully coded UI Tools to create web apps @ Creative Tim </title>  <link rel="canonical" href="https://www.creative-tim.com/presentation" itemprop="url"/> <meta name="description" content="UI Kits and Dashboards for Bootstrap, Vue.js, React and Angular"/> <meta name="keywords" content="fully coded, ui tools, bootstrap, vuejs, vue.js, react, angular, angularjs, creativetim, creative tim, bootstrap, theme, freebies, bootstrap kit, bootstrap template, free items, beautiful ui, awesome freebies, css cards, bootstrap wizard, bootstrap plugin" /> <meta property="og:title" content=" Creative Tim - Fully coded UI Tools to create web apps" /> <meta property="og:url" content="https://www.creative-tim.com/presentation"/> <meta property="og:image" content="/assets/presentation-page/img/social_image.jpg" /> <meta property="og:description" content="UI Kits and Dashboards for Bootstrap, Vue.js, React and Angular" /> <meta property="twitter:card" content="summary" /> <meta property="twitter:url" content="https://www.creative-tim.com/presentation" /> <meta property="twitter:title" content="Creative Tim - Fully coded UI Tools to create web apps" /> <meta property="twitter:description" content="UI Kits and Dashboards for Bootstrap, Vue.js, React and Angular" /> <meta property="twitter:image" content="https://www.creative-tim.com/presentation" /> <meta property="twitter:site" content="@CreativeTim" /> <meta property="twitter:creator" content="@CreativeTim" /> <link rel="stylesheet" href="/assets/presentation-e3a30851018fed13cbcf2cb804113c4cbe4b6f1c97c24f5707fdbee928c6cadb.css" media="all" data-turbolinks-track="reload" /> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <script src="/assets/presentation/presentation-21eec89898f177d47575b21e80d2828d53c74fcfcfe32eb77dab094e5204a754.js" data-turbolinks-track="reload"></script>  <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 general var dataLayer = dataLayer || []; dataLayer.push({ 'pageType':'General', 'pageDomain':'MainDomain' }); // end dataLayer general </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> <nav class="navbar navbar-default" role="navigation-demo"> <div class="container">  <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation-default2"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="https://www.creative-tim.com">Creative Tim</a> </div>  <div class="collapse navbar-collapse" id="navigation-default2"> <ul class="nav navbar-nav navbar-right"> <li> <a href="https://www.creative-tim.com/services/updivision?ref=ct-presentation" target="_blank"> Custom Development </a> </li> <li class="dropdown dropdown-with-icons"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Our products <b class="caret"></b> </a> <ul class="dropdown-menu"> <li> <a href="/templates?ref=new-presentation-page"> <span class="logo"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/bootstrap.jpg" alt=""> </span> <span class="text"><b>Bootstrap</b> Frameworks</span> </a> </li> <li> <a href="/templates/vuejs?ref=new-presentation-page"> <span class="logo"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/vue.jpg" alt=""> </span> <span class="text"><b>Vue.js</b> Frameworks</span> </a> </li> <li> <a href="/templates/react?ref=new-presentation-page"> <span class="logo"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/react.jpg" alt=""> </span> <span class="text"><b>React</b> Frameworks</span> </a> </li> <li> <a href="/templates/angular?ref=new-presentation-page"> <span class="logo"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/angular.jpg" alt=""> </span> <span class="text"><b>Angular</b> Frameworks</span> </a> </li> <li> <a href="/templates/laravel?ref=new-presentation-page"> <span class="logo" style="width: 40px; margin-left: 9px; margin-right: 6px;"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/icon-laravel.jpg" alt=""> </span> <span class="text"><b>Laravel</b> Frameworks</span> </a> </li> </ul> </li> <li> <a class="nav-link social btn-facebook" href="https://www.facebook.com/CreativeTim/" target="_blank"> <i class="fa fa-facebook-square"></i> </a> </li> <li> <a class="nav-link social btn-instagram" href="https://www.instagram.com/creativetimofficial" target="_blank"> <i class="fa fa-instagram"></i> </a> </li> <li> <a class="nav-link social btn-twitter" href="https://twitter.com/CreativeTim" target="_blank"> <i class="fa fa-twitter"></i> </a> </li> <li> <a class="nav-link social btn-dribbble" href="https://dribbble.com/creativetim" target="_blank"> <i class="fa fa-dribbble"></i> </a> </li> </ul> </div> </div> </nav> <div class="wrapper"> <div class="section section-header"> <div class="points"> <div class="point point-floating-1"></div> <div class="point point-floating-2"></div> <div class="point point-floating-3"></div> <div class="point point-floating-4"></div> <div class="point point-floating-5"></div> <div class="point point-floating-6"></div> <div class="point point-floating-7"></div> <div class="point point-floating-8"></div> <div class="point point-floating-9"></div> </div> <div class="container"> <div class="row"> <div class="col-md-6 text-left col-z-index"> <h1 class="title">Fully coded UI Tools to create web apps</h1> <h4 class="desc">UI Kits and Dashboards built on top of Bootstrap, Vue.js, React and Angular.</h4> </div> <div class="col-md-6"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/illustration.jpg" class="illustration"> </div> </div> </div> <div class="space-110"></div> <div class="card card-plain"> <div class="card-featured-content"> <a href="https://www.forbes.com/" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/forbes.jpg"> </a> <a href="https://entrepreneur.com/" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/entrepreneur.jpg" style="width: 150px; top: 2px; position: relative"> </a> <a href="https://www.producthunt.com/" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/product-hunt.jpg" style="width: 145px"> </a> <a href="https://www.awwwards.com/" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/awwwards.jpg" style="width: 125px"> </a> <a href="https://www.creativebloq.com/" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/creativebloq.jpg" style="width: 120px"> </a>  <a href="https://speckyboy.com/" target="_blank"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/speckyboy.jpg"> </a> </div> </div> </div> <div class="section section-do" id="whatwedo"> <div class="points"> <div class="point point-floating-1"></div> <div class="point point-floating-2"></div> <div class="point point-floating-7"></div> <div class="point point-floating-8"></div> <div class="point point-floating-9"></div> </div> <div class="container"> <div class="col-md-8 col-md-offset-2 text-center"> <h2 class="title">Area of expertise</h2> <div class="space-50"></div> </div> <div class="row"> <div class="col-md-4"> <div class="info"> <div class="icon icon-info icon-round icon-lg"> <i class="nc-icon nc-single-copy-04"></i> </div> <div class="description"> <h4 class="info-title">Create UI Frameworks</h4> <h5 class="desc"> We have created the tools that will help you in your next project. From plugins to complex kits, we've got you covered in all areas regarding front-end development. </h5> </div> </div> </div> <div class="col-md-4"> <div class="info"> <div class="icon icon-danger icon-round icon-lg"> <i class="nc-icon nc-palette"></i> </div> <div class="description"> <h4 class="info-title">Share Freebies</h4> <h5 class="desc"> Everything that we used to create our products can be downloaded for free under MIT License. People have already trusted and used them in thousands of sites. </h5> </div> </div> </div> <div class="col-md-4"> <div class="info"> <div class="icon icon-success icon-round icon-lg"> <i class="nc-icon nc-spaceship"></i> </div> <div class="description"> <h4 class="info-title">Power Hackathons</h4> <h5 class="desc"> We've sponsored many hackathons around the world with the tools that they need to make awesome web applications. Our UI tools go hand in hand with startups. </h5> </div> </div> </div> </div> </div> </div> <div class="section section-technologies"> <div class="points"> <div class="point point-floating-1"></div> <div class="point point-floating-2"></div> <div class="point point-floating-3"></div> <div class="point point-floating-4"></div> </div> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2 text-center"> <h2 class="title">Our technologies</h2> <h4 class="desc"> Our products are built on top of modern frameworks. Having the coded and the designed versions for the same framework, your designers and developers will talk the same language. </h4> </div> </div> <div class="row"> <div class="col-sm-1 col-xs-3 col-sm-offset-2"> <a href="https://vuejs.org/" target="_blank" rel="tooltip" title="Vue.js - The progressive javascript framework"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/vue.jpg"> </a> </div> <div class="col-sm-1 col-xs-3"> <a href="https://angularjs.org/" target="_blank" rel="tooltip" title="Angular - One framework. Mobile & desktop"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/angular.jpg"> </a> </div> <div class="col-sm-1 col-xs-3"> <a href="https://reactjs.org/" target="_blank" rel="tooltip" title="React - A JavaScript library for building user interfaces"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/react.jpg"> </a> </div> <div class="col-sm-1 col-xs-3"> <a href="https://getbootstrap.com/" target="_blank" rel="tooltip" title="Bootstrap - Most popular front-end component library"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/bootstrap.jpg"> </a> </div> <div class="col-sm-1 col-xs-3"> <a href="https://sass-lang.com/" target="_blank" rel="tooltip" title="Sass - Powerful professional CSS extension language in the world"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/sass.jpg"> </a> </div> <div class="col-sm-1 col-xs-3"> <a href="https://www.adobe.com/products/photoshop.html" target="_blank" rel="tooltip" title="Adobe Photoshop - Software for digital images manipulation"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/ps.jpg"> </a> </div> <div class="col-sm-1 col-xs-3"> <a href="https://www.sketchapp.com/" target="_blank" rel="tooltip" title="Sketch - Digital design toolkit"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/sketch.jpg"> </a> </div> <div class="col-sm-1 col-xs-3"> <a href="https://www.figma.com/" target="_blank" rel="tooltip" title="Figma - Turn Ideas Into Products Faster"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/figma.jpg"> </a> </div> <div class="col-sm-1 col-xs-3"> <a href="https://www.laravel.com/" target="_blank" rel="tooltip" title="Laravel - Php Framework"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/icon-laravel.jpg"> </a> </div> </div> </div> </div> <div class="section section-products"> <div class="points"> <div class="point point-floating-3"></div> <div class="point point-floating-4"></div> <div class="point point-floating-5"></div> </div> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2 text-center"> <h2 class="title">Solutions for you</h2> <h4 class="desc"> Creating your web design from scratch with dedicated designers can be very expensive. Using our solutions you don't have to worry about design. Save time and money by focusing on the business model. </h4> </div> </div> <div class="row"> <div class="points"> <div class="point point-floating-1"></div> <div class="point point-floating-2"></div> <div class="point point-floating-3"></div> <div class="point point-floating-4"></div> </div> <div class="col-md-5"> <div class="ipad"> <div class="shadow"></div> <div class="lid"></div> <div class="screen"> <div id="carousel-kits" class="carousel slide" data-ride="carousel" data-interval="2500">  <ol class="carousel-indicators"> <li data-target="#carousel-kits" data-slide-to="0" class="active"></li> <li data-target="#carousel-kits" data-slide-to="1"></li> <li data-target="#carousel-kits" data-slide-to="2"></li> </ol>  <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/nowuikit.jpg" alt="..."> </div> <div class="item"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/materialkit.jpg" alt="..."> </div> <div class="item"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/paperkit.jpg" alt="..."> </div> </div> </div> </div> </div> </div> <div class="col-md-5 col-md-offset-1"> <div class="info info-horizontal"> <div class="icon icon-success"> <i class="nc-icon nc-single-copy-04"></i> </div> <div class="description"> <h4 class="info-title">UI Kits & Example Pages</h4> <p class="desc"> The easiest way to get started is to use one of our pre-built example pages. From landing pages to e-commerce or blog pages, you will be able jump start your development. Show your clients a quick prototype that can be made in minutes! </p> </div> </div> <div class="info info-horizontal"> <div class="icon icon-danger"> <i class="nc-icon nc-app"></i> </div> <div class="description"> <h4 class="info-title">Pre-Made Sections & Elements</h4> <p class="desc"> Build pages in no time using pre-made sections and elements! From headers to footers, you will be able to choose the best combination for your project. </p> <a href="/templates/ui-kit?ref=new-presentation-page" target="_blank" class="btn">View UI Kits</a> </div> </div> </div> </div> <div class="space-180"></div> <div class="row"> <div class="points"> <div class="point point-floating-6"></div> <div class="point point-floating-2"></div> <div class="point point-floating-5"></div> <div class="point point-floating-7"></div> <div class="point point-floating-8"></div> <div class="point point-floating-9"></div> </div> <div class="col-md-5"> <div class="info info-horizontal"> <div class="icon icon-info"> <i class="nc-icon nc-controller"></i> </div> <div class="description"> <h4 class="info-title">Easy to Use Admin Templates</h4> <p class="desc"> Every element that you need in a product comes built in as a component. All components fit perfectly with each other and can take variations in colour. </p> </div> </div> <div class="info info-horizontal"> <div class="icon icon-warning"> <i class="nc-icon nc-settings"></i> </div> <div class="description"> <h4 class="info-title">Fully Coded Dashboards</h4> <p class="desc"> Using the our Admin Dashboards will save you large amount of time. You don't have to worry about customising the basic Bootstrap 4 design or generating new components. </p> <a href="/templates/admin-dashboard?ref=new-presentation-page" target="_blank" class="btn">View Admin Dashboards</a> </div> </div> </div> <div class="col-md-5 col-md-offset-1"> <div class="laptop"> <div class="shadow"></div> <div class="lid"></div> <div class="screen"> <div id="carousel-dashboards" class="carousel slide" data-ride="carousel" data-interval="4500">  <ol class="carousel-indicators"> <li data-target="#carousel-dashboards" data-slide-to="0" class="active"></li> <li data-target="#carousel-dashboards" data-slide-to="1"></li> <li data-target="#carousel-dashboards" data-slide-to="2"></li> </ol>  <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/md-dashboard.jpg" alt="..."> </div> <div class="item"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/nud-dashboard.jpg" alt="..."> </div> <div class="item"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/lbd-dashboard.jpg" alt="..."> </div> </div> </div> </div> <div class="bottom"> <div class="keyboard"></div> <div class="trackpad"></div> </div> </div> </div> <div class="points"> <div class="point point-floating-1"></div> <div class="point point-floating-3"></div> <div class="point point-floating-4"></div> </div> </div> <div class="space-180"></div> </div> </div> <div class="section section-numbers" style="background-image:url('https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/map.png');"> <div class="points"> <div class="point point-floating-1"></div> <div class="point point-floating-2"></div> <div class="point point-floating-3"></div> <div class="point point-floating-4"></div> <div class="point point-floating-5"></div> <div class="point point-floating-6"></div> <div class="point point-floating-7"></div> <div class="point point-floating-8"></div> <div class="point point-floating-9"></div> </div> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <div class="info text-center"> <div class="icon icon-danger icon-circle icon-lg"> <i class="nc-icon nc-badge"></i> </div> <div class="numbers"> <div class='num'>2</div><div class='vir'>,</div><div class='num'>6</div><div class='num'>2</div><div class='num'>6</div><div class='vir'>,</div><div class='num'>3</div><div class='num'>0</div><div class='num'>9</div> </div> <h3 class="desc">Developers and Companies around the world using our products.</h3> </div> </div> </div> </div> </div> <div class="section section-team"> <div class="points"> <div class="point point-floating-7"></div> <div class="point point-floating-8"></div> <div class="point point-floating-9"></div> </div> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2 text-center"> <h2 class="title">Who is behind these great looking interfaces?</h2> <div class="space-50"></div> </div> </div> <div class="avatars"> <div class="avatar avatar-one" data-toggle="tooltip" data-placement="top" title="Marketing Strategist"> <a href="#pablo"> <img alt="Marketing Strategist" class="img img-raised" src="/assets/presentation/img/team/alexandra-3d80924f7d7b7acee18fc24913949878b7720e3ba00eda137a02373121b805f0.jpg" /> </a> </div> <div class="avatar avatar-two" data-toggle="tooltip" data-placement="bottom" title="ReactJS Developer"> <a href="#pablo"> <img alt="ReactJS Developer" class="img img-raised" src="/assets/presentation/img/team/sajad-570b606331fcb9a4dd830df0cf30455a3effcfa677db8cb91bcc1f9285593c99.jpg" /> </a> </div> <div class="avatar avatar-three" data-toggle="tooltip" data-placement="top" title="Front-End Developer"> <a href="#pablo"> <img alt="Front-End Developer" class="img img-raised" src="/assets/presentation/img/team/Dragos2-8de5bc0eda64c06440bf31e5c2b2f89635c5df7c5100227a2386049b5bc7925c.jpg" /> </a> </div> <div class="avatar avatar-four" data-toggle="tooltip" data-placement="bottom" title="Full-Stack Developer"> <a href="#pablo"> <img alt="Full-Stack Developer" class="img img-raised" src="/assets/presentation/img/team/Beni2-5e106d0d8c315ac7b8343b3f1d2e4ce89623633eb403c544f147e8b1101c3caa.jpg" /> </a> </div> <div class="avatar avatar-five" data-toggle="tooltip" data-placement="bottom" title="Front-End Developer"> <a href="#pablo"> <img alt="Front-End Developer" class="img img-raised" src="/assets/presentation/img/team/Rares2-e26a1088660fe1770a9a493422b759c50c0217595276f93104624ebb8e6780ca.jpg" /> </a> </div> <div class="avatar avatar-six" data-toggle="tooltip" data-placement="top" title="UI/UX Designer"> <a href="#pablo"> <img alt="UI/UX Designer" class="img img-raised" src="/assets/presentation/img/team/Elisa2-7c9a9b1bfd111fee4e8ac8faf36dff7a379b78fbd17345f063760a44fc29d2e6.jpg" /> </a> </div> <div class="avatar avatar-eight" data-toggle="tooltip" data-placement="bottom" title="Office Manager"> <a href="#pablo"> <img alt="Office Manager" class="img img-raised" src="/assets/presentation/img/team/cristina-8c1f3dd8af5c3d0cf32645c3ab82fa356adf76099bee6b82b41a0fc3217a056f.jpg" /> </a> </div> <div class="avatar avatar-ten" data-toggle="tooltip" data-placement="top" title="Front-End Developer"> <a href="#pablo"> <img alt="Front-End Developer" class="img img-raised" src="/assets/presentation/img/team/StefanM2-d566ce8cc6f27e73fc27a60a8df5092673980f7c5c8e8dbf23e2a40b378d225a.jpg" /> </a> </div> <div class="avatar avatar-eleven" data-toggle="tooltip" data-placement="bottom" title="Co-Founder"> <a href="#pablo"> <img alt="Co-Founder" class="img img-raised" src="/assets/presentation/img/team/Alex2-ff74e7caf6cd4cbc2b5c16faa07e049c984a18bdf45fc41716da88228de26e2f.jpg" /> </a> </div> </div> </div> </div> <div class="section section-who"> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2 text-center"> <h2 class="title">Some of our awesome clients</h2> <h4 class="desc"> We are so excited to see our frameworks being used in Personal Projects, Large Enterprise Applications, Governmental Projects or <br>in Prestigious Universities. </h4> </div> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="card-featured"> <div class="card-featured-content"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/microsoft.jpg"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/vodafone.jpg"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/at.jpg" style="width:70px;"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/amazon.jpg" style="width: 90px"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/cisco.jpg" style="width: 75px;"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/sales.jpg" style="width:75px;"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/ibm.jpg" style="width:80px;"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/samsung.jpg"> </div> </div> </div> </div> </div> </div> <div class="space-50"></div> </div> <div class="section section-giving section-black"> <div class="universities"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/harvard.png"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/mit.png" style="width:100px;"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/who/stanford.png"> </div> <div class="container"> <div class="row"> <div class="col-md-10 col-md-offset-1 text-center"> <h2 class="title text-white">Giving Back to the Community</h2> <h4 class="desc text-grey"> Here at Creative Tim we belive in the power of giving back! We are proud to sponsor schools, universities, hackathons and be part of events where we can teach people how to become better developers, designers and entrepreneurs. </h4> </div> </div> <div class="row"> <div class="col-md-4"> <img class="img-raised rounded img-fluid" src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/giveback1.jpg" rel="tooltip" title="Organisers of the 1st Dribbble Meetup in Romania."> </div> <div class="col-md-4"> <img class="img-raised rounded img-fluid" src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/giveback6.jpg" rel="tooltip" title="Presentation about building an online business for AIESEC Youth Forum."> </div> <div class="col-md-4"> <img class="img-raised rounded img-fluid" src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/giveback3.jpg" rel="tooltip" title="Mentors and participants at Startup Weekend in Piatra Neamt 2017."> </div> <div class="col-md-3"> <img class="img-raised rounded img-fluid" src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/giveback9.jpg" rel="tooltip" title="Sponsors and mentors at Startup Weekend Zurich 2016."> </div> <div class="col-md-3"> <img class="img-raised rounded img-fluid" src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/giveback5.jpg" rel="tooltip" title="Sponsors and mentors at Startup Weekend Iasi 2018."> </div> <div class="col-md-3"> <img class="img-raised rounded img-fluid" src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/giveback4.jpg" rel="tooltip" title="Sponsors at Startup Weekend Piatra Neamt 2017."> </div> <div class="col-md-3"> <img class="img-raised rounded img-fluid" src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/giveback2.jpg" rel="tooltip" title="Gift Cards for students and participants."> </div> </div> <div class="space-110"> </div> <div class="row"> <div class="col-md-4 col-sm-offset-0"> <h3>Conferences</h3> <div class="items"> <div class="item"> <div class="photo"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/dribbble.jpg"> </div> <div class="info"> <a class="title text-left" href="https://www.creative-tim.com/blog/web-design/first-bucharest-dribbble-meetup-thoughts-impressions/" target="_blank">Dribbble Meetup</a> <div class="text text-left">Hosted the first 2 Dribbble meetups in Romania</div> </div> </div> <div class="item"> <div class="photo"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/swpn.jpg"> </div> <div class="info"> <a class="title text-left" href="http://communities.techstars.com/romania/piatra-neamt-romania/startup-weekend/11523" target="_blank">Startup Weekend Piatra Neamt</a> <div class="text text-left">TechStars Hackathon</div> </div> </div> <div class="item"> <div class="photo"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/swb.jpg"> </div> <div class="info"> <a class="title text-left" href="http://communities.techstars.com/romania/bucharest/startup-weekend/10521" target="_blank">Startup Weekend Bucharest</a> <div class="text text-left">TechStars Hackathon</div> </div> </div> </div> </div> <div class="col-md-4 col-sm-offset-0"> <h3>Community Help</h3> <div class="items"> <div class="item"> <div class="photo"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/cheatsheet.jpg"> </div> <div class="info"> <a class="title text-left" href="https://www.creative-tim.com/cheatsheet/bootstrap4" target="_blank">BS4 Cheat Sheet</a> <div class="text text-left">Bootstrap Cheat Sheet for Developers</div> </div> </div> <div class="item"> <div class="photo"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/youtube-open.jpg"> </div> <div class="info"> <a class="title text-left" href="https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w" target="_blank">YouTube Tutorials</a> <div class="text text-left">How to build web interfaces with HTML</div> </div> </div> <div class="item"> <div class="photo"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/anatomy.jpg"> </div> <div class="info"> <a class="title text-left" href="https://medium.freecodecamp.org/the-anatomy-of-a-bootstrap-dashboard-that-earns-1-000s-each-month-ed3404010d25" target="_blank">Anatomy of a Bootstrap Dashboard</a> <div class="text text-left">Case study for web developers</div> </div> </div> </div> </div> <div class="col-md-4 col-sm-offset-0"> <h3>Open Source</h3> <div class="items"> <div class="item"> <div class="photo"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/mk-open.jpg"> </div> <div class="info"> <a class="title text-left" href="https://github.com/creativetimofficial/material-kit" target="_blank">Material Kit</a> <div class="text text-left">Bootstrap 4 Material Design UI Kit</div> </div> </div> <div class="item"> <div class="photo"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/nuk-open.jpg"> </div> <div class="info"> <a class="title text-left" href="https://github.com/creativetimofficial/now-ui-kit" target="_blank">Now UI Kit</a> <div class="text text-left">Bootstrap 4 UI Kit by Invision</div> </div> </div> <div class="item"> <div class="photo"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/md-open.jpg"> </div> <div class="info"> <a class="title text-left" href="https://github.com/creativetimofficial/material-dashboard" target="_blank">Material Dashboard</a> <div class="text text-left">Bootstrap 4 Admin Dashboard</div> </div> </div> </div> </div> </div> </div> </div> <div class="section section-map section-black"> <div class="container"> <div class="col-lg-5 col-md-10"> <div class="card card-contact card-raised"> <div class="card-body"> <div class="info info-horizontal"> <div class="icon icon-primary"> <i class="nc-icon nc-chat-round"></i> </div> <div class="description"> <h5 class="info-title">We are here to help</h5> <a href="https://www.creative-tim.com/contact-us" class="btn">Contact Us </a> </div> </div> <div class="info info-horizontal"> <div class="icon icon-primary"> <i class="nc-icon nc-building"></i> </div> <div class="description"> <h5 class="info-title">Details about our company</h5> <p> Company: CREATIVE CODE SRL <br> VAT ID: RO32193813 <br> No. Reg. Companies: J40/4367/30.03.2017 <br> Address: Bucharest, District 1 <br> Dionisie Lupu nr. 56, et. 5, ap. 15 </p> </div> </div> </div> </div> </div> <div class="col-lg-5"> <div class="image-container"> <img src="https://s3.amazonaws.com/creativetim_bucket/tim_static_images/presentation-page/world2.png" class="map" alt=""> </div> </div> </div> </div> </div> <footer class="footer footer-black"> <div class="container"> <nav class="pull-left"> <ul> <li> <a href="https://www.creative-tim.com/terms" target="_blank"> Terms & Conditions </a> </li> <li> <a href="https://www.creative-tim.com/license" target="_blank"> Licenses </a> </li> <li> <a href="https://www.creative-tim.com/knowledge-center" target="_blank"> Knowledge Center </a> </li> <li> <a href="https://www.creative-tim.com/affiliates/new" target="_blank"> Affiliates </a> </li> <li> <a href="https://www.creative-tim.com/blog" target="_blank"> Blog </a> </li> </ul> </nav> <div class="pull-right"> <div class="copyright"> © 2024 <a href="https://www.creative-tim.com">Creative Tim</a>, made with love for a better web. </div> </div> </div> </footer> <script type="text/javascript"> $(document).ready(function(){ // the body of this function is in assets/js/now-ui-kit.js $(function () { $('[data-toggle="tooltip"]').tooltip() }) }); </script> </body> </html>

CINXE.COM

Fully coded UI Tools to create web apps @ Creative Tim