Component Library

Vertical Cards

Config Properties

Vertical cards feature media above a content area.

The media allows for the placement of an image, multiple images, video or none at all.

Image Ratio Selection (16:9, 1:1, 4:3, 3:4) that remains the same for each breakpoint.

The content area excepts a title, subtitle, paragraph and call to action.

When in a grid, you can add padding between the cards.

It will stack at the smallest breakpoint.

Theming allows you to update foreground, background colors, and button style.

Safe, Secure and Scalable Systems

We build elegant, durable solutions to key business challenges across all touchpoints, screens and devices.

Unique Problems need Custom Solutions

We build immersive experiences that educate and inspire consumers from consideration to purchase and beyond.

We Make IT Easy

We keep your critical systems up and running and protect your business and consumer data.

Safe, Secure and Scalable Systems

We build elegant, durable solutions to key business challenges across all touchpoints, screens and devices.

Unique Problems need Custom Solutions

We build immersive experiences that educate and inspire consumers from consideration to purchase and beyond.

We Make IT Easy

We keep your critical systems up and running and protect your business and consumer data.

Safe, Secure and Scalable Systems

We build elegant, durable solutions to key business challenges across all touchpoints, screens and devices.

Let's Go

Unique Problems need Custom Solutions

We build immersive experiences that educate and inspire consumers from consideration to purchase and beyond.

Click Me

We Make IT Easy

We keep your critical systems up and running and protect your business and consumer data.

Learn More

Strategic Digital Partners

We create digital solutions that fit your brand and your infrastructure, so you can streamline operations, connect with customers and sell more online.

A button

Strategic Digital Partners

We create digital solutions that fit your brand and your infrastructure, so you can streamline operations, connect with customers and sell more online.

A button

View the Styleguide to get a better understanding of the color, typography, and button themes being applied and the classes associated with each.

View the Component Library to see all of the components available in the Fusk. You can copy and paste these components from the back-end.

Go to Component Library

We've spent over a decade helping brands create advanced digital solutions that deliver measurable results, but now we're making it even easier for you.

Get Started

Solutions That Fit

Strategic Digital Partners

We create digital solutions that fit your brand and your infrastructure, so you can streamline operations, connect with customers and sell more online.

A button

Strategic Digital Partners

We create digital solutions that fit your brand and your infrastructure, so you can streamline operations, connect with customers and sell more online.

Strategic Digital Partners

We create digital solutions that fit your brand and your infrastructure, so you can streamline operations, connect with customers and sell more online.

Strategic Digital Partners

We create digital solutions that fit your brand and your infrastructure, so you can streamline operations, connect with customers and sell more online.

Horizontal Cards

Config Properties

Horizontal cards feature media beside a content area.

The media allows for the placement of an image, multiple images (1-3), or video.

Image Ratio Selection (16:9, 1:1, 4:3, 3:4) that remains the same for each breakpoint.

The content area excepts a title, subtitle, paragraph and call to action. This area can span either 1/3 or 1/2 of the available width.

At the smallest breakpoint, the content will stack underneath of the media.

Theming allows you to update foreground, background colors, and button style

Responsive

We build elegant, durable solutions to key business challenges across all touchpoints, screens and devices.

Horizontal Card

16:9 image Ratio

Learn More

Horizontal Card

4:3 Image Ratio

Learn More

Horizontal Card

3:4 Image Ratio

Learn More

Horizontal Card

1:1 Image Ratio

Learn More

Stacked Cards

Config Properties

Stacked cards feature media in the background, and a content area in the foreground.

The media allows for the placement of an image.

The content area ececpets a title, subtitle, paragraph and call to action

When used in a grid you can place a max of 4 and min of 1 next to each other, and they will stack at the smallest breakpoint.

Stacked Card

16:9 Image Ratio

I am a stacked card. My content overlays the imagery.

Stacked Card

16:9 Image Ratio

I am a stacked card. My content overlays the imagery.

Stacked Card

4:3 Image Ratio

I am a stacked card. My content overlays the imagery.

Stacked Card

4:3 Image Ratio

