<!-- Splash Section -->
<ss:templates:section bgimageblur="1" padding="1rem" paddingbottom="15rem" paddingtop="15rem" paddingright="2rem"
paddingleft="2rem" contentsize="md" color="#ffffff" bgcolor="#ff531f" bggradient="linear-gradient(300deg, rgb(255, 83, 31), rgb(238, 99, 124))">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="3">
<ss:standard:icon library="fontawesome" name="rocket" size="4" style="width: 178px; height: 178px;" />
</ss:templates:column>
<ss:templates:column width="9">
<h1>Employeecycle</h1>
<p>
Unify HR analytics data in minutes with Employee Cycle. Create your free account today and begin to use the best HR analytics dashboard </p>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<!-- Services Section -->
<ss:templates:section contentsize="md" paddingleft="2rem" paddingright="2rem" paddingtop="10rem" paddingbottom="10rem"
bgcolor="#ffffff">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="6">
<h2>Our work is what happens when amazing clients meet an <a href="/services/">incredible team</a>.</h2>
</ss:templates:column>
<ss:templates:column width="6">
<h2><br /></h2>
</ss:templates:column>
</ss:templates:row>
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="6">
<h2><br /></h2>
</ss:templates:column>
<ss:templates:column width="6">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin. Donec ipsum massa, ullamcorper in, auctor et, scelerisque
sed, est.
</p>
<a href="#" >View our full range of projects <ss:standard:icon library="fontawesome" name="long-arrow-alt-right-solid" style="width: 14px; height: 14px;" /></a>
</ss:templates:column>
</ss:templates:row>
<p><br /></p>
<p><br /></p>
<p><br /></p>
<ss:templates:row style="text-align: left;">
<ss:templates:column width="6">
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1466690672306-5f92132f7248?ixid=eyJhcHBfaWQiOjY4ODV9" maintainaspect="crop" height="465" />
<h3><strong>Project 1</strong></h3>
<p><small>CLIENT NAME</small></p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed enim libero, maximus faucibus orci nec, volutpat eleifend ipsum.
</p>
<a href="#" >View Project <ss:standard:icon library="fontawesome" name="long-arrow-alt-right-solid" style="width: 14px; height: 14px;" /></a>
</ss:templates:column>
<ss:templates:column width="6">
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1548094990-c16ca90f1f0d?ixid=eyJhcHBfaWQiOjY4ODV9" maintainaspect="crop" height="465" />
<h3><strong>Project 2</strong></h3>
<p><small>CLIENT NAME</small></p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed enim libero, maximus faucibus orci nec, volutpat eleifend ipsum.
</p>
<a href="#" >View Project <ss:standard:icon library="fontawesome" name="long-arrow-alt-right-solid" style="width: 14px; height: 14px;" /></a>
</ss:templates:column>
</ss:templates:row>
<p>
<br />
<br />
</p>
<ss:templates:row style="text-align: left;">
<ss:templates:column width="6">
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1555421689-491a97ff2040?ixid=eyJhcHBfaWQiOjY4ODV9" maintainaspect="crop" height="465" />
<h3><strong>Project 3</strong></h3>
<p><small>CLIENT NAME</small></p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed enim libero, maximus faucibus orci nec, volutpat eleifend ipsum.
</p>
<a href="#" >View Project <ss:standard:icon library="fontawesome" name="long-arrow-alt-right-solid" style="width: 14px; height: 14px;" /></a>
</ss:templates:column>
<ss:templates:column width="6">
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1495091932580-1e3d65691a5d?ixid=eyJhcHBfaWQiOjY4ODV9" maintainaspect="crop" height="465" />
<h3><strong>Project 4</strong></h3>
<p><small>CLIENT NAME</small></p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed enim libero, maximus faucibus orci nec, volutpat eleifend ipsum.
</p>
<a href="#" >View Project <ss:standard:icon library="fontawesome" name="long-arrow-alt-right-solid" style="width: 14px; height: 14px;" /></a>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<ss:templates:section contentsize="md" paddingleft="2rem" paddingright="2rem" paddingtop="10rem" paddingbottom="10rem"
bgcolor="#151414"
color="#f6f7f9">
<ss:templates:row>
<ss:templates:column width="6">
<h2>Creative services from <a href="/services/">a team that cares</a><a href="/about/"></a>.</h2>
</ss:templates:column>
<ss:templates:column width="6"></ss:templates:column>
</ss:templates:row>
<ss:templates:row>
<ss:templates:column width="6"></ss:templates:column>
<ss:templates:column width="6">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed enim libero, maximus faucibus orci nec, volutpat eleifend ipsum.
</p>
</ss:templates:column>
</ss:templates:row>
<p><br /></p>
<p>
<br />
<br />
</p>
<ss:templates:row>
<ss:templates:column width="12">
<ss:templates:row>
<ss:templates:column width="1">
<p style="text-align: center;">
<ss:standard:icon library="fontawesome" name="laptop" style="width: 60px; height: 60px; color: #ff531f" />
</p>
</ss:templates:column>
<ss:templates:column width="3">
<h5>Service 1</h5>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<br />
<br />
</p>
</ss:templates:column>
<ss:templates:column width="1">
<p style="text-align: center;">
<ss:standard:icon library="fontawesome" name="align-left" style="width: 60px; height: 60px; color: #ff531f" />
</p>
</ss:templates:column>
<ss:templates:column width="3">
<h5 style="text-align: left;">Service 2</h5>
<p style="text-align: left;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<br />
<br />
</p>
</ss:templates:column>
<ss:templates:column width="1">
<p style="text-align: center;">
<ss:standard:icon library="fontawesome" name="unlock-alt" style="width: 60px; height: 60px; color: #ff531f" />
</p>
</ss:templates:column>
<ss:templates:column width="3">
<h5>Service 3</h5>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<br />
<br />
</p>
</ss:templates:column>
</ss:templates:row>
<ss:templates:row>
<ss:templates:column width="1">
<p style="text-align: center;">
<ss:standard:icon library="fontawesome" name="location-arrow" style="width: 60px; height: 60px; color: #ff531f" />
</p>
</ss:templates:column>
<ss:templates:column width="3">
<h5>Service 4</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<br /></p>
</ss:templates:column>
<ss:templates:column width="1">
<p style="text-align: center;"><ss:standard:icon library="fontawesome" name="bolt" style="width: 60px; height: 60px; color: #ff531f" /></p>
</ss:templates:column>
<ss:templates:column width="3">
<h5>Service 5</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<br /></p>
</ss:templates:column>
<ss:templates:column width="1">
<p style="text-align: center;">
<ss:standard:icon library="fontawesome" name="chart-line-solid" style="width: 60px; height: 60px; color: #ff531f" />
</p>
</ss:templates:column>
<ss:templates:column width="3">
<h5>Service 6</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<br /></p>
</ss:templates:column>
</ss:templates:row>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<ss:templates:section contentsize="md" paddingleft="2rem" paddingright="2rem" paddingtop="10rem" paddingbottom="10rem"
bgimage="https://images.unsplash.com/photo-1556761175-5973dc0f32e7"
bgwashcolor="#151414"
color="#fff" bgwashopacity="80" >
<ss:templates:row>
<ss:templates:column width="6">
<h2 class="feature-text">Kind words from our clients.</h2>
</ss:templates:column>
<ss:templates:column width="6"></ss:templates:column>
</ss:templates:row>
<p><br /></p>
<ss:templates:row>
<ss:templates:column width="6"></ss:templates:column>
<ss:templates:column width="6">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed enim libero, maximus faucibus orci nec, volutpat eleifend ipsum.
</p>
</ss:templates:column>
</ss:templates:row>
<p>
<br />
<br />
</p>
<ss:templates:row>
<ss:templates:column width="10">
<ss:templates:flexlayout justify-content="center" style="align-items: flex-start;" preventwrap="preventwrap">
<ss:templates:testimonial role="Client" name="Robert Gibbons" profileimage="https://images.unsplash.com/photo-1509670572852-5823184def8c?q=80&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9&s=aaceef31b272f5e0ce2f96bb9f964cfb?utm_source=oncord&utm_medium=referral&utm_campaign=api-credit" variant="Top" bgcolor="#151414" style="margin: 10px; border-radius: 4px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est.</ss:templates:testimonial><ss:templates:testimonial role="Client" name="Sandy Jackson" profileimage="https://images.unsplash.com/photo-1476493279419-b785d41e38d8?q=80&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9&s=04af51ff7c729d4fcf81d823d4526eff?utm_source=oncord&utm_medium=referral&utm_campaign=api-credit" variant="Top" bgcolor="#151414" style="margin: 10px; border-radius: 4px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est.</ss:templates:testimonial> </ss:templates:flexlayout>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<ss:templates:section bgimageblur="1" paddingbottom="10rem" paddingtop="10rem" paddingright="2rem"
paddingleft="2rem" contentsize="md"
bgcolor="#ff531f"
bggradient="linear-gradient(300deg, rgb(255, 83, 31), rgb(238, 99, 124))"
color="#ffffff">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="12">
<h2 style="text-align: center;">LET'S GET TOGETHER AND DO COOL THINGS</h2>
<p><br /></p>
<p style="text-align: center;">
<ss:templates:button href="/contact/" variant="Classic" color="#fff" border="2px solid #ffffff">GET IN TOUCH</ss:templates:button>
</p>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<!-- Splash Section -->
<ss:templates:section bgimageblur="1" padding="1rem" paddingbottom="15rem" paddingtop="15rem" paddingright="2rem"
paddingleft="2rem" contentsize="md" color="#ffffff" bgcolor="#ff531f" bggradient="linear-gradient(300deg, rgb(255, 83, 31), rgb(238, 99, 124))">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="3">
<ss:standard:icon library="fontawesome" name="rocket" size="4" style="width: 178px; height: 178px;" />
</ss:templates:column>
<ss:templates:column width="9">
<h1>Employeecycle</h1>
<p>
Unify HR analytics data in minutes with Employee Cycle. Create your free account today and begin to use the best HR analytics dashboard </p>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<!-- Services Section -->
<ss:templates:section contentsize="md" paddingleft="2rem" paddingright="2rem" paddingtop="10rem" paddingbottom="10rem"
bgcolor="#ffffff">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="6">
<h2>Our work is what happens when amazing clients meet an <a href="/services/">incredible team</a>.</h2>
</ss:templates:column>
<ss:templates:column width="6">
<h2><br /></h2>
</ss:templates:column>
</ss:templates:row>
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="6">
<h2><br /></h2>
</ss:templates:column>
<ss:templates:column width="6">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin. Donec ipsum massa, ullamcorper in, auctor et, scelerisque
sed, est.
</p>
<a href="#" >View our full range of projects <ss:standard:icon library="fontawesome" name="long-arrow-alt-right-solid" style="width: 14px; height: 14px;" /></a>
</ss:templates:column>
</ss:templates:row>
<p><br /></p>
<p><br /></p>
<p><br /></p>
<ss:templates:row style="text-align: left;">
<ss:templates:column width="6">
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1466690672306-5f92132f7248?ixid=eyJhcHBfaWQiOjY4ODV9" maintainaspect="crop" height="465" />
<h3><strong>Project 1</strong></h3>
<p><small>CLIENT NAME</small></p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed enim libero, maximus faucibus orci nec, volutpat eleifend ipsum.
</p>
<a href="#" >View Project <ss:standard:icon library="fontawesome" name="long-arrow-alt-right-solid" style="width: 14px; height: 14px;" /></a>
</ss:templates:column>
<ss:templates:column width="6">
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1548094990-c16ca90f1f0d?ixid=eyJhcHBfaWQiOjY4ODV9" maintainaspect="crop" height="465" />
<h3><strong>Project 2</strong></h3>
<p><small>CLIENT NAME</small></p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed enim libero, maximus faucibus orci nec, volutpat eleifend ipsum.
</p>
<a href="#" >View Project <ss:standard:icon library="fontawesome" name="long-arrow-alt-right-solid" style="width: 14px; height: 14px;" /></a>
</ss:templates:column>
</ss:templates:row>
<p>
<br />
<br />
</p>
<ss:templates:row style="text-align: left;">
<ss:templates:column width="6">
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1555421689-491a97ff2040?ixid=eyJhcHBfaWQiOjY4ODV9" maintainaspect="crop" height="465" />
<h3><strong>Project 3</strong></h3>
<p><small>CLIENT NAME</small></p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed enim libero, maximus faucibus orci nec, volutpat eleifend ipsum.
</p>
<a href="#" >View Project <ss:standard:icon library="fontawesome" name="long-arrow-alt-right-solid" style="width: 14px; height: 14px;" /></a>
</ss:templates:column>
<ss:templates:column width="6">
<ss:standard:image width="100%" src="https://images.unsplash.com/photo-1495091932580-1e3d65691a5d?ixid=eyJhcHBfaWQiOjY4ODV9" maintainaspect="crop" height="465" />
<h3><strong>Project 4</strong></h3>
<p><small>CLIENT NAME</small></p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed enim libero, maximus faucibus orci nec, volutpat eleifend ipsum.
</p>
<a href="#" >View Project <ss:standard:icon library="fontawesome" name="long-arrow-alt-right-solid" style="width: 14px; height: 14px;" /></a>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<ss:templates:section contentsize="md" paddingleft="2rem" paddingright="2rem" paddingtop="10rem" paddingbottom="10rem"
bgcolor="#151414"
color="#f6f7f9">
<ss:templates:row>
<ss:templates:column width="6">
<h2>Creative services from <a href="/services/">a team that cares</a><a href="/about/"></a>.</h2>
</ss:templates:column>
<ss:templates:column width="6"></ss:templates:column>
</ss:templates:row>
<ss:templates:row>
<ss:templates:column width="6"></ss:templates:column>
<ss:templates:column width="6">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed enim libero, maximus faucibus orci nec, volutpat eleifend ipsum.
</p>
</ss:templates:column>
</ss:templates:row>
<p><br /></p>
<p>
<br />
<br />
</p>
<ss:templates:row>
<ss:templates:column width="12">
<ss:templates:row>
<ss:templates:column width="1">
<p style="text-align: center;">
<ss:standard:icon library="fontawesome" name="laptop" style="width: 60px; height: 60px; color: #ff531f" />
</p>
</ss:templates:column>
<ss:templates:column width="3">
<h5>Service 1</h5>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<br />
<br />
</p>
</ss:templates:column>
<ss:templates:column width="1">
<p style="text-align: center;">
<ss:standard:icon library="fontawesome" name="align-left" style="width: 60px; height: 60px; color: #ff531f" />
</p>
</ss:templates:column>
<ss:templates:column width="3">
<h5 style="text-align: left;">Service 2</h5>
<p style="text-align: left;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<br />
<br />
</p>
</ss:templates:column>
<ss:templates:column width="1">
<p style="text-align: center;">
<ss:standard:icon library="fontawesome" name="unlock-alt" style="width: 60px; height: 60px; color: #ff531f" />
</p>
</ss:templates:column>
<ss:templates:column width="3">
<h5>Service 3</h5>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<br />
<br />
</p>
</ss:templates:column>
</ss:templates:row>
<ss:templates:row>
<ss:templates:column width="1">
<p style="text-align: center;">
<ss:standard:icon library="fontawesome" name="location-arrow" style="width: 60px; height: 60px; color: #ff531f" />
</p>
</ss:templates:column>
<ss:templates:column width="3">
<h5>Service 4</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<br /></p>
</ss:templates:column>
<ss:templates:column width="1">
<p style="text-align: center;"><ss:standard:icon library="fontawesome" name="bolt" style="width: 60px; height: 60px; color: #ff531f" /></p>
</ss:templates:column>
<ss:templates:column width="3">
<h5>Service 5</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<br /></p>
</ss:templates:column>
<ss:templates:column width="1">
<p style="text-align: center;">
<ss:standard:icon library="fontawesome" name="chart-line-solid" style="width: 60px; height: 60px; color: #ff531f" />
</p>
</ss:templates:column>
<ss:templates:column width="3">
<h5>Service 6</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.<br /></p>
</ss:templates:column>
</ss:templates:row>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<ss:templates:section contentsize="md" paddingleft="2rem" paddingright="2rem" paddingtop="10rem" paddingbottom="10rem"
bgimage="https://images.unsplash.com/photo-1556761175-5973dc0f32e7"
bgwashcolor="#151414"
color="#fff" bgwashopacity="80" >
<ss:templates:row>
<ss:templates:column width="6">
<h2 class="feature-text">Kind words from our clients.</h2>
</ss:templates:column>
<ss:templates:column width="6"></ss:templates:column>
</ss:templates:row>
<p><br /></p>
<ss:templates:row>
<ss:templates:column width="6"></ss:templates:column>
<ss:templates:column width="6">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed enim libero, maximus faucibus orci nec, volutpat eleifend ipsum.
</p>
</ss:templates:column>
</ss:templates:row>
<p>
<br />
<br />
</p>
<ss:templates:row>
<ss:templates:column width="10">
<ss:templates:flexlayout justify-content="center" style="align-items: flex-start;" preventwrap="preventwrap">
<ss:templates:testimonial role="Client" name="Robert Gibbons" profileimage="https://images.unsplash.com/photo-1509670572852-5823184def8c?q=80&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9&s=aaceef31b272f5e0ce2f96bb9f964cfb?utm_source=oncord&utm_medium=referral&utm_campaign=api-credit" variant="Top" bgcolor="#151414" style="margin: 10px; border-radius: 4px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est.</ss:templates:testimonial><ss:templates:testimonial role="Client" name="Sandy Jackson" profileimage="https://images.unsplash.com/photo-1476493279419-b785d41e38d8?q=80&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjY4ODV9&s=04af51ff7c729d4fcf81d823d4526eff?utm_source=oncord&utm_medium=referral&utm_campaign=api-credit" variant="Top" bgcolor="#151414" style="margin: 10px; border-radius: 4px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est.</ss:templates:testimonial> </ss:templates:flexlayout>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<ss:templates:section bgimageblur="1" paddingbottom="10rem" paddingtop="10rem" paddingright="2rem"
paddingleft="2rem" contentsize="md"
bgcolor="#ff531f"
bggradient="linear-gradient(300deg, rgb(255, 83, 31), rgb(238, 99, 124))"
color="#ffffff">
<ss:templates:row verticalAlignColumns="center">
<ss:templates:column width="12">
<h2 style="text-align: center;">LET'S GET TOGETHER AND DO COOL THINGS</h2>
<p><br /></p>
<p style="text-align: center;">
<ss:templates:button href="/contact/" variant="Classic" color="#fff" border="2px solid #ffffff">GET IN TOUCH</ss:templates:button>
</p>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>