Fluid cursor webgl<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><link rel=\"stylesheet\" href=\".\/style.css\">\r\n\r\n<\/head>\r\n<body>\r\n\r\n<section id='container'>\r\n <h1 class='a-title'><big><big><b>SERVICES<\/b><\/big><\/big><\/h1>\r\n <h2 class='a-second-title'><\/h2>\r\n <canvas><\/canvas>\r\n<\/section>\r\n\r\n <script src=\".\/script.js\"><\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n<style>\r\n html,\r\nbody {\r\n overflow: ;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n#container {\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.a-title {\r\n position: absolute;\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-image: conic-gradient(#ffffff, white);\r\n pointer-events: none;\r\n mix-blend-mode: difference;\r\n filter: drop-shadow(2px 4px 6px red);\r\n}\r\n.a-second-title {\r\n position: absolute;\r\n margin-top: 25vh;\r\n pointer-events: none;\r\n -webkit-text-stroke: 1.3px white;\r\n letter-spacing: 1.125px;\r\n font-size: -webkit-xxx-large;\r\n font-weight: 1000;\r\n mix-blend-mode: color-dodge;\r\n}\r\n\r\ncanvas {\r\n width: 100%;\r\n height: 500px;\r\n}\r\n\r\n<\/style>\r\n<script>\r\n 'use strict';\r\n\r\nconst canvas = document.getElementsByTagName('canvas')[0];\r\ncanvas.width = canvas.clientWidth;\r\ncanvas.height = canvas.clientHeight;\r\n\r\nlet config = {\r\n TEXTURE_DOWNSAMPLE: 1,\r\n DENSITY_DISSIPATION: 0.98,\r\n VELOCITY_DISSIPATION: 0.99,\r\n PRESSURE_DISSIPATION: 0.8,\r\n PRESSURE_ITERATIONS: 25,\r\n CURL: 28,\r\n SPLAT_RADIUS: 0.004 };\r\n\r\n\r\nlet pointers = [];\r\nlet splatStack = [];\r\n\r\nconst { gl, ext } = getWebGLContext(canvas);\r\n\r\nfunction getWebGLContext(canvas) {\r\n const params = { alpha: false, depth: false, stencil: false, antialias: false };\r\n\r\n let gl = canvas.getContext('webgl2', params);\r\n const isWebGL2 = !!gl;\r\n if (!isWebGL2)\r\n gl = canvas.getContext('webgl', params) || canvas.getContext('experimental-webgl', params);\r\n\r\n let halfFloat;\r\n let supportLinearFiltering;\r\n if (isWebGL2) {\r\n gl.getExtension('EXT_color_buffer_float');\r\n supportLinearFiltering = gl.getExtension('OES_texture_float_linear');\r\n } else {\r\n halfFloat = gl.getExtension('OES_texture_half_float');\r\n supportLinearFiltering = gl.getExtension('OES_texture_half_float_linear');\r\n }\r\n\r\n gl.clearColor(0.0, 0.0, 0.0, 1.0);\r\n\r\n const halfFloatTexType = isWebGL2 ? gl.HALF_FLOAT : halfFloat.HALF_FLOAT_OES;\r\n let formatRGBA;\r\n let formatRG;\r\n let formatR;\r\n\r\n if (isWebGL2)\r\n {\r\n formatRGBA = getSupportedFormat(gl, gl.RGBA16F, gl.RGBA, halfFloatTexType);\r\n formatRG = getSupportedFormat(gl, gl.RG16F, gl.RG, halfFloatTexType);\r\n formatR = getSupportedFormat(gl, gl.R16F, gl.RED, halfFloatTexType);\r\n } else\r\n\r\n {\r\n formatRGBA = getSupportedFormat(gl, gl.RGBA, gl.RGBA, halfFloatTexType);\r\n formatRG = getSupportedFormat(gl, gl.RGBA, gl.RGBA, halfFloatTexType);\r\n formatR = getSupportedFormat(gl, gl.RGBA, gl.RGBA, halfFloatTexType);\r\n }\r\n\r\n return {\r\n gl,\r\n ext: {\r\n formatRGBA,\r\n formatRG,\r\n formatR,\r\n halfFloatTexType,\r\n supportLinearFiltering } };\r\n\r\n\r\n}\r\n\r\nfunction getSupportedFormat(gl, internalFormat, format, type)\r\n{\r\n if (!supportRenderTextureFormat(gl, internalFormat, format, type))\r\n {\r\n switch (internalFormat) {\r\n\r\n case gl.R16F:\r\n return getSupportedFormat(gl, gl.RG16F, gl.RG, type);\r\n case gl.RG16F:\r\n return getSupportedFormat(gl, gl.RGBA16F, gl.RGBA, type);\r\n default:\r\n return null;}\r\n\r\n }\r\n\r\n return {\r\n internalFormat,\r\n format };\r\n\r\n}\r\n\r\nfunction supportRenderTextureFormat(gl, internalFormat, format, type) {\r\n let texture = gl.createTexture();\r\n gl.bindTexture(gl.TEXTURE_2D, texture);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\r\n gl.texImage2D(gl.TEXTURE_2D, 0, internalFormat, 4, 4, 0, format, type, null);\r\n\r\n let fbo = gl.createFramebuffer();\r\n gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);\r\n gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);\r\n\r\n const status = gl.checkFramebufferStatus(gl.FRAMEBUFFER);\r\n if (status != gl.FRAMEBUFFER_COMPLETE)\r\n return false;\r\n return true;\r\n}\r\n\r\nfunction pointerPrototype() {\r\n this.id = -1;\r\n this.x = 0;\r\n this.y = 0;\r\n this.dx = 0;\r\n this.dy = 0;\r\n this.down = false;\r\n this.moved = false;\r\n this.color = [30, 0, 300];\r\n}\r\n\r\npointers.push(new pointerPrototype());\r\n\r\nclass GLProgram {\r\n constructor(vertexShader, fragmentShader) {\r\n this.uniforms = {};\r\n this.program = gl.createProgram();\r\n\r\n gl.attachShader(this.program, vertexShader);\r\n gl.attachShader(this.program, fragmentShader);\r\n gl.linkProgram(this.program);\r\n\r\n if (!gl.getProgramParameter(this.program, gl.LINK_STATUS))\r\n throw gl.getProgramInfoLog(this.program);\r\n\r\n const uniformCount = gl.getProgramParameter(this.program, gl.ACTIVE_UNIFORMS);\r\n for (let i = 0; i < uniformCount; i++) {\r\n const uniformName = gl.getActiveUniform(this.program, i).name;\r\n this.uniforms[uniformName] = gl.getUniformLocation(this.program, uniformName);\r\n }\r\n }\r\n\r\n bind() {\r\n gl.useProgram(this.program);\r\n }}\r\n\r\n\r\nfunction compileShader(type, source) {\r\n const shader = gl.createShader(type);\r\n gl.shaderSource(shader, source);\r\n gl.compileShader(shader);\r\n\r\n if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS))\r\n throw gl.getShaderInfoLog(shader);\r\n\r\n return shader;\r\n};\r\n\r\nconst baseVertexShader = compileShader(gl.VERTEX_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n attribute vec2 aPosition;\r\n varying vec2 vUv;\r\n varying vec2 vL;\r\n varying vec2 vR;\r\n varying vec2 vT;\r\n varying vec2 vB;\r\n uniform vec2 texelSize;\r\n\r\n void main () {\r\n vUv = aPosition * 0.5 + 0.5;\r\n vL = vUv - vec2(texelSize.x, 0.0);\r\n vR = vUv + vec2(texelSize.x, 0.0);\r\n vT = vUv + vec2(0.0, texelSize.y);\r\n vB = vUv - vec2(0.0, texelSize.y);\r\n gl_Position = vec4(aPosition, 0.0, 1.0);\r\n }\r\n`);\r\n\r\nconst clearShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n uniform sampler2D uTexture;\r\n uniform float value;\r\n\r\n void main () {\r\n gl_FragColor = value * texture2D(uTexture, vUv);\r\n }\r\n`);\r\n\r\nconst displayShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n uniform sampler2D uTexture;\r\n\r\n void main () {\r\n gl_FragColor = texture2D(uTexture, vUv);\r\n }\r\n`);\r\n\r\nconst splatShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n uniform sampler2D uTarget;\r\n uniform float aspectRatio;\r\n uniform vec3 color;\r\n uniform vec2 point;\r\n uniform float radius;\r\n\r\n void main () {\r\n vec2 p = vUv - point.xy;\r\n p.x *= aspectRatio;\r\n vec3 splat = exp(-dot(p, p) \/ radius) * color;\r\n vec3 base = texture2D(uTarget, vUv).xyz;\r\n gl_FragColor = vec4(base + splat, 1.0);\r\n }\r\n`);\r\n\r\nconst advectionManualFilteringShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n uniform sampler2D uVelocity;\r\n uniform sampler2D uSource;\r\n uniform vec2 texelSize;\r\n uniform float dt;\r\n uniform float dissipation;\r\n\r\n vec4 bilerp (in sampler2D sam, in vec2 p) {\r\n vec4 st;\r\n st.xy = floor(p - 0.5) + 0.5;\r\n st.zw = st.xy + 1.0;\r\n vec4 uv = st * texelSize.xyxy;\r\n vec4 a = texture2D(sam, uv.xy);\r\n vec4 b = texture2D(sam, uv.zy);\r\n vec4 c = texture2D(sam, uv.xw);\r\n vec4 d = texture2D(sam, uv.zw);\r\n vec2 f = p - st.xy;\r\n return mix(mix(a, b, f.x), mix(c, d, f.x), f.y);\r\n }\r\n\r\n void main () {\r\n vec2 coord = gl_FragCoord.xy - dt * texture2D(uVelocity, vUv).xy;\r\n gl_FragColor = dissipation * bilerp(uSource, coord);\r\n gl_FragColor.a = 1.0;\r\n }\r\n`);\r\n\r\nconst advectionShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n uniform sampler2D uVelocity;\r\n uniform sampler2D uSource;\r\n uniform vec2 texelSize;\r\n uniform float dt;\r\n uniform float dissipation;\r\n\r\n void main () {\r\n vec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;\r\n gl_FragColor = dissipation * texture2D(uSource, coord);\r\n gl_FragColor.a = 1.0;\r\n }\r\n`);\r\n\r\nconst divergenceShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n varying vec2 vL;\r\n varying vec2 vR;\r\n varying vec2 vT;\r\n varying vec2 vB;\r\n uniform sampler2D uVelocity;\r\n\r\n vec2 sampleVelocity (in vec2 uv) {\r\n vec2 multiplier = vec2(1.0, 1.0);\r\n if (uv.x < 0.0) { uv.x = 0.0; multiplier.x = -1.0; }\r\n if (uv.x > 1.0) { uv.x = 1.0; multiplier.x = -1.0; }\r\n if (uv.y < 0.0) { uv.y = 0.0; multiplier.y = -1.0; }\r\n if (uv.y > 1.0) { uv.y = 1.0; multiplier.y = -1.0; }\r\n return multiplier * texture2D(uVelocity, uv).xy;\r\n }\r\n\r\n void main () {\r\n float L = sampleVelocity(vL).x;\r\n float R = sampleVelocity(vR).x;\r\n float T = sampleVelocity(vT).y;\r\n float B = sampleVelocity(vB).y;\r\n float div = 0.5 * (R - L + T - B);\r\n gl_FragColor = vec4(div, 0.0, 0.0, 1.0);\r\n }\r\n`);\r\n\r\nconst curlShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n varying vec2 vL;\r\n varying vec2 vR;\r\n varying vec2 vT;\r\n varying vec2 vB;\r\n uniform sampler2D uVelocity;\r\n\r\n void main () {\r\n float L = texture2D(uVelocity, vL).y;\r\n float R = texture2D(uVelocity, vR).y;\r\n float T = texture2D(uVelocity, vT).x;\r\n float B = texture2D(uVelocity, vB).x;\r\n float vorticity = R - L - T + B;\r\n gl_FragColor = vec4(vorticity, 0.0, 0.0, 1.0);\r\n }\r\n`);\r\n\r\nconst vorticityShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n varying vec2 vT;\r\n varying vec2 vB;\r\n uniform sampler2D uVelocity;\r\n uniform sampler2D uCurl;\r\n uniform float curl;\r\n uniform float dt;\r\n\r\n void main () {\r\n float T = texture2D(uCurl, vT).x;\r\n float B = texture2D(uCurl, vB).x;\r\n float C = texture2D(uCurl, vUv).x;\r\n vec2 force = vec2(abs(T) - abs(B), 0.0);\r\n force *= 1.0 \/ length(force + 0.00001) * curl * C;\r\n vec2 vel = texture2D(uVelocity, vUv).xy;\r\n gl_FragColor = vec4(vel + force * dt, 0.0, 1.0);\r\n }\r\n`);\r\n\r\nconst pressureShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n varying vec2 vL;\r\n varying vec2 vR;\r\n varying vec2 vT;\r\n varying vec2 vB;\r\n uniform sampler2D uPressure;\r\n uniform sampler2D uDivergence;\r\n\r\n vec2 boundary (in vec2 uv) {\r\n uv = min(max(uv, 0.0), 1.0);\r\n return uv;\r\n }\r\n\r\n void main () {\r\n float L = texture2D(uPressure, boundary(vL)).x;\r\n float R = texture2D(uPressure, boundary(vR)).x;\r\n float T = texture2D(uPressure, boundary(vT)).x;\r\n float B = texture2D(uPressure, boundary(vB)).x;\r\n float C = texture2D(uPressure, vUv).x;\r\n float divergence = texture2D(uDivergence, vUv).x;\r\n float pressure = (L + R + B + T - divergence) * 0.25;\r\n gl_FragColor = vec4(pressure, 0.0, 0.0, 1.0);\r\n }\r\n`);\r\n\r\nconst gradientSubtractShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n varying vec2 vL;\r\n varying vec2 vR;\r\n varying vec2 vT;\r\n varying vec2 vB;\r\n uniform sampler2D uPressure;\r\n uniform sampler2D uVelocity;\r\n\r\n vec2 boundary (in vec2 uv) {\r\n uv = min(max(uv, 0.0), 1.0);\r\n return uv;\r\n }\r\n\r\n void main () {\r\n float L = texture2D(uPressure, boundary(vL)).x;\r\n float R = texture2D(uPressure, boundary(vR)).x;\r\n float T = texture2D(uPressure, boundary(vT)).x;\r\n float B = texture2D(uPressure, boundary(vB)).x;\r\n vec2 velocity = texture2D(uVelocity, vUv).xy;\r\n velocity.xy -= vec2(R - L, T - B);\r\n gl_FragColor = vec4(velocity, 0.0, 1.0);\r\n }\r\n`);\r\n\r\nlet textureWidth;\r\nlet textureHeight;\r\nlet density;\r\nlet velocity;\r\nlet divergence;\r\nlet curl;\r\nlet pressure;\r\ninitFramebuffers();\r\n\r\nconst clearProgram = new GLProgram(baseVertexShader, clearShader);\r\nconst displayProgram = new GLProgram(baseVertexShader, displayShader);\r\nconst splatProgram = new GLProgram(baseVertexShader, splatShader);\r\nconst advectionProgram = new GLProgram(baseVertexShader, ext.supportLinearFiltering ? advectionShader : advectionManualFilteringShader);\r\nconst divergenceProgram = new GLProgram(baseVertexShader, divergenceShader);\r\nconst curlProgram = new GLProgram(baseVertexShader, curlShader);\r\nconst vorticityProgram = new GLProgram(baseVertexShader, vorticityShader);\r\nconst pressureProgram = new GLProgram(baseVertexShader, pressureShader);\r\nconst gradienSubtractProgram = new GLProgram(baseVertexShader, gradientSubtractShader);\r\n\r\nfunction initFramebuffers() {\r\n textureWidth = gl.drawingBufferWidth >> config.TEXTURE_DOWNSAMPLE;\r\n textureHeight = gl.drawingBufferHeight >> config.TEXTURE_DOWNSAMPLE;\r\n\r\n const texType = ext.halfFloatTexType;\r\n const rgba = ext.formatRGBA;\r\n const rg = ext.formatRG;\r\n const r = ext.formatR;\r\n\r\n density = createDoubleFBO(2, textureWidth, textureHeight, rgba.internalFormat, rgba.format, texType, ext.supportLinearFiltering ? gl.LINEAR : gl.NEAREST);\r\n velocity = createDoubleFBO(0, textureWidth, textureHeight, rg.internalFormat, rg.format, texType, ext.supportLinearFiltering ? gl.LINEAR : gl.NEAREST);\r\n divergence = createFBO(4, textureWidth, textureHeight, r.internalFormat, r.format, texType, gl.NEAREST);\r\n curl = createFBO(5, textureWidth, textureHeight, r.internalFormat, r.format, texType, gl.NEAREST);\r\n pressure = createDoubleFBO(6, textureWidth, textureHeight, r.internalFormat, r.format, texType, gl.NEAREST);\r\n}\r\n\r\nfunction createFBO(texId, w, h, internalFormat, format, type, param) {\r\n gl.activeTexture(gl.TEXTURE0 + texId);\r\n let texture = gl.createTexture();\r\n gl.bindTexture(gl.TEXTURE_2D, texture);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, param);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, param);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\r\n gl.texImage2D(gl.TEXTURE_2D, 0, internalFormat, w, h, 0, format, type, null);\r\n\r\n let fbo = gl.createFramebuffer();\r\n gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);\r\n gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);\r\n gl.viewport(0, 0, w, h);\r\n gl.clear(gl.COLOR_BUFFER_BIT);\r\n\r\n return [texture, fbo, texId];\r\n}\r\n\r\nfunction createDoubleFBO(texId, w, h, internalFormat, format, type, param) {\r\n let fbo1 = createFBO(texId, w, h, internalFormat, format, type, param);\r\n let fbo2 = createFBO(texId + 1, w, h, internalFormat, format, type, param);\r\n\r\n return {\r\n get read() {\r\n return fbo1;\r\n },\r\n get write() {\r\n return fbo2;\r\n },\r\n swap() {\r\n let temp = fbo1;\r\n fbo1 = fbo2;\r\n fbo2 = temp;\r\n } };\r\n\r\n}\r\n\r\nconst blit = (() => {\r\n gl.bindBuffer(gl.ARRAY_BUFFER, gl.createBuffer());\r\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, -1, 1, 1, 1, 1, -1]), gl.STATIC_DRAW);\r\n gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, gl.createBuffer());\r\n gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, new Uint16Array([0, 1, 2, 0, 2, 3]), gl.STATIC_DRAW);\r\n gl.vertexAttribPointer(0, 2, gl.FLOAT, false, 0, 0);\r\n gl.enableVertexAttribArray(0);\r\n\r\n return destination => {\r\n gl.bindFramebuffer(gl.FRAMEBUFFER, destination);\r\n gl.drawElements(gl.TRIANGLES, 6, gl.UNSIGNED_SHORT, 0);\r\n };\r\n})();\r\n\r\nlet lastTime = Date.now();\r\nmultipleSplats(parseInt(Math.random() * 20) + 5);\r\nupdate();\r\n\r\nfunction update() {\r\n resizeCanvas();\r\n\r\n const dt = Math.min((Date.now() - lastTime) \/ 1000, 0.016);\r\n lastTime = Date.now();\r\n\r\n gl.viewport(0, 0, textureWidth, textureHeight);\r\n\r\n if (splatStack.length > 0)\r\n multipleSplats(splatStack.pop());\r\n\r\n advectionProgram.bind();\r\n gl.uniform2f(advectionProgram.uniforms.texelSize, 1.0 \/ textureWidth, 1.0 \/ textureHeight);\r\n gl.uniform1i(advectionProgram.uniforms.uVelocity, velocity.read[2]);\r\n gl.uniform1i(advectionProgram.uniforms.uSource, velocity.read[2]);\r\n gl.uniform1f(advectionProgram.uniforms.dt, dt);\r\n gl.uniform1f(advectionProgram.uniforms.dissipation, config.VELOCITY_DISSIPATION);\r\n blit(velocity.write[1]);\r\n velocity.swap();\r\n\r\n gl.uniform1i(advectionProgram.uniforms.uVelocity, velocity.read[2]);\r\n gl.uniform1i(advectionProgram.uniforms.uSource, density.read[2]);\r\n gl.uniform1f(advectionProgram.uniforms.dissipation, config.DENSITY_DISSIPATION);\r\n blit(density.write[1]);\r\n density.swap();\r\n\r\n for (let i = 0; i < pointers.length; i++) {\r\n const pointer = pointers[i];\r\n if (pointer.moved) {\r\n splat(pointer.x, pointer.y, pointer.dx, pointer.dy, pointer.color);\r\n pointer.moved = false;\r\n }\r\n }\r\n\r\n curlProgram.bind();\r\n gl.uniform2f(curlProgram.uniforms.texelSize, 1.0 \/ textureWidth, 1.0 \/ textureHeight);\r\n gl.uniform1i(curlProgram.uniforms.uVelocity, velocity.read[2]);\r\n blit(curl[1]);\r\n\r\n vorticityProgram.bind();\r\n gl.uniform2f(vorticityProgram.uniforms.texelSize, 1.0 \/ textureWidth, 1.0 \/ textureHeight);\r\n gl.uniform1i(vorticityProgram.uniforms.uVelocity, velocity.read[2]);\r\n gl.uniform1i(vorticityProgram.uniforms.uCurl, curl[2]);\r\n gl.uniform1f(vorticityProgram.uniforms.curl, config.CURL);\r\n gl.uniform1f(vorticityProgram.uniforms.dt, dt);\r\n blit(velocity.write[1]);\r\n velocity.swap();\r\n\r\n divergenceProgram.bind();\r\n gl.uniform2f(divergenceProgram.uniforms.texelSize, 1.0 \/ textureWidth, 1.0 \/ textureHeight);\r\n gl.uniform1i(divergenceProgram.uniforms.uVelocity, velocity.read[2]);\r\n blit(divergence[1]);\r\n\r\n clearProgram.bind();\r\n let pressureTexId = pressure.read[2];\r\n gl.activeTexture(gl.TEXTURE0 + pressureTexId);\r\n gl.bindTexture(gl.TEXTURE_2D, pressure.read[0]);\r\n gl.uniform1i(clearProgram.uniforms.uTexture, pressureTexId);\r\n gl.uniform1f(clearProgram.uniforms.value, config.PRESSURE_DISSIPATION);\r\n blit(pressure.write[1]);\r\n pressure.swap();\r\n\r\n pressureProgram.bind();\r\n gl.uniform2f(pressureProgram.uniforms.texelSize, 1.0 \/ textureWidth, 1.0 \/ textureHeight);\r\n gl.uniform1i(pressureProgram.uniforms.uDivergence, divergence[2]);\r\n pressureTexId = pressure.read[2];\r\n gl.uniform1i(pressureProgram.uniforms.uPressure, pressureTexId);\r\n gl.activeTexture(gl.TEXTURE0 + pressureTexId);\r\n for (let i = 0; i < config.PRESSURE_ITERATIONS; i++) {\r\n gl.bindTexture(gl.TEXTURE_2D, pressure.read[0]);\r\n blit(pressure.write[1]);\r\n pressure.swap();\r\n }\r\n\r\n gradienSubtractProgram.bind();\r\n gl.uniform2f(gradienSubtractProgram.uniforms.texelSize, 1.0 \/ textureWidth, 1.0 \/ textureHeight);\r\n gl.uniform1i(gradienSubtractProgram.uniforms.uPressure, pressure.read[2]);\r\n gl.uniform1i(gradienSubtractProgram.uniforms.uVelocity, velocity.read[2]);\r\n blit(velocity.write[1]);\r\n velocity.swap();\r\n\r\n gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);\r\n displayProgram.bind();\r\n gl.uniform1i(displayProgram.uniforms.uTexture, density.read[2]);\r\n blit(null);\r\n\r\n requestAnimationFrame(update);\r\n}\r\n\r\nfunction splat(x, y, dx, dy, color) {\r\n splatProgram.bind();\r\n gl.uniform1i(splatProgram.uniforms.uTarget, velocity.read[2]);\r\n gl.uniform1f(splatProgram.uniforms.aspectRatio, canvas.width \/ canvas.height);\r\n gl.uniform2f(splatProgram.uniforms.point, x \/ canvas.width, 1.0 - y \/ canvas.height);\r\n gl.uniform3f(splatProgram.uniforms.color, dx, -dy, 1.0);\r\n gl.uniform1f(splatProgram.uniforms.radius, config.SPLAT_RADIUS);\r\n blit(velocity.write[1]);\r\n velocity.swap();\r\n\r\n gl.uniform1i(splatProgram.uniforms.uTarget, density.read[2]);\r\n gl.uniform3f(splatProgram.uniforms.color, color[0] * 0.3, color[1] * 0.3, color[2] * 0.3);\r\n blit(density.write[1]);\r\n density.swap();\r\n}\r\n\r\nfunction multipleSplats(amount) {\r\n for (let i = 0; i < amount; i++) {\r\n const color = [Math.random() * 10, Math.random() * 10, Math.random() * 10];\r\n const x = canvas.width * Math.random();\r\n const y = canvas.height * Math.random();\r\n const dx = 1000 * (Math.random() - 0.5);\r\n const dy = 1000 * (Math.random() - 0.5);\r\n splat(x, y, dx, dy, color);\r\n }\r\n}\r\n\r\nfunction resizeCanvas() {\r\n if (canvas.width != canvas.clientWidth || canvas.height != canvas.clientHeight) {\r\n canvas.width = canvas.clientWidth;\r\n canvas.height = canvas.clientHeight;\r\n initFramebuffers();\r\n }\r\n}\r\n\r\ncanvas.addEventListener('mousemove', e => {\r\n pointers[0].moved = pointers[0].down;\r\n pointers[0].dx = (e.offsetX - pointers[0].x) * 10.0;\r\n pointers[0].dy = (e.offsetY - pointers[0].y) * 10.0;\r\n pointers[0].x = e.offsetX;\r\n pointers[0].y = e.offsetY;\r\n});\r\n\r\ncanvas.addEventListener('touchmove', e => {\r\n e.preventDefault();\r\n const touches = e.targetTouches;\r\n for (let i = 0; i < touches.length; i++) {\r\n let pointer = pointers[i];\r\n pointer.moved = pointer.down;\r\n pointer.dx = (touches[i].pageX - pointer.x) * 10.0;\r\n pointer.dy = (touches[i].pageY - pointer.y) * 10.0;\r\n pointer.x = touches[i].pageX;\r\n pointer.y = touches[i].pageY;\r\n }\r\n}, false);\r\n\r\ncanvas.addEventListener('mousemove', () => {\r\n pointers[0].down = true;\r\n pointers[0].color = [Math.random() + 0.2, Math.random() + 0.2, Math.random() + 0.2];\r\n});\r\n\r\ncanvas.addEventListener('touchstart', e => {\r\n e.preventDefault();\r\n const touches = e.targetTouches;\r\n for (let i = 0; i < touches.length; i++) {\r\n if (i >= pointers.length)\r\n pointers.push(new pointerPrototype());\r\n\r\n pointers[i].id = touches[i].identifier;\r\n pointers[i].down = true;\r\n pointers[i].x = touches[i].pageX;\r\n pointers[i].y = touches[i].pageY;\r\n pointers[i].color = [Math.random() + 0.2, Math.random() + 0.2, Math.random() + 0.2];\r\n }\r\n});\r\n\r\nwindow.addEventListener('mouseleave', () => {\r\n pointers[0].down = false;\r\n});\r\n\r\nwindow.addEventListener('touchend', e => {\r\n const touches = e.changedTouches;\r\n for (let i = 0; i < touches.length; i++)\r\n for (let j = 0; j < pointers.length; j++)\r\n if (touches[i].identifier == pointers[j].id)\r\n pointers[j].down = false;\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6160d97e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6160d97e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7cb1092d\" data-id=\"7cb1092d\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3b9f8d7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3b9f8d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34f2852a elementor-widget elementor-widget-text-editor\" data-id=\"34f2852a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2994bf95 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2994bf95\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-58396497\" data-id=\"58396497\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bd63a94 elementor-widget elementor-widget-image\" data-id=\"bd63a94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/agencia.elsitioweb.net\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-100789d elementor-widget elementor-widget-heading\" data-id=\"100789d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">UI Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22e983d2 elementor-widget elementor-widget-text-editor\" data-id=\"22e983d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem Ipsum is simply text of the printing type.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf3b04f elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"cf3b04f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Know More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-e90e057\" data-id=\"e90e057\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2a23030a elementor-widget elementor-widget-image\" data-id=\"2a23030a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/agencia.elsitioweb.net\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-635e69d2 elementor-widget elementor-widget-heading\" data-id=\"635e69d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Product Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22152036 elementor-widget elementor-widget-text-editor\" data-id=\"22152036\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem Ipsum is simply text of the printing type.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d79da35 elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"7d79da35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Know More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-770fd4e0\" data-id=\"770fd4e0\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5620e9b8 elementor-widget elementor-widget-image\" data-id=\"5620e9b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/agencia.elsitioweb.net\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77927206 elementor-widget elementor-widget-heading\" data-id=\"77927206\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Branding<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72fb9d88 elementor-widget elementor-widget-text-editor\" data-id=\"72fb9d88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem Ipsum is simply text of the printing type.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-763ff9 elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"763ff9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Know More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-56e58ca9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"56e58ca9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5b55545a\" data-id=\"5b55545a\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-42408d62 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"42408d62\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-eeb3ad6\" data-id=\"eeb3ad6\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-38d3b322 elementor-widget elementor-widget-heading\" data-id=\"38d3b322\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Let\u2019s work together on your next project<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4454a325 elementor-widget elementor-widget-text-editor\" data-id=\"4454a325\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4d588d73\" data-id=\"4d588d73\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fad9fed elementor-align-center elementor-widget elementor-widget-button\" data-id=\"fad9fed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">CONTACT <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-176a7432 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"176a7432\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-77fcbbe2\" data-id=\"77fcbbe2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-46ddf702 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"46ddf702\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4cfe9d77\" data-id=\"4cfe9d77\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1543754a elementor-widget elementor-widget-text-editor\" data-id=\"1543754a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We provide high standard clean website for your business solutions<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-46ea0ee0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"46ea0ee0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-4896e7e4\" data-id=\"4896e7e4\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5c373f5e elementor-widget elementor-widget-heading\" data-id=\"5c373f5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Starter<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d0c725a elementor-widget elementor-widget-heading\" data-id=\"5d0c725a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Free<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ee733d1 elementor-widget elementor-widget-text-editor\" data-id=\"1ee733d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>for up to 2 editors and 3 projects<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62cb481c elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"62cb481c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">3 projects<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">30-day version history<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Up to 2 editors<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Unlimited cloud storage<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56bd6a30 elementor-widget elementor-widget-spacer\" data-id=\"56bd6a30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7537e7fa elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"7537e7fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-6dc51d10\" data-id=\"6dc51d10\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2a4b86f2 elementor-widget elementor-widget-heading\" data-id=\"2a4b86f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Business<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-149ee0af elementor-widget elementor-widget-heading\" data-id=\"149ee0af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">$4.99\/mo<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46e3e029 elementor-widget elementor-widget-text-editor\" data-id=\"46e3e029\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>for up to 2 editors and 3 projects<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70b40e23 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"70b40e23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">3 projects<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">30-day version history<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Up to 2 editors<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Unlimited cloud storage<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fd78028 elementor-widget elementor-widget-spacer\" data-id=\"6fd78028\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7920ecc elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"7920ecc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-4df19dbd\" data-id=\"4df19dbd\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-85ef909 elementor-widget elementor-widget-heading\" data-id=\"85ef909\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Professional<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c17f41d elementor-widget elementor-widget-heading\" data-id=\"c17f41d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">$9.99\/mo<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4804f509 elementor-widget elementor-widget-text-editor\" data-id=\"4804f509\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>for up to 2 editors and 3 projects<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3dcff921 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"3dcff921\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">3 projects<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">30-day version history<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Up to 2 editors<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Unlimited cloud storage<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2203a527 elementor-widget elementor-widget-spacer\" data-id=\"2203a527\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c8c3bb elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"8c8c3bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fluid cursor webgl SERVICES Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt UI Design Lorem Ipsum is simply text of the printing type. Know More Product Design Lorem Ipsum is simply text of the printing type. Know More Branding Lorem Ipsum is simply text of the printing type. Know More […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-186","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/agencia.elsitioweb.net\/index.php?rest_route=\/wp\/v2\/pages\/186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agencia.elsitioweb.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agencia.elsitioweb.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agencia.elsitioweb.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agencia.elsitioweb.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=186"}],"version-history":[{"count":0,"href":"https:\/\/agencia.elsitioweb.net\/index.php?rest_route=\/wp\/v2\/pages\/186\/revisions"}],"wp:attachment":[{"href":"https:\/\/agencia.elsitioweb.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n Fluid cursor webgl<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><link rel=\"stylesheet\" href=\".\/style.css\">\r\n\r\n<\/head>\r\n<body>\r\n\r\n<section id='container'>\r\n <h1 class='a-title'><big><big><b>SERVICES<\/b><\/big><\/big><\/h1>\r\n <h2 class='a-second-title'><\/h2>\r\n <canvas><\/canvas>\r\n<\/section>\r\n\r\n <script src=\".\/script.js\"><\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n<style>\r\n html,\r\nbody {\r\n overflow: ;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n#container {\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.a-title {\r\n position: absolute;\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-image: conic-gradient(#ffffff, white);\r\n pointer-events: none;\r\n mix-blend-mode: difference;\r\n filter: drop-shadow(2px 4px 6px red);\r\n}\r\n.a-second-title {\r\n position: absolute;\r\n margin-top: 25vh;\r\n pointer-events: none;\r\n -webkit-text-stroke: 1.3px white;\r\n letter-spacing: 1.125px;\r\n font-size: -webkit-xxx-large;\r\n font-weight: 1000;\r\n mix-blend-mode: color-dodge;\r\n}\r\n\r\ncanvas {\r\n width: 100%;\r\n height: 500px;\r\n}\r\n\r\n<\/style>\r\n<script>\r\n 'use strict';\r\n\r\nconst canvas = document.getElementsByTagName('canvas')[0];\r\ncanvas.width = canvas.clientWidth;\r\ncanvas.height = canvas.clientHeight;\r\n\r\nlet config = {\r\n TEXTURE_DOWNSAMPLE: 1,\r\n DENSITY_DISSIPATION: 0.98,\r\n VELOCITY_DISSIPATION: 0.99,\r\n PRESSURE_DISSIPATION: 0.8,\r\n PRESSURE_ITERATIONS: 25,\r\n CURL: 28,\r\n SPLAT_RADIUS: 0.004 };\r\n\r\n\r\nlet pointers = [];\r\nlet splatStack = [];\r\n\r\nconst { gl, ext } = getWebGLContext(canvas);\r\n\r\nfunction getWebGLContext(canvas) {\r\n const params = { alpha: false, depth: false, stencil: false, antialias: false };\r\n\r\n let gl = canvas.getContext('webgl2', params);\r\n const isWebGL2 = !!gl;\r\n if (!isWebGL2)\r\n gl = canvas.getContext('webgl', params) || canvas.getContext('experimental-webgl', params);\r\n\r\n let halfFloat;\r\n let supportLinearFiltering;\r\n if (isWebGL2) {\r\n gl.getExtension('EXT_color_buffer_float');\r\n supportLinearFiltering = gl.getExtension('OES_texture_float_linear');\r\n } else {\r\n halfFloat = gl.getExtension('OES_texture_half_float');\r\n supportLinearFiltering = gl.getExtension('OES_texture_half_float_linear');\r\n }\r\n\r\n gl.clearColor(0.0, 0.0, 0.0, 1.0);\r\n\r\n const halfFloatTexType = isWebGL2 ? gl.HALF_FLOAT : halfFloat.HALF_FLOAT_OES;\r\n let formatRGBA;\r\n let formatRG;\r\n let formatR;\r\n\r\n if (isWebGL2)\r\n {\r\n formatRGBA = getSupportedFormat(gl, gl.RGBA16F, gl.RGBA, halfFloatTexType);\r\n formatRG = getSupportedFormat(gl, gl.RG16F, gl.RG, halfFloatTexType);\r\n formatR = getSupportedFormat(gl, gl.R16F, gl.RED, halfFloatTexType);\r\n } else\r\n\r\n {\r\n formatRGBA = getSupportedFormat(gl, gl.RGBA, gl.RGBA, halfFloatTexType);\r\n formatRG = getSupportedFormat(gl, gl.RGBA, gl.RGBA, halfFloatTexType);\r\n formatR = getSupportedFormat(gl, gl.RGBA, gl.RGBA, halfFloatTexType);\r\n }\r\n\r\n return {\r\n gl,\r\n ext: {\r\n formatRGBA,\r\n formatRG,\r\n formatR,\r\n halfFloatTexType,\r\n supportLinearFiltering } };\r\n\r\n\r\n}\r\n\r\nfunction getSupportedFormat(gl, internalFormat, format, type)\r\n{\r\n if (!supportRenderTextureFormat(gl, internalFormat, format, type))\r\n {\r\n switch (internalFormat) {\r\n\r\n case gl.R16F:\r\n return getSupportedFormat(gl, gl.RG16F, gl.RG, type);\r\n case gl.RG16F:\r\n return getSupportedFormat(gl, gl.RGBA16F, gl.RGBA, type);\r\n default:\r\n return null;}\r\n\r\n }\r\n\r\n return {\r\n internalFormat,\r\n format };\r\n\r\n}\r\n\r\nfunction supportRenderTextureFormat(gl, internalFormat, format, type) {\r\n let texture = gl.createTexture();\r\n gl.bindTexture(gl.TEXTURE_2D, texture);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\r\n gl.texImage2D(gl.TEXTURE_2D, 0, internalFormat, 4, 4, 0, format, type, null);\r\n\r\n let fbo = gl.createFramebuffer();\r\n gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);\r\n gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);\r\n\r\n const status = gl.checkFramebufferStatus(gl.FRAMEBUFFER);\r\n if (status != gl.FRAMEBUFFER_COMPLETE)\r\n return false;\r\n return true;\r\n}\r\n\r\nfunction pointerPrototype() {\r\n this.id = -1;\r\n this.x = 0;\r\n this.y = 0;\r\n this.dx = 0;\r\n this.dy = 0;\r\n this.down = false;\r\n this.moved = false;\r\n this.color = [30, 0, 300];\r\n}\r\n\r\npointers.push(new pointerPrototype());\r\n\r\nclass GLProgram {\r\n constructor(vertexShader, fragmentShader) {\r\n this.uniforms = {};\r\n this.program = gl.createProgram();\r\n\r\n gl.attachShader(this.program, vertexShader);\r\n gl.attachShader(this.program, fragmentShader);\r\n gl.linkProgram(this.program);\r\n\r\n if (!gl.getProgramParameter(this.program, gl.LINK_STATUS))\r\n throw gl.getProgramInfoLog(this.program);\r\n\r\n const uniformCount = gl.getProgramParameter(this.program, gl.ACTIVE_UNIFORMS);\r\n for (let i = 0; i < uniformCount; i++) {\r\n const uniformName = gl.getActiveUniform(this.program, i).name;\r\n this.uniforms[uniformName] = gl.getUniformLocation(this.program, uniformName);\r\n }\r\n }\r\n\r\n bind() {\r\n gl.useProgram(this.program);\r\n }}\r\n\r\n\r\nfunction compileShader(type, source) {\r\n const shader = gl.createShader(type);\r\n gl.shaderSource(shader, source);\r\n gl.compileShader(shader);\r\n\r\n if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS))\r\n throw gl.getShaderInfoLog(shader);\r\n\r\n return shader;\r\n};\r\n\r\nconst baseVertexShader = compileShader(gl.VERTEX_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n attribute vec2 aPosition;\r\n varying vec2 vUv;\r\n varying vec2 vL;\r\n varying vec2 vR;\r\n varying vec2 vT;\r\n varying vec2 vB;\r\n uniform vec2 texelSize;\r\n\r\n void main () {\r\n vUv = aPosition * 0.5 + 0.5;\r\n vL = vUv - vec2(texelSize.x, 0.0);\r\n vR = vUv + vec2(texelSize.x, 0.0);\r\n vT = vUv + vec2(0.0, texelSize.y);\r\n vB = vUv - vec2(0.0, texelSize.y);\r\n gl_Position = vec4(aPosition, 0.0, 1.0);\r\n }\r\n`);\r\n\r\nconst clearShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n uniform sampler2D uTexture;\r\n uniform float value;\r\n\r\n void main () {\r\n gl_FragColor = value * texture2D(uTexture, vUv);\r\n }\r\n`);\r\n\r\nconst displayShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n uniform sampler2D uTexture;\r\n\r\n void main () {\r\n gl_FragColor = texture2D(uTexture, vUv);\r\n }\r\n`);\r\n\r\nconst splatShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n uniform sampler2D uTarget;\r\n uniform float aspectRatio;\r\n uniform vec3 color;\r\n uniform vec2 point;\r\n uniform float radius;\r\n\r\n void main () {\r\n vec2 p = vUv - point.xy;\r\n p.x *= aspectRatio;\r\n vec3 splat = exp(-dot(p, p) \/ radius) * color;\r\n vec3 base = texture2D(uTarget, vUv).xyz;\r\n gl_FragColor = vec4(base + splat, 1.0);\r\n }\r\n`);\r\n\r\nconst advectionManualFilteringShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n uniform sampler2D uVelocity;\r\n uniform sampler2D uSource;\r\n uniform vec2 texelSize;\r\n uniform float dt;\r\n uniform float dissipation;\r\n\r\n vec4 bilerp (in sampler2D sam, in vec2 p) {\r\n vec4 st;\r\n st.xy = floor(p - 0.5) + 0.5;\r\n st.zw = st.xy + 1.0;\r\n vec4 uv = st * texelSize.xyxy;\r\n vec4 a = texture2D(sam, uv.xy);\r\n vec4 b = texture2D(sam, uv.zy);\r\n vec4 c = texture2D(sam, uv.xw);\r\n vec4 d = texture2D(sam, uv.zw);\r\n vec2 f = p - st.xy;\r\n return mix(mix(a, b, f.x), mix(c, d, f.x), f.y);\r\n }\r\n\r\n void main () {\r\n vec2 coord = gl_FragCoord.xy - dt * texture2D(uVelocity, vUv).xy;\r\n gl_FragColor = dissipation * bilerp(uSource, coord);\r\n gl_FragColor.a = 1.0;\r\n }\r\n`);\r\n\r\nconst advectionShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n uniform sampler2D uVelocity;\r\n uniform sampler2D uSource;\r\n uniform vec2 texelSize;\r\n uniform float dt;\r\n uniform float dissipation;\r\n\r\n void main () {\r\n vec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;\r\n gl_FragColor = dissipation * texture2D(uSource, coord);\r\n gl_FragColor.a = 1.0;\r\n }\r\n`);\r\n\r\nconst divergenceShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n varying vec2 vL;\r\n varying vec2 vR;\r\n varying vec2 vT;\r\n varying vec2 vB;\r\n uniform sampler2D uVelocity;\r\n\r\n vec2 sampleVelocity (in vec2 uv) {\r\n vec2 multiplier = vec2(1.0, 1.0);\r\n if (uv.x < 0.0) { uv.x = 0.0; multiplier.x = -1.0; }\r\n if (uv.x > 1.0) { uv.x = 1.0; multiplier.x = -1.0; }\r\n if (uv.y < 0.0) { uv.y = 0.0; multiplier.y = -1.0; }\r\n if (uv.y > 1.0) { uv.y = 1.0; multiplier.y = -1.0; }\r\n return multiplier * texture2D(uVelocity, uv).xy;\r\n }\r\n\r\n void main () {\r\n float L = sampleVelocity(vL).x;\r\n float R = sampleVelocity(vR).x;\r\n float T = sampleVelocity(vT).y;\r\n float B = sampleVelocity(vB).y;\r\n float div = 0.5 * (R - L + T - B);\r\n gl_FragColor = vec4(div, 0.0, 0.0, 1.0);\r\n }\r\n`);\r\n\r\nconst curlShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n varying vec2 vL;\r\n varying vec2 vR;\r\n varying vec2 vT;\r\n varying vec2 vB;\r\n uniform sampler2D uVelocity;\r\n\r\n void main () {\r\n float L = texture2D(uVelocity, vL).y;\r\n float R = texture2D(uVelocity, vR).y;\r\n float T = texture2D(uVelocity, vT).x;\r\n float B = texture2D(uVelocity, vB).x;\r\n float vorticity = R - L - T + B;\r\n gl_FragColor = vec4(vorticity, 0.0, 0.0, 1.0);\r\n }\r\n`);\r\n\r\nconst vorticityShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n varying vec2 vT;\r\n varying vec2 vB;\r\n uniform sampler2D uVelocity;\r\n uniform sampler2D uCurl;\r\n uniform float curl;\r\n uniform float dt;\r\n\r\n void main () {\r\n float T = texture2D(uCurl, vT).x;\r\n float B = texture2D(uCurl, vB).x;\r\n float C = texture2D(uCurl, vUv).x;\r\n vec2 force = vec2(abs(T) - abs(B), 0.0);\r\n force *= 1.0 \/ length(force + 0.00001) * curl * C;\r\n vec2 vel = texture2D(uVelocity, vUv).xy;\r\n gl_FragColor = vec4(vel + force * dt, 0.0, 1.0);\r\n }\r\n`);\r\n\r\nconst pressureShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n varying vec2 vL;\r\n varying vec2 vR;\r\n varying vec2 vT;\r\n varying vec2 vB;\r\n uniform sampler2D uPressure;\r\n uniform sampler2D uDivergence;\r\n\r\n vec2 boundary (in vec2 uv) {\r\n uv = min(max(uv, 0.0), 1.0);\r\n return uv;\r\n }\r\n\r\n void main () {\r\n float L = texture2D(uPressure, boundary(vL)).x;\r\n float R = texture2D(uPressure, boundary(vR)).x;\r\n float T = texture2D(uPressure, boundary(vT)).x;\r\n float B = texture2D(uPressure, boundary(vB)).x;\r\n float C = texture2D(uPressure, vUv).x;\r\n float divergence = texture2D(uDivergence, vUv).x;\r\n float pressure = (L + R + B + T - divergence) * 0.25;\r\n gl_FragColor = vec4(pressure, 0.0, 0.0, 1.0);\r\n }\r\n`);\r\n\r\nconst gradientSubtractShader = compileShader(gl.FRAGMENT_SHADER, `\r\n precision highp float;\r\n precision mediump sampler2D;\r\n\r\n varying vec2 vUv;\r\n varying vec2 vL;\r\n varying vec2 vR;\r\n varying vec2 vT;\r\n varying vec2 vB;\r\n uniform sampler2D uPressure;\r\n uniform sampler2D uVelocity;\r\n\r\n vec2 boundary (in vec2 uv) {\r\n uv = min(max(uv, 0.0), 1.0);\r\n return uv;\r\n }\r\n\r\n void main () {\r\n float L = texture2D(uPressure, boundary(vL)).x;\r\n float R = texture2D(uPressure, boundary(vR)).x;\r\n float T = texture2D(uPressure, boundary(vT)).x;\r\n float B = texture2D(uPressure, boundary(vB)).x;\r\n vec2 velocity = texture2D(uVelocity, vUv).xy;\r\n velocity.xy -= vec2(R - L, T - B);\r\n gl_FragColor = vec4(velocity, 0.0, 1.0);\r\n }\r\n`);\r\n\r\nlet textureWidth;\r\nlet textureHeight;\r\nlet density;\r\nlet velocity;\r\nlet divergence;\r\nlet curl;\r\nlet pressure;\r\ninitFramebuffers();\r\n\r\nconst clearProgram = new GLProgram(baseVertexShader, clearShader);\r\nconst displayProgram = new GLProgram(baseVertexShader, displayShader);\r\nconst splatProgram = new GLProgram(baseVertexShader, splatShader);\r\nconst advectionProgram = new GLProgram(baseVertexShader, ext.supportLinearFiltering ? advectionShader : advectionManualFilteringShader);\r\nconst divergenceProgram = new GLProgram(baseVertexShader, divergenceShader);\r\nconst curlProgram = new GLProgram(baseVertexShader, curlShader);\r\nconst vorticityProgram = new GLProgram(baseVertexShader, vorticityShader);\r\nconst pressureProgram = new GLProgram(baseVertexShader, pressureShader);\r\nconst gradienSubtractProgram = new GLProgram(baseVertexShader, gradientSubtractShader);\r\n\r\nfunction initFramebuffers() {\r\n textureWidth = gl.drawingBufferWidth >> config.TEXTURE_DOWNSAMPLE;\r\n textureHeight = gl.drawingBufferHeight >> config.TEXTURE_DOWNSAMPLE;\r\n\r\n const texType = ext.halfFloatTexType;\r\n const rgba = ext.formatRGBA;\r\n const rg = ext.formatRG;\r\n const r = ext.formatR;\r\n\r\n density = createDoubleFBO(2, textureWidth, textureHeight, rgba.internalFormat, rgba.format, texType, ext.supportLinearFiltering ? gl.LINEAR : gl.NEAREST);\r\n velocity = createDoubleFBO(0, textureWidth, textureHeight, rg.internalFormat, rg.format, texType, ext.supportLinearFiltering ? gl.LINEAR : gl.NEAREST);\r\n divergence = createFBO(4, textureWidth, textureHeight, r.internalFormat, r.format, texType, gl.NEAREST);\r\n curl = createFBO(5, textureWidth, textureHeight, r.internalFormat, r.format, texType, gl.NEAREST);\r\n pressure = createDoubleFBO(6, textureWidth, textureHeight, r.internalFormat, r.format, texType, gl.NEAREST);\r\n}\r\n\r\nfunction createFBO(texId, w, h, internalFormat, format, type, param) {\r\n gl.activeTexture(gl.TEXTURE0 + texId);\r\n let texture = gl.createTexture();\r\n gl.bindTexture(gl.TEXTURE_2D, texture);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, param);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, param);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\r\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\r\n gl.texImage2D(gl.TEXTURE_2D, 0, internalFormat, w, h, 0, format, type, null);\r\n\r\n let fbo = gl.createFramebuffer();\r\n gl.bindFramebuffer(gl.FRAMEBUFFER, fbo);\r\n gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);\r\n gl.viewport(0, 0, w, h);\r\n gl.clear(gl.COLOR_BUFFER_BIT);\r\n\r\n return [texture, fbo, texId];\r\n}\r\n\r\nfunction createDoubleFBO(texId, w, h, internalFormat, format, type, param) {\r\n let fbo1 = createFBO(texId, w, h, internalFormat, format, type, param);\r\n let fbo2 = createFBO(texId + 1, w, h, internalFormat, format, type, param);\r\n\r\n return {\r\n get read() {\r\n return fbo1;\r\n },\r\n get write() {\r\n return fbo2;\r\n },\r\n swap() {\r\n let temp = fbo1;\r\n fbo1 = fbo2;\r\n fbo2 = temp;\r\n } };\r\n\r\n}\r\n\r\nconst blit = (() => {\r\n gl.bindBuffer(gl.ARRAY_BUFFER, gl.createBuffer());\r\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, -1, 1, 1, 1, 1, -1]), gl.STATIC_DRAW);\r\n gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, gl.createBuffer());\r\n gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, new Uint16Array([0, 1, 2, 0, 2, 3]), gl.STATIC_DRAW);\r\n gl.vertexAttribPointer(0, 2, gl.FLOAT, false, 0, 0);\r\n gl.enableVertexAttribArray(0);\r\n\r\n return destination => {\r\n gl.bindFramebuffer(gl.FRAMEBUFFER, destination);\r\n gl.drawElements(gl.TRIANGLES, 6, gl.UNSIGNED_SHORT, 0);\r\n };\r\n})();\r\n\r\nlet lastTime = Date.now();\r\nmultipleSplats(parseInt(Math.random() * 20) + 5);\r\nupdate();\r\n\r\nfunction update() {\r\n resizeCanvas();\r\n\r\n const dt = Math.min((Date.now() - lastTime) \/ 1000, 0.016);\r\n lastTime = Date.now();\r\n\r\n gl.viewport(0, 0, textureWidth, textureHeight);\r\n\r\n if (splatStack.length > 0)\r\n multipleSplats(splatStack.pop());\r\n\r\n advectionProgram.bind();\r\n gl.uniform2f(advectionProgram.uniforms.texelSize, 1.0 \/ textureWidth, 1.0 \/ textureHeight);\r\n gl.uniform1i(advectionProgram.uniforms.uVelocity, velocity.read[2]);\r\n gl.uniform1i(advectionProgram.uniforms.uSource, velocity.read[2]);\r\n gl.uniform1f(advectionProgram.uniforms.dt, dt);\r\n gl.uniform1f(advectionProgram.uniforms.dissipation, config.VELOCITY_DISSIPATION);\r\n blit(velocity.write[1]);\r\n velocity.swap();\r\n\r\n gl.uniform1i(advectionProgram.uniforms.uVelocity, velocity.read[2]);\r\n gl.uniform1i(advectionProgram.uniforms.uSource, density.read[2]);\r\n gl.uniform1f(advectionProgram.uniforms.dissipation, config.DENSITY_DISSIPATION);\r\n blit(density.write[1]);\r\n density.swap();\r\n\r\n for (let i = 0; i < pointers.length; i++) {\r\n const pointer = pointers[i];\r\n if (pointer.moved) {\r\n splat(pointer.x, pointer.y, pointer.dx, pointer.dy, pointer.color);\r\n pointer.moved = false;\r\n }\r\n }\r\n\r\n curlProgram.bind();\r\n gl.uniform2f(curlProgram.uniforms.texelSize, 1.0 \/ textureWidth, 1.0 \/ textureHeight);\r\n gl.uniform1i(curlProgram.uniforms.uVelocity, velocity.read[2]);\r\n blit(curl[1]);\r\n\r\n vorticityProgram.bind();\r\n gl.uniform2f(vorticityProgram.uniforms.texelSize, 1.0 \/ textureWidth, 1.0 \/ textureHeight);\r\n gl.uniform1i(vorticityProgram.uniforms.uVelocity, velocity.read[2]);\r\n gl.uniform1i(vorticityProgram.uniforms.uCurl, curl[2]);\r\n gl.uniform1f(vorticityProgram.uniforms.curl, config.CURL);\r\n gl.uniform1f(vorticityProgram.uniforms.dt, dt);\r\n blit(velocity.write[1]);\r\n velocity.swap();\r\n\r\n divergenceProgram.bind();\r\n gl.uniform2f(divergenceProgram.uniforms.texelSize, 1.0 \/ textureWidth, 1.0 \/ textureHeight);\r\n gl.uniform1i(divergenceProgram.uniforms.uVelocity, velocity.read[2]);\r\n blit(divergence[1]);\r\n\r\n clearProgram.bind();\r\n let pressureTexId = pressure.read[2];\r\n gl.activeTexture(gl.TEXTURE0 + pressureTexId);\r\n gl.bindTexture(gl.TEXTURE_2D, pressure.read[0]);\r\n gl.uniform1i(clearProgram.uniforms.uTexture, pressureTexId);\r\n gl.uniform1f(clearProgram.uniforms.value, config.PRESSURE_DISSIPATION);\r\n blit(pressure.write[1]);\r\n pressure.swap();\r\n\r\n pressureProgram.bind();\r\n gl.uniform2f(pressureProgram.uniforms.texelSize, 1.0 \/ textureWidth, 1.0 \/ textureHeight);\r\n gl.uniform1i(pressureProgram.uniforms.uDivergence, divergence[2]);\r\n pressureTexId = pressure.read[2];\r\n gl.uniform1i(pressureProgram.uniforms.uPressure, pressureTexId);\r\n gl.activeTexture(gl.TEXTURE0 + pressureTexId);\r\n for (let i = 0; i < config.PRESSURE_ITERATIONS; i++) {\r\n gl.bindTexture(gl.TEXTURE_2D, pressure.read[0]);\r\n blit(pressure.write[1]);\r\n pressure.swap();\r\n }\r\n\r\n gradienSubtractProgram.bind();\r\n gl.uniform2f(gradienSubtractProgram.uniforms.texelSize, 1.0 \/ textureWidth, 1.0 \/ textureHeight);\r\n gl.uniform1i(gradienSubtractProgram.uniforms.uPressure, pressure.read[2]);\r\n gl.uniform1i(gradienSubtractProgram.uniforms.uVelocity, velocity.read[2]);\r\n blit(velocity.write[1]);\r\n velocity.swap();\r\n\r\n gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);\r\n displayProgram.bind();\r\n gl.uniform1i(displayProgram.uniforms.uTexture, density.read[2]);\r\n blit(null);\r\n\r\n requestAnimationFrame(update);\r\n}\r\n\r\nfunction splat(x, y, dx, dy, color) {\r\n splatProgram.bind();\r\n gl.uniform1i(splatProgram.uniforms.uTarget, velocity.read[2]);\r\n gl.uniform1f(splatProgram.uniforms.aspectRatio, canvas.width \/ canvas.height);\r\n gl.uniform2f(splatProgram.uniforms.point, x \/ canvas.width, 1.0 - y \/ canvas.height);\r\n gl.uniform3f(splatProgram.uniforms.color, dx, -dy, 1.0);\r\n gl.uniform1f(splatProgram.uniforms.radius, config.SPLAT_RADIUS);\r\n blit(velocity.write[1]);\r\n velocity.swap();\r\n\r\n gl.uniform1i(splatProgram.uniforms.uTarget, density.read[2]);\r\n gl.uniform3f(splatProgram.uniforms.color, color[0] * 0.3, color[1] * 0.3, color[2] * 0.3);\r\n blit(density.write[1]);\r\n density.swap();\r\n}\r\n\r\nfunction multipleSplats(amount) {\r\n for (let i = 0; i < amount; i++) {\r\n const color = [Math.random() * 10, Math.random() * 10, Math.random() * 10];\r\n const x = canvas.width * Math.random();\r\n const y = canvas.height * Math.random();\r\n const dx = 1000 * (Math.random() - 0.5);\r\n const dy = 1000 * (Math.random() - 0.5);\r\n splat(x, y, dx, dy, color);\r\n }\r\n}\r\n\r\nfunction resizeCanvas() {\r\n if (canvas.width != canvas.clientWidth || canvas.height != canvas.clientHeight) {\r\n canvas.width = canvas.clientWidth;\r\n canvas.height = canvas.clientHeight;\r\n initFramebuffers();\r\n }\r\n}\r\n\r\ncanvas.addEventListener('mousemove', e => {\r\n pointers[0].moved = pointers[0].down;\r\n pointers[0].dx = (e.offsetX - pointers[0].x) * 10.0;\r\n pointers[0].dy = (e.offsetY - pointers[0].y) * 10.0;\r\n pointers[0].x = e.offsetX;\r\n pointers[0].y = e.offsetY;\r\n});\r\n\r\ncanvas.addEventListener('touchmove', e => {\r\n e.preventDefault();\r\n const touches = e.targetTouches;\r\n for (let i = 0; i < touches.length; i++) {\r\n let pointer = pointers[i];\r\n pointer.moved = pointer.down;\r\n pointer.dx = (touches[i].pageX - pointer.x) * 10.0;\r\n pointer.dy = (touches[i].pageY - pointer.y) * 10.0;\r\n pointer.x = touches[i].pageX;\r\n pointer.y = touches[i].pageY;\r\n }\r\n}, false);\r\n\r\ncanvas.addEventListener('mousemove', () => {\r\n pointers[0].down = true;\r\n pointers[0].color = [Math.random() + 0.2, Math.random() + 0.2, Math.random() + 0.2];\r\n});\r\n\r\ncanvas.addEventListener('touchstart', e => {\r\n e.preventDefault();\r\n const touches = e.targetTouches;\r\n for (let i = 0; i < touches.length; i++) {\r\n if (i >= pointers.length)\r\n pointers.push(new pointerPrototype());\r\n\r\n pointers[i].id = touches[i].identifier;\r\n pointers[i].down = true;\r\n pointers[i].x = touches[i].pageX;\r\n pointers[i].y = touches[i].pageY;\r\n pointers[i].color = [Math.random() + 0.2, Math.random() + 0.2, Math.random() + 0.2];\r\n }\r\n});\r\n\r\nwindow.addEventListener('mouseleave', () => {\r\n pointers[0].down = false;\r\n});\r\n\r\nwindow.addEventListener('touchend', e => {\r\n const touches = e.changedTouches;\r\n for (let i = 0; i < touches.length; i++)\r\n for (let j = 0; j < pointers.length; j++)\r\n if (touches[i].identifier == pointers[j].id)\r\n pointers[j].down = false;\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6160d97e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6160d97e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7cb1092d\" data-id=\"7cb1092d\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3b9f8d7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3b9f8d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34f2852a elementor-widget elementor-widget-text-editor\" data-id=\"34f2852a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2994bf95 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2994bf95\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-58396497\" data-id=\"58396497\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bd63a94 elementor-widget elementor-widget-image\" data-id=\"bd63a94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/agencia.elsitioweb.net\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-100789d elementor-widget elementor-widget-heading\" data-id=\"100789d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">UI Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22e983d2 elementor-widget elementor-widget-text-editor\" data-id=\"22e983d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem Ipsum is simply text of the printing type.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf3b04f elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"cf3b04f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Know More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-e90e057\" data-id=\"e90e057\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2a23030a elementor-widget elementor-widget-image\" data-id=\"2a23030a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/agencia.elsitioweb.net\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-635e69d2 elementor-widget elementor-widget-heading\" data-id=\"635e69d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Product Design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22152036 elementor-widget elementor-widget-text-editor\" data-id=\"22152036\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem Ipsum is simply text of the printing type.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d79da35 elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"7d79da35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Know More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-770fd4e0\" data-id=\"770fd4e0\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5620e9b8 elementor-widget elementor-widget-image\" data-id=\"5620e9b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/agencia.elsitioweb.net\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77927206 elementor-widget elementor-widget-heading\" data-id=\"77927206\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Branding<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72fb9d88 elementor-widget elementor-widget-text-editor\" data-id=\"72fb9d88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem Ipsum is simply text of the printing type.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-763ff9 elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"763ff9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Know More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-56e58ca9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"56e58ca9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5b55545a\" data-id=\"5b55545a\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-42408d62 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"42408d62\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-eeb3ad6\" data-id=\"eeb3ad6\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-38d3b322 elementor-widget elementor-widget-heading\" data-id=\"38d3b322\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Let\u2019s work together on your next project<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4454a325 elementor-widget elementor-widget-text-editor\" data-id=\"4454a325\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4d588d73\" data-id=\"4d588d73\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fad9fed elementor-align-center elementor-widget elementor-widget-button\" data-id=\"fad9fed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">CONTACT <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-176a7432 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"176a7432\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-77fcbbe2\" data-id=\"77fcbbe2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-46ddf702 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"46ddf702\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4cfe9d77\" data-id=\"4cfe9d77\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1543754a elementor-widget elementor-widget-text-editor\" data-id=\"1543754a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We provide high standard clean website for your business solutions<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-46ea0ee0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"46ea0ee0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-4896e7e4\" data-id=\"4896e7e4\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5c373f5e elementor-widget elementor-widget-heading\" data-id=\"5c373f5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Starter<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d0c725a elementor-widget elementor-widget-heading\" data-id=\"5d0c725a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Free<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ee733d1 elementor-widget elementor-widget-text-editor\" data-id=\"1ee733d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>for up to 2 editors and 3 projects<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62cb481c elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"62cb481c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">3 projects<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">30-day version history<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Up to 2 editors<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Unlimited cloud storage<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56bd6a30 elementor-widget elementor-widget-spacer\" data-id=\"56bd6a30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7537e7fa elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"7537e7fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-6dc51d10\" data-id=\"6dc51d10\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2a4b86f2 elementor-widget elementor-widget-heading\" data-id=\"2a4b86f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Business<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-149ee0af elementor-widget elementor-widget-heading\" data-id=\"149ee0af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">$4.99\/mo<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46e3e029 elementor-widget elementor-widget-text-editor\" data-id=\"46e3e029\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>for up to 2 editors and 3 projects<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70b40e23 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"70b40e23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">3 projects<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">30-day version history<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Up to 2 editors<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Unlimited cloud storage<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fd78028 elementor-widget elementor-widget-spacer\" data-id=\"6fd78028\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7920ecc elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"7920ecc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-4df19dbd\" data-id=\"4df19dbd\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-85ef909 elementor-widget elementor-widget-heading\" data-id=\"85ef909\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Professional<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c17f41d elementor-widget elementor-widget-heading\" data-id=\"c17f41d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">$9.99\/mo<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4804f509 elementor-widget elementor-widget-text-editor\" data-id=\"4804f509\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>for up to 2 editors and 3 projects<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3dcff921 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"3dcff921\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">3 projects<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">30-day version history<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Up to 2 editors<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Unlimited cloud storage<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2203a527 elementor-widget elementor-widget-spacer\" data-id=\"2203a527\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c8c3bb elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"8c8c3bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Fluid cursor webgl SERVICES Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt UI Design Lorem Ipsum is simply text of the printing type. Know More Product Design Lorem Ipsum is simply text of the printing type. Know More Branding Lorem Ipsum is simply text of the printing type. Know More […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-186","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/agencia.elsitioweb.net\/index.php?rest_route=\/wp\/v2\/pages\/186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agencia.elsitioweb.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agencia.elsitioweb.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agencia.elsitioweb.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agencia.elsitioweb.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=186"}],"version-history":[{"count":0,"href":"https:\/\/agencia.elsitioweb.net\/index.php?rest_route=\/wp\/v2\/pages\/186\/revisions"}],"wp:attachment":[{"href":"https:\/\/agencia.elsitioweb.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}