I am a stacked card. My content overlays the imagery.

Stacked Card

3:4 Image Ratio

I am a stacked card. My content overlays the imagery. I am a stacked card. My content overlays the imagery.I am a stacked card. My content overlays the imagery.I am a stacked card. My content overlays the imagery.I am a stacked card. My content overlays the imagery.I am a stacked card. My content overlays the imagery.I am a stacked card. My content overlays the imagery.

Stacked Card

3:4 Image Ratio

I am a stacked card. My content overlays the imagery. I am a stacked card. My content overlays the imagery. I am a stacked card. My content overlays the imagery. I am a stacked card. My content overlays the imagery.

Stacked Card

1:1 Image Ratio

I am a stacked card. My content overlays the imagery.

Stacked Card

1:1 Image Ratio

I am a stacked card. My content overlays the imagery.

Sliders

CONFIGURATION PROPERTIES

A slider can have one or multiple slides, an autoplay toggle, autoplay duration, and options to show or hide navigational links and pagination.

Each slide features a theme, media for either an image or video, a content area with positioning, and a call to action which can be a link to another page or it can play a video in a modal window.

Optionally a fixed height can be set, which will ignore the ratio and simply span 100% of the width of the page (or container) and only be the height that you set.

A Slider

16:9 Image Ratio

This slider has multiple slides and a set image ratio.

A button

The Fusk

Our digital product development group promotes a full lifecycle services approach. We've spent over a decade helping brands create advanced digital solutions that deliver measurable results.

A button

A Slider

4:3 Image Ratio

This slider has multiple slides and a set image ratio.

A button

The Fusk

Our digital product development group promotes a full lifecycle services approach. We've spent over a decade helping brands create advanced digital solutions that deliver measurable results.

A button

A Slider

3:4 Image Ratio

This slider has multiple slides and a set image ratio.

A button

The Fusk

Our digital product development group promotes a full lifecycle services approach. We've spent over a decade helping brands create advanced digital solutions that deliver measurable results.

A button

A Slider

1:1 Image Ratio

This slider has multiple slides and a set image ratio.

A button

The Fusk

Our digital product development group promotes a full lifecycle services approach. We've spent over a decade helping brands create advanced digital solutions that deliver measurable results.

A button

A Slider

Fixed Height Image

This slider has multiple slides and a fixed height image value set.

A button

The Fusk

Our digital product development group promotes a full lifecycle services approach. We've spent over a decade helping brands create advanced digital solutions that deliver measurable results.

A button

Dual Layer Slider

Creation of Value

Dual Layer Slider


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam ut laoreet dolore magna aliquam erat volutpat.

Dual Layer Slider2


Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam ut laoreet dolore magna aliquam erat volutpat.

Fixed Background

Fixed Background Image

Fixed Height Image

With content

Fixed Background Image

16:9 Image Ratio

With content

Fixed Background Image

4:3 Image Ratio

With content

Fixed Background Image

3:4 Image Ratio

With content

Fixed Background Image

1:1 Image Ratio

With content

Curtains

Curtains

16:9 Image Ratio

When you roll over me, I change!

Curtains

16:9 Image Ratio

When you roll over me, I change!

Curtains

4:3 Image Ratio

When you roll over me, I change!

Curtains

4:3 Image Ratio

When you roll over me, I change!

Curtains

3:4 Image Ratio

When you roll over me, I change!

Curtains

3:4 Image Ratio

When you roll over me, I change!

Curtains

1:1 Image Ratio

When you roll over me, I change!

Curtains

1:1 Image Ratio

When you roll over me, I change!

RTE Columns

SAFE, SECURE AND SCALABLE SYSTEMS

We build elegant, durable solutions to key business challenges across all touchpoints, screens and devices.

UNIQUE PROBLEMS NEED CUSTOM SOLUTIONS

We build immersive experiences that educate and inspire consumers from consideration to purchase and beyond.

WE MAKE IT EASY

We keep your critical systems up and running and protect your business and consumer data.

SAFE, SECURE AND SCALABLE SYSTEMS

We build elegant, durable solutions to key business challenges across all touchpoints, screens and devices.

