System 22 I.T. Solutions

System 22 I.T. Solutions Welcome to System 22 I.T. Solutions - We are proud to have been providing web design for 25 years Over the last 8 years, System 22 I.T. System 22 I.T.

Solutions has been providing Information technology solutions for businesses and individuals around East Tennessee. Much of our work is taking care of local business networks, including routers, switches, workstations and servers. System 22 also provides cost effective PC repair services for both business and individuals, working on laptops, desktops and servers. We are proud to provide a free pick up and drop off service within 15 miles of Morristown 37814. Solutions provides custom responsive, SEO friendly website design. Our websites will look great on all devices. Call or email us today for a free quote

10/14/2026

7 FREE Divi 5 Hero Sections That Will Transform Your Website! πŸš€

Want to create better-looking websites without building everything from scratch?

In this System22 tutorial, we're checking out 7 FREE UI Hero Section layouts from Elegant Themes that you can download, import and customize in Divi 5.

πŸ”₯ Download and import the free layouts.
🎨 Change your design colors with Find and Replace.
⚑ Speed up your workflow with Extend Styles.
πŸ’» Add professional-looking hero sections to your Divi 5 pages.

These are fantastic free assets for WordPress designers, freelancers and anyone looking to build beautiful websites faster!

Watch the tutorial and tell us which design you'd use on your next project.

10/12/2026

πŸ”₯ Is Web Design DEAD? We Built a Responsive Website in Just 2 Minutes!

Can ChatGPT really build a website in a couple of minutes? πŸ€”

In this System22 tutorial, we're using ChatGPT and Bootstrap 5 to create a responsive, one-page scrolling website from scratch!

We'll show you how to generate the HTML, save it as a working website, and make a few simple edits using a free text editor.

You'll also learn how to:
βœ… Add an image to your website
βœ… Create a clickable email link
βœ… Make basic edits to your HTML
βœ… Build a responsive scrolling layout
βœ… Use ChatGPT to speed up website creation

You don't need an expensive software package or a complicated development setup to follow along.

AI is changing the way we build websites, but does that mean web design is dead? Watch the video and let us know what you think in the comments!

10/07/2026

πŸ”₯ Divi 5 FREE Download: 7 AMAZING Text Background Clips – Animate & Customize!

πŸ”₯ 7 FREE Divi 5 Text Background Clips!

In this tutorial, we're checking out 7 free Text Background Clips from Elegant Themes and showing you how to download, import, customize, and use them in your Divi 5 website.

These designs are seriously eye-catching and incredibly easy to customize!

We'll also show you how to:

✨ Animate the text
🎨 Customize the design
πŸ“ Use the text as an anchor point
πŸ”˜ Create a button that scrolls to the text
πŸš€ Add eye-catching effects to your website

These layouts are perfect for hero sections, calls to action, landing pages, promotional areas, portfolios, and much more.

If you're using Divi 5, these free designs are a great way to add some creative typography and movement to your website.

Watch the tutorial and start experimenting with these FREE layouts!

10/05/2026

πŸ”₯ Want a popup to automatically grab your visitors' attention as soon as they land on your website?

In this Divi 5 tutorial, we're showing you how to create an automatic CTA popup that appears when the page loads β€” with NO CODE!

We'll build it using:

✨ A Divi row
πŸ“ Fixed positioning
⚑ Divi 5 Interactions
❌ An absolutely positioned close icon
πŸ–±οΈ A click interaction to close the popup

You can use this technique for:

πŸ”₯ Special offers
πŸ“’ Announcements
πŸ“§ Newsletter signup forms
πŸ“ž Contact forms
🎁 Promotions
πŸš€ Calls to action

And the best part? We're using Divi 5's built-in features, so there's no custom code or additional popup plugin required.

Watch the tutorial and learn how to build your own automatic page-load popup!

10/01/2026

πŸ”₯ Divi 5: Create an Animated Arrow That Points to ANY Element on Scroll!

πŸ”₯ Want to direct your visitors' attention exactly where you want it?

In this Divi 5 tutorial, we're creating an animated arrow that appears as you scroll down the page and points directly to an element on your website.

We'll use:

➑️ Absolute positioning
🎯 Transform Translate
✨ Divi 5 Scroll Effects
πŸ“ Precise positioning
🎬 Scroll-triggered animation

You can use this effect to draw attention to buttons, offers, images, products, forms, calls to action, or any other important element on your page.

It's a simple Divi 5 animation, but it can have a big visual impact!

Watch the tutorial and learn how to build this effect using Divi 5's built-in features.

09/29/2026

