test

Web Design

Web Design

Web Design

_

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

#core-skill-startup-studio-r1, #core-skill-startup-studio-r2, #core-skill-startup-studio-r3, #core-skill-startup-studio-r4, #core-skill-startup-studio-r5, #core-skill-startup-studio-r6 { transition: height 0.15s, y 0.15s; } #core-skill-startup-studio-r7, #core-skill-startup-studio-r8, #core-skill-startup-studio-r12, #core-skill-startup-studio-r13 { transition: width 0.1s, x 0.1s; } #core-skill-startup-studio-r1 { height: 4px; transition-delay: 0.2s; } #core-skill-startup-studio-r2 { height: 0; transition-delay: 0.1s; } #core-skill-startup-studio-r3 { height: 0; transition-delay: 0s; } #core-skill-startup-studio-r4 { height: 4px; y: 40px; transition-delay: 0.2s; } #core-skill-startup-studio-r5 { height: 0; y: 21px; transition-delay: 0.1s; } #core-skill-startup-studio-r6 { height: 0; y: 7px; transition-delay: 0s; } #core-skill-startup-studio-r7 { width: 5px; x: 29px; transition-delay: 0.3s; } #core-skill-startup-studio-r8 { width: 10px; transition-delay: 0.3s; } #core-skill-startup-studio-r12 { width: 10px; x: 23px; transition-delay: 0.3s; } #core-skill-startup-studio-r13 { width: 5px; transition-delay: 0.3s; } svg:hover #core-skill-startup-studio-r1, svg.hover #core-skill-startup-studio-r1 { height: 17px; transition-delay: 0s; } svg:hover #core-skill-startup-studio-r2, svg.hover #core-skill-startup-studio-r2 { height: 8px; transition-delay: 0.1s; } svg:hover #core-skill-startup-studio-r3, svg.hover #core-skill-startup-studio-r3 { height: 5px; transition-delay: 0.2s; } svg:hover #core-skill-startup-studio-r4, svg.hover #core-skill-startup-studio-r4 { height: 17px; y: 27px; transition-delay: 0.1s; } svg:hover #core-skill-startup-studio-r5, svg.hover #core-skill-startup-studio-r5 { height: 8px; y: 13px; transition-delay: 0.2s; } svg:hover #core-skill-startup-studio-r6, svg.hover #core-skill-startup-studio-r6 { height: 5px; y: 2px; transition-delay: 0.3s; } svg:hover #core-skill-startup-studio-r7, svg.hover #core-skill-startup-studio-r7 { width: 4px; x: 30px; transition-delay: 0s; } svg:hover #core-skill-startup-studio-r8, svg.hover #core-skill-startup-studio-r8 { width: 9px; x: 15px; transition-delay: 0s; } svg:hover #core-skill-startup-studio-r12, svg.hover #core-skill-startup-studio-r12 { width: 9px; x: 24px; transition-delay: 0.1s; } svg:hover #core-skill-startup-studio-r13, svg.hover #core-skill-startup-studio-r13 { width: 4px; transition-delay: 0.1s; }

Alamgir

#core-skill-startup-studio-r1, #core-skill-startup-studio-r2, #core-skill-startup-studio-r3, #core-skill-startup-studio-r4, #core-skill-startup-studio-r5, #core-skill-startup-studio-r6 { transition: height 0.15s, y 0.15s; } #core-skill-startup-studio-r7, #core-skill-startup-studio-r8, #core-skill-startup-studio-r12, #core-skill-startup-studio-r13 { transition: width 0.1s, x 0.1s; } #core-skill-startup-studio-r1 { height: 4px; transition-delay: 0.2s; } #core-skill-startup-studio-r2 { height: 0; transition-delay: 0.1s; } #core-skill-startup-studio-r3 { height: 0; transition-delay: 0s; } #core-skill-startup-studio-r4 { height: 4px; y: 40px; transition-delay: 0.2s; } #core-skill-startup-studio-r5 { height: 0; y: 21px; transition-delay: 0.1s; } #core-skill-startup-studio-r6 { height: 0; y: 7px; transition-delay: 0s; } #core-skill-startup-studio-r7 { width: 5px; x: 29px; transition-delay: 0.3s; } #core-skill-startup-studio-r8 { width: 10px; transition-delay: 0.3s; } #core-skill-startup-studio-r12 { width: 10px; x: 23px; transition-delay: 0.3s; } #core-skill-startup-studio-r13 { width: 5px; transition-delay: 0.3s; } svg:hover #core-skill-startup-studio-r1, svg.hover #core-skill-startup-studio-r1 { height: 17px; transition-delay: 0s; } svg:hover #core-skill-startup-studio-r2, svg.hover #core-skill-startup-studio-r2 { height: 8px; transition-delay: 0.1s; } svg:hover #core-skill-startup-studio-r3, svg.hover #core-skill-startup-studio-r3 { height: 5px; transition-delay: 0.2s; } svg:hover #core-skill-startup-studio-r4, svg.hover #core-skill-startup-studio-r4 { height: 17px; y: 27px; transition-delay: 0.1s; } svg:hover #core-skill-startup-studio-r5, svg.hover #core-skill-startup-studio-r5 { height: 8px; y: 13px; transition-delay: 0.2s; } svg:hover #core-skill-startup-studio-r6, svg.hover #core-skill-startup-studio-r6 { height: 5px; y: 2px; transition-delay: 0.3s; } svg:hover #core-skill-startup-studio-r7, svg.hover #core-skill-startup-studio-r7 { width: 4px; x: 30px; transition-delay: 0s; } svg:hover #core-skill-startup-studio-r8, svg.hover #core-skill-startup-studio-r8 { width: 9px; x: 15px; transition-delay: 0s; } svg:hover #core-skill-startup-studio-r12, svg.hover #core-skill-startup-studio-r12 { width: 9px; x: 24px; transition-delay: 0.1s; } svg:hover #core-skill-startup-studio-r13, svg.hover #core-skill-startup-studio-r13 { width: 4px; transition-delay: 0.1s; }

