responsive slider
Slide 1
agency slider
Recent Projects include Google, Samsung, The New-York Times.
We design mobile apps and websites for clients and startups.
Slide 1
We build experiences to elevate your Business.
Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; UI & UX design; authoring, and search engine optimization.
Web design
The term web design is normally used to describe the design process relating to the front-end design of a website.
Branding
Branding aims to establish a significant and differentiated presence in the market that attracts and retains loyal customers.
App development
Mobile application development is a term used to denote the act or process by which application software is developed for mobile devices.
Slide 1
Our team is fueled by a bold spirit: for what we do, for the people we do it for.
Web design encompasses many different skills and disciplines in the production and maintenance of websites. In the production and maintenance of websites.
More About Us
Slide
Slide 1
Solutions by us.
We combine forward-thinking design and game-changing technology to develop amazing digital products.
Local Mobile App
Camera Website
Slide 1
Copyright © 2017
Built with love in Birmingham.
Company
Careers
Feedback
Contact
Email
+897 852 9900
Social
Instagram
Twitter

Agency

💻 Settings | 🎓 Layers | 🎉 Animations | 🏗️ Layout | 📱 Responsive | Speed

Description: Create a beautiful, responsive landing page for your website. The template is perfect for an agency usage, but it can be used on any type of website.

Premium: Gain access to all slider templates with a single purchase.

Minimum version: 3.5.0.0

Tags:

Settings

The Agency page template is a special kind of template you can import into your Smart Slider 3 Pro. That’s because it’s not a single slider, but a slider group. What are slider groups? They’re folder-like containers, and you can put sliders or blocks in them, which you can publish together.

Blocks in the Agency group

The Agency group contains 6 slider blocks. Blocks are special kind of sliders, that aren’t actual sliders, since they can only display one slide. Since they don’t have many slides, they load fast. Additionally, you can take advantage of Smart Slider 3’s amazing features there.

Layers

There are many different layers on the Agency template. You can find headings, texts and images across the blocks that build the template. On the first block you can find a CTA button, which scrolls to the next block.

On the fifth block you can see two large images. On mouse enter the images are enlarged and covered by a semi-transparent color. Additionally, a caption appears on top of them. This special layout was created using the Caption layer. This layer makes it simple to create such layouts, as you just need to pick your image and type the caption text.

Caption layer in the “Showcase” block

Animations

Since there are no actual sliders on this page, you won’t find cool slide switching animations here. However, each block has cool layer animations to introduce their content. On the first block you can also find a Text animation. What’s the difference between the Layer and Text animation? The Layer animation affects the whole layer, while the Text animation only works on the actual text. Also, the Text animation is available on the Heading layer only.

Probably the best animation is on the fist block. That’s because the main heading appears fist, then the secondary heading, the CTA button, the logo and finally the menu. To fine-tune your animations this way, just make sure you open the Timeline.

Timeline on the header block

Layout

When you add a new layer to your slide, you can chose to place it above, below or between your existing layers. To place layers next to each other, you’ll need to use the Row and Column structures. Simply add a new Row layer, then create as many columns as you need. Finally, drag the layers into the columns.

Row and Column structure

To create a layout what you can see on the second block, just create two rows: one with two and another with three columns. Then place your layers into the columns of these rows.

Responsive

Smart Slider is a responsive slider solution for WordPress and Joomla. In fact, it’s natural responsive behavior is often enough to make the layout look great on mobile. Certainly, there are many tools you can take advantage of if you wish to control the look on smaller screens. Some of the tools you can use are the font resizer and the ability to hide layers on devices.

Core Web Vitals

PageSpeed Insights with Lighthouse analyzed this page on April 12, 2021. For the latest result analyze now!

99

Desktop

First Contentful Paint
0.3 s
Speed Index
0.4 s
Largest Contentful Paint
0.8 s
Time to Interactive
0.3 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0.058
96

Mobile

First Contentful Paint
1 s
Speed Index
1.4 s
Largest Contentful Paint
2.8 s
Time to Interactive
2.8 s
Total Blocking Time
90 ms
Cumulative Layout Shift
0.002

Related Post: What is a Full Page Slider and How to Use it?

Related Post: 12 Beautiful Full Width Slider Examples


Similar Sliders -

PortfolioBarberIceland Adventure GroupSteak Bistro