πŸ”₯ Divi 5: Create a Smooth Scroll Menu That Jumps to Any Section!

πŸš€ Want to make your Divi 5 navigation much more useful?

In this tutorial, we're showing you how to create a **smooth scrolling menu that takes visitors directly to specific sections of your page when they click a menu item**.

We'll use:

πŸ”— CSS IDs
✨ Smooth scrolling
πŸ“ Section links
πŸ”˜ Scroll-to-section buttons

We'll also show you how to make a Divi button scroll directly to a specific section.

This is especially useful for **one-page websites, landing pages, service websites, portfolios, and long-form pages** where you want visitors to quickly jump to different areas of your content.

And the setup is really easy!

Watch the tutorial and learn how to create smooth scroll navigation in Divi 5.

09/24/2026

πŸ”₯ Divi 5 Free Download: 9 FREE Timeline Layouts + Dynamic Blog Timeline!

πŸ”₯ **9 FREE Divi 5 Timeline Layouts!**

In this tutorial, we're showing you how to download, import, load, and customize one of **9 FREE timeline layouts from Elegant Themes**.

But that's only the beginning!

We'll take one of the layouts and use the **Divi 5 Looper** to turn it into a completely dynamic blog timeline.

Instead of manually entering every item, the timeline pulls your:

πŸ“ Blog post title
πŸ“„ Post excerpt
πŸ–ΌοΈ Featured image

directly from your WordPress posts.

As you publish new posts, your dynamic timeline can display your content automatically.

This technique could be useful for blog archives, company histories, project timelines, events, news, portfolios, and much more.

Watch the tutorial and see how the Divi 5 Looper can transform a simple timeline layout into a dynamic content system!

09/21/2026

πŸ”₯ Divi 5: Create an AMAZING Image-to-Text Slide Down Hover Effect!

πŸ”₯ Want to add an awesome interactive effect to your Divi 5 website?

In this tutorial, we're creating an **image-to-text slide-down effect** that reveals content when visitors interact with an image.

πŸ–₯️ Hover on desktop
πŸ“± Tap or click on mobile and tablet
✨ Reveal text with a smooth slide effect
πŸ”” Add an absolutely positioned icon to show mobile visitors that the image is interactive

This effect is perfect for:

β€’ Service cards
β€’ Team sections
β€’ Portfolio items
β€’ Product features
β€’ Image galleries
β€’ Interactive content cards

It's a simple way to make your website feel more interactive and engaging while keeping the design clean.

Check out the tutorial and see how easy it is to build this effect in Divi 5!

09/18/2026

πŸ”₯ Divi 5: 10 FREE CSS Subgrid Layouts β€” Download, Import & Customize!

πŸ”₯ Looking for some awesome FREE Divi 5 layouts?

In this tutorial, we're checking out **10 FREE CSS Subgrid designs from Elegant Themes** and showing you exactly how to download, import, build, and customize them!

You'll see the complete process from start to finish and learn how easy it is to take these layouts and make them your own.

πŸ’₯ 10 FREE designs
🎨 Customize them to suit your website
πŸ“ Explore CSS Subgrid layouts
πŸ“₯ Download and import the layouts
πŸ’» Build modern responsive designs
πŸš€ Get inspiration for your next Divi 5 project

If you're using Divi 5, these free layouts are a great way to experiment with CSS Subgrid and discover new possibilities for your websites.

Watch the tutorial and start creating!

09/16/2026

πŸ”₯ Divi 5: Create an Interactive Image Swap With 2 Buttons β€” NO CODE!

Want to add a cool interactive effect to your Divi 5 website? πŸš€

In this tutorial, we show you how to create an **interactive image swap with two buttons β€” completely without coding!**

Click one button and the image in the next column changes. Click the other button and it swaps again.

This simple Divi 5 effect has tons of possibilities:

πŸ”₯ Before & after images
πŸ–ΌοΈ Image comparisons
πŸ›οΈ Product options
🎨 Design choices
πŸ“‹ Service options
✨ Interactive portfolios

And the best part? **No custom code and no extra plugin required!**

Check out the tutorial and see just how easy it is to build interactive image effects with Divi 5.

Address

5589 Willow Springs Drive
Morristown, TN
37814

Opening Hours

Monday 8:30am - 5:30pm
Tuesday 8:30am - 5:30pm
Wednesday 8:30am - 5:30pm
Thursday 8:30am - 5:30pm
Friday 8:30am - 5:30pm

Telephone

+14232585000

Alerts

Be the first to know and let us send you an email when System 22 I.T. Solutions posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Contact The Business

Send a message to System 22 I.T. Solutions:

Shortcuts

Share

Category