Add Your Heading Text Here

Add Your Heading Text Here

#core-skill-consulting-r1, #core-skill-consulting-r2, #core-skill-consulting-r3, #core-skill-consulting-r4, #core-skill-consulting-r5 { transition-property: x, y, width, height, transform; transition-duration: 0.15s; } #core-skill-consulting-r1 { transform-origin: 18px 18px; transition-delay: 0s; } #core-skill-consulting-r2 { transform-origin: 30px 18px; transition-delay: 0s; } #core-skill-consulting-r3 { transform-origin: 15px 28px; transition-delay: 0s; } #core-skill-consulting-r4 { transform-origin: 33px 28px; transition-delay: 0s; } #core-skill-consulting-r5 { transition-delay: 0.05s; } svg:hover #core-skill-consulting-r1, svg.hover #core-skill-consulting-r1 { x: 15px; y: 16px; width: 6px; height: 4px; transform: rotate(4deg); transition-delay: 0.05s; } svg:hover #core-skill-consulting-r2, svg.hover #core-skill-consulting-r2 { x: 27px; y: 16px; width: 6px; height: 4px; transform: rotate(-4deg); transition-delay: 0.05s; } svg:hover #core-skill-consulting-r3, svg.hover #core-skill-consulting-r3 { x: 17px; y: 27px; width: 6px; height: 4px; transform: rotate(16deg); transition-delay: 0.1s; } svg:hover #core-skill-consulting-r4, svg.hover #core-skill-consulting-r4 { x: 25px; y: 27px; width: 6px; height: 4px; transform: rotate(-16deg); transition-delay: 0.1s; } svg:hover #core-skill-consulting-r5, svg.hover #core-skill-consulting-r5 { x: 22px; y: 21px; width: 4px; height: 6px; transition-delay: 0s; }
#core-skill-consulting-r1, #core-skill-consulting-r2, #core-skill-consulting-r3, #core-skill-consulting-r4, #core-skill-consulting-r5 { transition-property: x, y, width, height, transform; transition-duration: 0.15s; } #core-skill-consulting-r1 { transform-origin: 18px 18px; transition-delay: 0s; } #core-skill-consulting-r2 { transform-origin: 30px 18px; transition-delay: 0s; } #core-skill-consulting-r3 { transform-origin: 15px 28px; transition-delay: 0s; } #core-skill-consulting-r4 { transform-origin: 33px 28px; transition-delay: 0s; } #core-skill-consulting-r5 { transition-delay: 0.05s; } svg:hover #core-skill-consulting-r1, svg.hover #core-skill-consulting-r1 { x: 15px; y: 16px; width: 6px; height: 4px; transform: rotate(4deg); transition-delay: 0.05s; } svg:hover #core-skill-consulting-r2, svg.hover #core-skill-consulting-r2 { x: 27px; y: 16px; width: 6px; height: 4px; transform: rotate(-4deg); transition-delay: 0.05s; } svg:hover #core-skill-consulting-r3, svg.hover #core-skill-consulting-r3 { x: 17px; y: 27px; width: 6px; height: 4px; transform: rotate(16deg); transition-delay: 0.1s; } svg:hover #core-skill-consulting-r4, svg.hover #core-skill-consulting-r4 { x: 25px; y: 27px; width: 6px; height: 4px; transform: rotate(-16deg); transition-delay: 0.1s; } svg:hover #core-skill-consulting-r5, svg.hover #core-skill-consulting-r5 { x: 22px; y: 21px; width: 4px; height: 6px; transition-delay: 0s; }