UNIQUE PROBLEMS NEED CUSTOM SOLUTIONS

We build immersive experiences that educate and inspire consumers from consideration to purchase and beyond.

WE MAKE IT EASY

We keep your critical systems up and running and protect your business and consumer data.

Video

Photo Gallery

Test 1

Test 2

Test 3

;

HTML Code Block

Hi there! This is a header.

“Brand consistency is the pattern of expression that affects what people think about your company. The more consistent your messaging, the more consistent your branding — whether via words, design, offerings or perspective. Your brand should build awareness and develop trust and loyalty with customers.”

We start every project with research. It’s important to us that we reach out the right people to understand the entire business organization’s needs and that we have a clear definition of the problems at hand. Over the course of several interviews it was important that we were able to simply and clearly communicate who the company is and the clear value of their unique solution. Not only did the site need a visual refresh, their marketing communications needed to be revamped as well. In tandem with our efforts on the site, marketing was in the middle of restructuring how they presented, communicated and sold their products. Alignment and coordination with multiple teams was vital to our success.

We start every project with research. It’s important to us that we reach out the right people to understand the entire business organization’s needs and that we have a clear definition of the problems at hand. Over the course of several interviews it was important that we were able to simply and clearly communicate who the company is and the clear value of their unique solution. Not only did the site need a visual refresh, their marketing communications needed to be revamped as well. In tandem with our efforts on the site, marketing was in the middle of restructuring how they presented, communicated and sold their products. Alignment and coordination with multiple teams was vital to our success.

We start every project with research. It’s important to us that we reach out the right people to understand the entire business organization’s needs and that we have a clear definition of the problems at hand. Over the course of several interviews it was important that we were able to simply and clearly communicate who the company is and the clear value of their unique solution. Not only did the site need a visual refresh, their marketing communications needed to be revamped as well. In tandem with our efforts on the site, marketing was in the middle of restructuring how they presented, communicated and sold their products. Alignment and coordination with multiple teams was vital to our success.

Container

Digital solutions don’t exist in isolation. From back-end systems to custom applications and immersive experiences, businesses need digital service solutions that deliver end-to-end performance and drive measurable results.

At The Scylla Group, we help your business achieve digital solutions services success with a full lifecycle approach. Our digital product development group provides complete web consulting solutions to help identify key needs; critical website services to build and deploy custom content; and comprehensive support to keep your sites and systems up and running.  

By choosing a digital solutions company capable of creating full lifecycle frameworks, your business gains the above key benefits. 

No matter your digital goals, from enhanced customer connections to streamlined operations or stronger online sales, our web consulting solutions help discover and design the best-fit full lifecycle approach for your organization.   

At Scylla, we've spent over a decade helping brands create advanced digital solutions services that deliver measurable results. We’re committed to creating tech-forward, full-lifecycle website solutions that align with your goals, deliver authenticity and earn your ongoing trust.

STREAMLINED SUPPORT

Using one provider to build your website solutions at scale enhances support and improves issue resolution. With complete knowledge of digital resources from implementation to deployment and management, full lifecycle providers sidestep the common frustration of support fragmentation. 

IN-DEPTH EXPERTISE

Need new web app solutions? Looking to improve ERP performance, e-commerce sales or marketing efforts? Leveraging full-service providers to build digital service solutions from the ground up shortens the distance between insight and action, since they’ve got in-depth expertise across your application stack.   

ONGOING ITERATION

Great sites, services and applications aren’t static. Full lifecycle firms have a vested interest in your success and aren’t satisfied with “good enough.” They’re always looking for ways to improve web app solutions, increase website impact and deliver immersive experiences. 

IMPROVED CONVERSION

Better conversion starts with better websites. Users want responsive, streamlined sites that deliver relevant content on-demand and make it easy to find exactly what they’re looking for. Scylla’s full lifecycle approach delivers a seamless, end-to-end user experience to boost sales potential. 

Horizontal Rule




Share This

CONFIGURATION PROPERTIES

You can view the Share this component on the left-hand side of your screen.

It is a sticky element and stays on the page as scroll.