Home
SCW Core Design Templates And Components: Rapid Prototyping Tool

SCW Rapid Prototyping Tool

Core Design Templates And Components

Start here: Reusable Components Common CMS page designs Common Category Page Designs Signature Tool

Design test pages blocked by Google / Klevu: cms 1, cms 2, cms 3, cms 4, category 1, and this page.

Core CMS Design Templates

Jump to Blog Style Post with Jumbotron Hero and Centered Images, Blog Style Post with Jumbotron Hero and Alternating Left + Right Images, Blog Style Post with Jumbotron Hero and No Images, or Bubble Design.

Blog Style Post with Jumbotron Hero

Important: Code only for blog

<div class="jumbotron" style="margin-bottom: 0; background: linear-gradient(to right, #1B5078, transparent), url('/images/camera-background.png') no-repeat center left; background-size: cover; text-shadow: none; padding: 100px 0 48px 0;">
<div class="container">
<h1 style="font-weight: 600; color: white; text-shadow: none;">Headline</h1>
</div>
<div class="row">
<div class="col-xs-12" style="padding: 2% 10%;">
<p class="lead"><span style="font-weight: 900; color: white; text-shadow: none;">Incident of Surveillance Breach Tied To An Industry Security Provider</span></p>
</div>
</div>
</div>
<div class="row" style="margin: 0 auto;">
<div class="col-md-12" style="padding: 2% 10%;">
<img class="lazy lazy-loading lazy-blur wp-image-2194 size-full aligncenter" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/images/verkada-breach.png" alt="" width="603" height="520" />
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
<h2>A Big Thing Happened</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
<h2>That's not all</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
<hr />
<blockquote class="blockquote text-center">“Important Quote.”
<footer class="blockquote-footer" style="background: white!important;">Person who I respect</footer></blockquote>
<hr />
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
<h2>This is also a thing</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laboru
<img class="lazy lazy-loading lazy-blur aligncenter wp-image-2193 size-full" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/images/lack-of-consent.png" alt="" width="595" height="298" />
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
<hr />
<blockquote class="blockquote text-center">A Respectable Person Agrees.
<footer class="blockquote-footer" style="background: white!important;">Respected Person - Respected Place</footer></blockquote>
<hr />
<img class="lazy lazy-loading lazy-blur aligncenter wp-image-2192 size-full" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/images/hipaa-compliance-claim.png" alt="" width="624" height="180" />
<h2>This important Question Vexes Me</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
<h2>What else can I do?</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</div>
</div>

Code only for CMS

<div class="jumbotron" style="margin-bottom: 0; background: linear-gradient(to right, #1B5078, transparent), url('/images/camera-background.png') no-repeat center left; background-size: cover; text-shadow: none; padding: 100px 0 48px 0;">
<div class="container">
<h1 style="font-weight: 600; color: white; text-shadow: none;">Headline</h1>
</div>
<div class="row">
<div class="col-xs-12" style="padding: 2% 10%;">
<p class="lead"><span style="font-weight: 900; color: white; text-shadow: none;">Incident of Surveillance Breach Tied To An Industry Security Provider</span></p>
</div>
</div>
</div>
<div class="row" style="margin: 0 auto;">
<div class="col-md-12" style="padding: 2% 10%;">
<img class="lazy lazy-loading lazy-blur wp-image-2194 size-full aligncenter" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/images/verkada-breach.png" alt="" width="603" height="520" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h2>A Big Thing Happened</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h2>That's not all</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<hr />
<blockquote class="blockquote text-center">“Important Quote.”
<footer class="blockquote-footer" style="background: white!important;">Person who I respect</footer></blockquote>
<hr />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h2>This is also a thing</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<img class="lazy lazy-loading lazy-blur aligncenter wp-image-2193 size-full" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/images/lack-of-consent.png" alt="" width="595" height="298" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<hr />
<blockquote class="blockquote text-center">A Respectable Person Agrees.
<footer class="blockquote-footer" style="background: white!important;">~ Respected Person - Respected Place</footer></blockquote>
<hr />
<img class="lazy lazy-loading lazy-blur aligncenter wp-image-2192 size-full" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/images/hipaa-compliance-claim.png" alt="" width="624" height="180" />
<h2>This important Question Vexes Me</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h2>What else can I do?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>

Blog Style Post with Jumbotron Hero and Alternating Left + RIght Images

Important: Code only for blog

<div class="jumbotron" style="margin-bottom: 0; background: linear-gradient(to right, #1B5078, transparent), url('https://www.getscw.com/blog_folder/wp-content/uploads/2021/05/mistakes-business-security.jpeg') no-repeat center left; background-size: cover; text-shadow: none; padding: 100px 0 48px 0;">
<div style="padding:0 8% 1% !important">
<div class="row">
<div class="col-lg-9 col-md-8 col-xs-12">
<h1 style="font-weight: 600; color: white; text-shadow: none;">7 Horrible Mistakes You're Making With Business Security Systems: plus, the simple fixes
</h1>
</div>
</div>
</div>
</div>
<div style="padding:0 8% 1% !important">

<div class="row full-container" style="margin: 5vw 10% 5vw 0%; padding:0;">
    <div class="col-md-4 col-md-push-8">
        <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.getscw.com/blog_folder/wp-content/uploads/2021/05/dirty-glasses-min-scaled.jpeg" alt="scw security camera system" class="lazy lazy-loading lazy-blur img-responsive" style="width:100%;">
    </div>
    <div class="col-md-8 col-md-pull-4">
        <h2>1. Are you seeing spots? </h2>
      
        <p style="padding-left:0px">Who doesn't clean their eyeglasses daily? </p>
<p> Yet as basic as it sounds, IP security camera lens cleaning is often an overlooked source of security system maintenance.</p>
    </div>
</div>
<div class="row full-container" style="margin: 5vw 10% 5vw 0%; padding:0;">
    <div class="col-md-4">
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.getscw.com/blog_folder/wp-content/uploads/2021/05/glare.png" alt="scw security camera system" class="lazy lazy-loading lazy-blur img-responsive" style="width:100%;">
    </div>
    <div class="col-md-8">
        <h2>2. Don't blind your IR Night Vision cameras: From glare to bare </h2>
        
        <p style="padding-left:0px">
Your exterior lighting, adjacent lights, street lighting, or direct oncoming vehicle headlights are possible culprits for compromising the effectiveness of your business security system. Since many of those variables are beyond your control, you’ll have to get creative.

A nighttime site walk before installation could eliminate future headaches by determining sources of glare.

You can’t have your <a href="https://www.getscw.com/knowledge-base/footage-at-night">IR Night Vision surveillance cameras</a> pointed at the headlights of oncoming traffic, flood lights, or motion lights. Even pointing them at windows causes the infrared light to bounce off the window and look like a flashlight is being aimed at the camera.

Well-planned lighting acts both as a deterrent to criminals while also providing ideal conditions for IR Night Vision video capture. SCW also offers IR Night Vision cameras that provide their own bright, white light when activated.</p>
</div>

</div>

<div class="row full-container">
    <div class="col-md-4 col-md-push-8">
        <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.getscw.com/blog_folder/wp-content/uploads/2021/05/cut-corners-min.jpg" alt="scw security camera system" class="lazy lazy-loading lazy-blur img-responsive" style="width:100%;">
    </div>
    <div class="col-md-8 col-md-pull-4">
        <h2>3. Cheating yourself by missing corners </h2>
      
        <p style="padding-left:0px">Who doesn't clean their eyeglasses daily? </p>
<p>Has cutting corners got you missing corners? Your <a href="https://www.getscw.com/business-security-camera-systems">business security system</a> likely contains gaps, areas lacking camera view coverage. Some of your employees could tell you. They quickly discover the blindspots where the electronic eyes of your system are not at watch.

Mischief zones.

Both inside and out of your business lie sectors that are unsecured. Often the addition of a single camera or two can solve coverage shortfalls. Particularly if your business surveillance system is fortified by adding <a href="www.getscw.com/ip-ptz-cameras">IP PTZ security cameras</a>.

<a href="https://www.getscw.com/ip-bullet-cameras">Bullet-style IP Security Cameras</a> outsell other models. Often seen as the industry standard, they’re a fixed camera, so to speak. When they are directionally aimed, the field of view changes only if they have zoom capability. That zoom is not vertical and also has limited capacity horizontally. Therefore, your business surveillance system can be improved by incorporating additional IP Security Cameras with greater ranges of features.

An IP PTZ Security Camera can Pan left to right, Tilt up and down, and Zoom in and out. You can control it with any of our software interfaces: our PC/Mac Software, Webview, or by using the NVR itself. A physical joystick is not required.

You can tilt between –15° ~ +90°. Pan (spin it) 360° in an endless manner (you can keep turning left or right forever, without the cable getting tangled or caught). It moves up to 240° per second when in free-form movement and up to 300° per second when moving to a preset.

It’s fast!

A PTZ Security Camera could be the single, missing component to rev up your business surveillance system.</p>
    </div>
</div>

<div class="row full-container">
    <div class="col-md-4">
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.getscw.com/blog_folder/wp-content/uploads/2021/05/outdated-security-camera-min-scaled.jpeg" alt="scw security camera system" class="lazy lazy-loading lazy-blur img-responsive" style="width:100%;">
    </div>
    <div class="col-md-8">
        <h2>4. Outdated and underperforming </h2>
        
        <p style="padding-left:0px"> Here’s a true-life story.

Brian Miller of Parkway Ford North, Winston-Salem, NC, shared an outstanding incident that justified their purchase of a new system from SCW.

“We had an older cable system that didn’t allow us to make out what color a stolen vehicle was, barely what kind of vehicle. The deciding factor was when we had an $80,000.00 Ford Expedition stolen and we couldn’t tell if it was black, blue, red, or green. That one vehicle almost cost as much as the entire system.”

Unconvinced? Check out our blog article: 7 Ways Small Business Security Systems Pay For Themselves

It’s a no-brainer. Your new business security system investment begins repaying you from day one. See for yourself!
</p>

</div>

<div class="row full-container">
    <div class="col-md-4 col-md-push-8">
        <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.getscw.com/blog_folder/wp-content/uploads/2021/05/storage.png" alt="scw security camera system" class="lazy lazy-loading lazy-blur img-responsive" style="width:100%;">
    </div>
<div class="col-md-8 col-md-pull-4">
        <h2>5. Scrimping on storage </h2>
      
        <p style="padding-left:0px"> Anyone else forever buying more cloud storage for their smartphone? How about the storage capacity on your business surveillance system? Do you have enough? Is it easily retrievable? Would you greatly benefit from having more NVR storage capability?

As with the smartphone, when it comes to video surveillance storage, more is always a favorable option.

SCW carries <a href="https://www.getscw.com/nvr">NVRs</a> for any sized business with storage to spare.
 
Our goal is to be prepared to meet whatever need you have. That’s why our line of NVRs reaches up to <a href="https://www.getscw.com/the-imperial-128-channel-nvr-imp128">128 channel model</a> supporting a 4K security system. It’s a monster!
 
Each one of its sixteen hard drive slots offers you the option of how much storage space you want at your disposal. 2TB? 6TB? How about a whopping 12TB of surveillance-grade hard drive per slot?
 
We also offer network-attached storage. The 4 Bay Synology NAS can accommodate another 48TB of memory while enhancing and speeding the overall performance of your system. 
 
Your storage needs may fall way less than our super-sized system. We’ve put together a <a href="https://www.getscw.com/cctv-record-time-calculator.php">calculator page</a> that solves your problems and includes several helpful storage tips.

</p>
    </div>
</div>

<div class="row full-container">
    <div class="col-md-4">
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.getscw.com/blog_folder/wp-content/uploads/2021/05/network-connection.png" alt="scw security camera system" class="lazy lazy-loading lazy-blur img-responsive" style="width:100%;">
    </div>
    <div class="col-md-8">
        <h2>6. Tangled in the web </h2>
        
        <p style="padding-left:0px"> Let’s start with what may be the biggest factor regarding your future business surveillance system happiness. 
At the core of your system is the need for power--the power of the Internet--your specific connective availability at the installation site.

“Needs a strong Internet to work best,” is an actual quote from the purchaser of a wireless camera system. We couldn’t have said it plainer. Poor internet connection is a headache.

Bits? Bandwidth? Upload speed? Download speed? Any of those terms sound familiar?

Bandwidth is like the food that your surveillance cameras gobble up. It’s typically measured in bits, and it takes a lot of bits to send video.

Bandwidth is measured per camera. The amount of bandwidth each camera needs can vary significantly. By adding up the bandwidth requirements of every camera within a system, the total load is determined.
But first, you’re going to need some numbers having to do with the speed of your computer’s Internet connection.

Time for an <a href="speedtest.net">Internet speed test.</a> It’s free and easy, though they all are similar. The results will supply you with both the upload speed and the download speed of your Internet connection.

Upload refers to how many megabits of data per second you can send information from your network’s location to another. Download speed refers to how fast you can receive information at your location.

When it comes to viewing <a href="https://www.getscw.com/ip-camera">IP security cameras</a> remotely, a good upload speed is necessary where the IP security cameras are mounted and a good download speed is required where your viewing device (such as your phone) is located.

For more details about how you can overcome internet speeds take a look at <a href="https://www.getscw.com/support/faq/internet-speed-camera-viewing"> Internet Speed--Restrictor Plates On Your Surveillance System Engine?</a>

</p>

</div>

We saved the biggest mistake for last--not taking advantage of SCW’s host of free services.

Our business was built on supplying do-it-your-selfers with everything they needed to install their own professional-grade security system. That meant lots of service after the sale for us. Loads of installation and operational questions to answer.

Maybe that’s how we came to have the best tech support group in the security industry. Every member is US-based and a pro at business surveillance systems installation. And when you purchase your equipment from us, that FREE support is yours for life. Simple as that!

</p>
</div>
</div>

</div>
<div class="col-lg-3 col-md-4 hidden-print hidden-xs">
<div class="well" style="background-color:#FFFFFF;position: fixed;top: 50%;">
<h4>Need Help?</h4>
Turnkey solutions, customized around your needs
<a href="/get-a-quote"><button type="button" class="btn btn-lg btn-success" style="margin:20px 20px 0 0; width:200px; border:1px solid white; border-radius: 5px;">Get a Quote</button></a>
</div>
</div>
</div>

Blog Style Post with Jumbotron Hero and No Images

Important: Code only for blog

<div class="jumbotron" style="margin-bottom: 0; background: linear-gradient(to right, #1B5078, transparent), url('https://www.getscw.com/blog_folder/wp-content/uploads/2021/05/10-signs.png') no-repeat center left; background-size: cover; text-shadow: none; padding: 100px 0 48px 0;">
<div style="padding:0 8% 1% !important">
<div class="row">
<div class="col-lg-9 col-md-8 col-xs-12">
<h1 style="font-weight: 600; color: white; text-shadow: none;">10 Signs You Should Invest in Business Security Systems
</h1>
</div>
</div>
</div>
</div>
<div style="padding:0 8% 1% !important">

<h2> 1. Your wireless system isn’t secure enough</h2>

Wireless cameras are slick and easy to install with their magnetic bases. The downside, they offer zero protection against vandalism or removal by having no locking mechanism in place. Most companies selling wireless surveillance camera systems suggest a solution of an install height of over seven feet, but baseball bats, crowbars, and hockey sticks can displace the magnetic mount.

The downers continue. High install height will take in more area, reduce image quality, and create more false positives. An increase in motion events will reduce the battery life, which leads to grabbing that ladder every time you have to recharge the battery.

Our wire-free camera, <a href="https://www.getscw.com/eufycam-2-two-camera-wireless-battery-camera-system-1080p-16gb">the Eufycam2,</a> is more secure than others. It comes with both magnetic mounts and screw mounts in the box. Major competitors often only include magnetic mounts. The screw mount is still less secure than our professional line cameras, so it's important to mount the camera in a place where potential thieves can't reach it. 
One of the hard truths of physical security is that there's a balancing act between convenience and ease of installation and security. Wireless cameras teeter the scales on the far end of the ease of install with virtually no security.

If physical security is your biggest concern go with a wired surveillance camera system. It's extremely difficult to steal a wired-in security camera system because power tools are required.
 
<h2> 2. You recently have been losing money because of theft</h2>

“Did you account for losses due to shoplifting, fraud or theft while drafting your business budget? Probably not, and <a href="https://www.safety.com/news/business-burglary-statistics/"> yet 7% of annual revenue is lost on average through these crimes.</a> Considering that 95% of businesses experience some sort of theft and 33% of all U.S. business bankruptcies can be blamed on employee theft, this issue is not something small business owners should ignore. Once you discover the impact business theft can have on your bottom line, it’s clear that a business security system can easily pay for itself by preventing theft or aiding in theft recovery”

A new business surveillance system from SCW provides both prevention and cure. The presence of visible <a href="https://www.getscw.com/ip-camera">IP security cameras</a> is a deterrent to theft and quality video evidence of crime brings resolution.

<h2> 3. You have multiple employees and worry about liability issues</h2>
 
Workplace accidents will happen. When they do so without witnesses present it becomes a matter of business liability for the owner.

The flip side is the employer’s role in seeing to the full and swift medical treatment necessary for an injured employee.

Video evidence from a <a href="https://www.getscw.com/business-security-camera-systems">business security system</a> solves cases of false liability claims while also ensuring that you protect your employees and assist with their healthcare recovery process.

Also, avoid HR issues when there are claims of employee physical assault, sexual harassment, or sexual assault. Surveillance system footage is priceless when the litigation stakes are potentially threatening to your business.

You cannot protect yourself or your employees enough.

<h2> 4. Your business has a parking lot with multiple cars </h2>

Parking lot security presents a host of issues. Are they well lit? Do employees have to park behind the building and out of sight of mainstream view? Are employees coming and going at night? How are customer and employee cars kept secure from break-in or theft? Are vehicular accidents frequent? Is there pedestrian traffic in or near the parking area?

You can think of plenty more scenarios where parking lot security is required.

Don’t be that stingy owner who makes your employees park around back, like my teenage daughter’s first boss. He refused to install security cameras for his employees though their vehicles were repeatedly broken into while at work for him. Her small Ford pick-up didn’t escape being targeted one night, and the break-in left her frightened and confused.

<h2> 5. You’re on a highway or busy street</h2>

The greater the level of activity around your place of business, the greater the likelihood of an incident.

Moving vehicles and inattentive pedestrians are a dangerous combination. There’s a good chance that many of the drivers as well as those on foot are staring at a cellphone screen while they’re in motion.

Meanwhile, your employees and customers are attempting to navigate their way into or out of your parking lot.

Your high-visibility business and high-traffic surroundings make it desirable to criminals focussed on targets of convenience.

Grab and go!

<h2> 6. You’ve recently experienced shrinkage</h2>

Your records report a recent loss, which is a kick in the gut on its own. What’s worse, is that you haven’t a clue as to the source.

It could be shoplifting, administrative error, vendor fraud, damage, or cashier error. Disturbing as it might be to accept, your shrinkage may center on employee theft.

Numbers run as high as 75% of all employees have stolen from work at some point. From ink pens to laptops, employee theft is rampant enough to result in 33% of all U.S. business bankruptcies blamed on it alone.

If only there were some way to keep a constant vigil on every employee, monitor their movements, and record them digitally!?

<h2> 7. You need to monitor employees leaving and entering for HR issues </h2>

As your business grows, the ability to keep track of the many facets becomes a logistical headache. Additional employees fall into that category. The success of your business depends upon them, They also are a responsibility while on your property.

Not unlike the high school administrators who tried to eagle-eye monitor the coming and going of sneaky teenagers who drove their own vehicles to school, business owners need to be aware of employees’ movements.

Are employees making trips to their cars to deposit stolen merchandise during break times? Or has a supervisor insisted another intern join him in the backseat of his luxury sedan?

Who left early? Came in late? How did Joe hit Kelly’s car when he was inside at the time of the accident?

The possibilities for HR issues and liability claims are unending.

That’s why we offer SCW’s Access Control as your ultimate solution to employee tracking. Any doors you designate will remain electronically locked at all times. Employees have easy access by a key fob, card, or mobile credentials.

Using the key fob, Access Control tracks employees’ attendance automatically along with their movement the entire time they are on the premises.

There can never be any question as to who was where or the time period involved.

<h2>8. You don’t have access control and need to restrict certain people from specific areas</h2>

<a href="https://www.getscw.com/knowledge-base/types-of-access-control-sytems">SCW Access Control</a> is a marvel! It’s an easy retrofit to your existing facilities. And once it’s installed simple programming is all it takes to restrict or limit access to critical areas of your operation. In seconds you can update the program to adjust to employee departures or new hiring.

<b>Access Control’s applications are widespread:</b>
<ul class="bullet-points">
<li>No more need for security personnel at entrances</li>
<li>Doors are always locked. No need to remember at the day’s end.</li>
<li>Track employees’ attendance automatically</li>
<li>Control access times for cleaning and maintenance personnel</li>
<li>Eliminate liability issues from intrusive non-employees</li>
<li>Keep out unpredictable, unwanted visitors</li>
</ul>

<h2> 9. You have high-value assets in a warehouse or on a lot that aren’t protected</h2>

A British survey revealed that repeat victimization from robbery is due to location, security, the attractiveness of goods, and the success of previous attempts. (In Britain, 2% of retail premises experienced 25% of the retail burglaries).

That’s not the kind of repeat business you’re seeking!

The same survey found that though they do little planning, burglars show care in selecting “safer” targets They claim little deterrence by physical security but try to avoid being seen. Therefore, most businesses are broken into at night or on weekends when stores are closed.

Law enforcement officers have long touted the deterrent value of visible security cameras. The threat of being seen and recorded is often enough to cause a thief to bypass your business in search of an easier target.

SCW’s bright, white camera housings are impossible to miss when mounted on soffits, ceilings, or poles. They’re like a dare to any troublemaker who would consider setting one foot into their viewing area.
 
<h2> 10. Your business is growing and there is too much to lose! </h2>

Has success got you lying awake in bed worrying? You took risks to build your business. Now it’s time to secure your business assets so you can sleep soundly.

A new business surveillance system is not so much of a decision as a call to action on your part. The logical decision, the economic decision has been made for you.

Don’t believe it? Truth is, installing an IP security camera system is a no-brainer. All the convincing you’ll need is covered in our article,<a href="https://www.getscw.com/blog/2452/7-ways-small-business-security-systems-pay-for-themselves"> 7 Ways Small Business Security Systems Pay For Themselves.</a>

Get in touch with one of our security experts and we’ll help you through the process, start to finish, on to operational, with FREE US-based technical support for life!

We would be honored to have you join us as the latest member of our SCW security family.

</div>
</div>

Bubble Style CMS Page

</div>
</div>

<div id="home" class="header_hero d-lg-flex align-items-center">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="header_hero_content mt-45 wow fadeInUp" data-wow-delay=".4s" data-wow-duration="1s">
                            <h1 class="header_title">AI-Powered
                                
                                <br/>
                                <span>Analytics</span> </h1>
                            <p>The days of manually reviewing hours of footage are over. Recognize events worth your attention and alerts you in real-time.</p>
                            <a href="#" class="main-btn"><strong>LEARN MORE</strong></a>
                        </div> 
                    </div>
                </div> 
            </div> 
            <div class="header_shape bg_cover d-none d-lg-block" style="background-image: url(images/templates/header_shape_3.png); opacity: 0.4;"></div> 
            <div class="header_image d-flex align-items-center">
                <div class="image">
                    <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/header_image.png" alt="header image" class="lazy lazy-loading lazy-blur wow fadeInDown" data-wow-delay=".4s" data-wow-duration="1s">
                    <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/dots.svg" alt="dots" class="lazy lazy-loading lazy-blur dots wow fadeInUp" data-wow-delay=".4s" data-wow-duration="1s">
                </div> 
            </div> 
        </div> 
    </section>

<section id="why-use" class="why-use-section pt-150 mb-150">

<div class="row">
            <div class="container text-center d-flex justify-content-center">
                <div class="section-title mb-30 col-lg-6">
                    <span class="wow fadeInDown" data-wow-delay=".2s">Meet the</span>
                    <h2 class="mb-15 wow fadeInUp bubble-headline" data-wow-delay=".4s"> [Future] </h2>
                    <p class="mb-50 wow fadeInUp" data-wow-delay=".6s">Easily manage multiple locations. <br>Find Incidents in seconds on a user-friendly interface.</p>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row d-flex justify-content-center align-items-center">
                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/blue_shape_dots.png" alt="" class="lazy lazy-loading lazy-blur shape why-use-shape wow fadeInTop" data-wow-delay=".5s" data-wow-duration="1.3s">
                <div class="col-xl-6 col-lg-6">
                    <div class="why-use-img wow fadeInLeft" data-wow-delay=".5s" data-wow-duration="1.3s">
                        <img class="lazy lazy-loading lazy-blur" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/ai_powered_analytics.png" alt="">
                    </div>
                </div>
                <div class="col-xl-6 col-lg-6 col-md-12 faq-column">
                    <div class="why-use-faq">
                        <div class="accordion" id="accordionExample">
                            <div class="faq-item mb-15 wow fadeInUp" data-wow-delay=".2s">
                                <div class="faq-header" id="faq-heading-1">
                                    <button class="faq-btn collapsed" type="button" data-toggle="collapse" data-target="#faq-1"
                                        aria-expanded="true" aria-controls="faq-1">
                                        <i class="lni lni-bullhorn gradient-1"></i> <span>Actionable Alerts + Sharing</span>
                                    </button>
                                </div>

<div id="faq-1" class="collapse" aria-labelledby="faq-heading-1" data-parent="#accordionExample">
                                    <div class="faq-body">
                                        <p>SCW’s AI + Analytics recognizes events worth your attention and alerts you in real-time, reducing the time to act to milliseconds instead of minutes.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="faq-item mb-15 wow fadeInUp" data-wow-delay=".4s">
                                <div class="faq-header" id="faq-heading-2">
                                    <button class="faq-btn collapsed" type="button" data-toggle="collapse" data-target="#faq-2"
                                        aria-expanded="true" aria-controls="faq-2">
                                        <i class="lni lni-video gradient-2"></i> <span>All of Your Cameras in One Place</span>
                                    </button>
                                </div>

<div id="faq-2" class="collapse" aria-labelledby="faq-heading-2" data-parent="#accordionExample">
                                    <div class="faq-body">
                                        <p>Gone are the days of logging into different devices or worrying about vendor lock-in. Easily manage any mix of cameras across all of your locations from one dashboard</p>
                                    </div>
                                </div>
                            </div>
                            <div class="faq-item wow fadeInUp" data-wow-delay=".6s">
                                <div class="faq-header" id="faq-heading-3">
                                    <button class="faq-btn collapsed" type="button" data-toggle="collapse" data-target="#faq-3"
                                        aria-expanded="true" aria-controls="faq-3">
                                        <i class="lni lni-stats-up gradient-3"></i> <span>Scalable and Flexible</span>
                                    </button>
                                </div>

<div id="faq-3" class="collapse" aria-labelledby="faq-heading-3" data-parent="#accordionExample">
                                    <div class="faq-body">
                                        <p>Built to maximize extensibility on a framework that's secure from the ground up. Add virtually any type of security camera to make your security smarter.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<div class="row">
        <div class="container text-center d-flex justify-content-center">
            <div class="section-title col-lg-6 mb-30">
                <span class="wow fadeInDown" data-wow-delay=".2s">Our Core</span>
                <h2 class="mb-15 wow fadeInUp bubble-headline" data-wow-delay=".4s">Solutions</h2>
                <p class="mb-50 wow fadeInUp" data-wow-delay=".6s">Instantly upgrade your business's surveillance system. <br> Our team is proud to service these industries and more.</p>
            </div>
        </div>
    </div>
    <section class="mt-md-n6 mt-50 mb-100 pt-md-6 pt-5 jarallax-img wow fadeInUp" data-wow-delay=".6s" style="background-image: url(images/templates/orange_dot_bg.png); background-repeat: no-repeat;background-position:bottom left;">
        <div class="container">
          
          <div class="row mb-2">
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/hospital.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur cs-inner-img d-block mx-auto mb-4" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_hospital.svg" width="52" alt="Construction">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">Healthcare</h5>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/high-school.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur cs-inner-img d-block mx-auto mb-4" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_education.svg" width="52" alt="Project Development">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">Education</h5>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/dealership.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur cs-inner-img d-block mx-auto mb-4" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_car dealer.svg" width="52" alt="Interior Design">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">Dealerships</h5>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/self-storage.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur cs-inner-img d-block mx-auto mb-4" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_storage.svg" width="52" alt="Repairs">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">Self Storage</h5>
                  </div>
                </div>
              </a>
            </div>
          </div>

<div class="row mb-lg-5 mb-4">
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/c-store.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur cs-inner-img d-block mx-auto mb-4" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_c_store.svg" width="52" alt="Construction">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">C-store</h5>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/cannabis.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur cs-inner-img d-block mx-auto mb-4" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_weed.svg" width="52" alt="Project Development">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">Cannabis</h5>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/logistics.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur cs-inner-img d-block mx-auto mb-4" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_logistics.svg" width="52" alt="Interior Design">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">Logistics</h5>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/warehouse.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur cs-inner-img d-block mx-auto mb-4" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_manufacture.svg" width="52" alt="Repairs">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">Manufacturing</h5>
                  </div>
                </div>
              </a>
            </div>
          </div>
          
        </div>
      </section>

<span id="expert" style="visibility:hidden; height:80px; display:block; margin-top:-80px;"></span>

<div class="col-xs-12 col-md-9">
                        <p style="color: #1B5078; margin:20px 0 0 0"> Speak with an expert: </p>
                        <p style="color: #1B5078; margin:20px 0 0 0"> Our friendly experts are available </br> 9am to 6pm
                            Monday-Friday EST</p>

</div>
                </div>
            </div>
        </div>
    </div>

</div>

</div>
                </div>
            </div>
        </div>
    </div>
    
<style>

#maincontent .column.main {

margin-top: -90px !important; 
}

</style>

Core Category Design Templates

Jump to Background Image Based Jumboton or Jumboton with Video Design.

Jumbroton with Video Design

<div class="breadcrumbs">
        <ul class="items">
                                       <li class="item home">
                                            <a href="/" title="Go to Home Page">Home</a>
                                    </li>
                                       <li class="item category10">
                         <a href="#" title="">Root Page Name</a>
                         </li>
                                        <li class="item category10">
                                          <strong style="color:white;">  Specific Page </strong>
                                    </li>
                    </ul>
    </div>
<br/>
                <h1>Page Name</h1>
                <br/>
                <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
                <p class="lead"><i class="fa fa-umbrella"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
            </div>
            <div class="col-md-5">
                <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;
                 max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed 
                 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
                <div class='embed-container'>
                    <iframe data-src='https://www.youtube.com/embed/DcBP1NWS-Go?rel=0' alt="IP Bullet Camera Lineup" 
                    frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="column main">
    <div class="row">
        <div class="col-xs-12">
            <p style="padding:2.5%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
            <p>Related Guide: <a href="https://www.getscw.com/knowledge-base/dome-cameras-vs-bullet-cameras">
                <i class="fa fa-graduation-cap"></i> Bullet vs Dome vs Turret Cameras</a>
            </p>
            <hr/>
            <h2>Our [Category Name] Selection</h2>
        </div>
    </div>
</div>
<script>
function init() {
var vidDefer = document.getElementsByTagName('iframe');
for (var i=0; i<vidDefer.length; i++) {
if(vidDefer[i].getAttribute('data-src')) {
vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
} } }
window.onload = init;
</script>

Background Image Based Jumbotron Design

This one needs work! Style is looks to be variablialized but is not in the style sheets

</div>
        <div class="jumbotron ip-camera-new">
            <div class="ip-camera-banner no-margin links-pointer">
                <div class="products-grid">

<h1>
                       Category Name
                    </h1>
                    <h2>
                        An Introduction to whatever this is
                    </h2>

</div>
            </div>
            <div class="ip-camera-links no-margin links-pointer">
                <div class="products-grid">

<div class="ip-camera-links-wrapper">
                        <span>On this page: </span>
                        <ul>
                            <li><a href="#why">thing 1</a></li>
                            <li><a href="#how">thing 2</a></li>
                            <li><a href="#right">thing 3</a></li>
                            <li><a href="#products">thing 4</a></li>
                        </ul>

</div>
                </div>
            </div>
<div class="category-description">
            <div class="ip-camera-text-image links-pointer">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="ip-camera-title">
                                <h2>
                                    The main point
                                </h2>
                            </div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                            <a href="#products" class="btn">Explore deeper link</a>
                        </div>
                        <div class="col-md-6">
                            <iframe class="lazy lazy-loading lazy-blur" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://player.vimeo.com/video/255802279" frameborder="0" alt="ip camera lineup and overview" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
                        </div>
                    </div>
            </div>
            <div class="ip-camera-why links-pointer" id="why">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="ip-camera-title">
                                <h2>the 3 icon area</h2>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-lg-4">
                            <div class="ip-camera-why-single">
                                <div class="icon">
                                   <i class="fas fa-photo-video"></i>
                                </div>
                                <h3>icon 1</h3>
                                <h4>thing 1</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                                </p>
                            </div>
                        </div>
                        <div class="col-xs-12 col-lg-4">
                            <div class="ip-camera-why-single">
                                <div class="icon">
                                     <i class="fas fa-plug"></i>
                                </div>
                                <h3>icon 2</h3>
                                <h4>thing 2</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                            </div>
                        </div>
                        <div class="col-xs-12 col-lg-4">
                            <div class="ip-camera-why-single">
                                <div class="icon">
                                       <i class="far fa-chart-bar"></i>
                                </div>
                                <h3>icon 3</h3>
                                <h4>thing 3</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <a href="#right" class="btn">Learn more stuff</a>
                            <a href="#how" class="btn alt">second option</a>
                        </div>
                    </div>
            </div>
            <div class="ip-camera-tabs links-pointer" id="right">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="ip-camera-title">
                                <h2>new topic</h2>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="ip-camera-tabs-wrapper">
                                <div class="ip-camera-tabs-btns">
                                    <a href="#" data-content="resolution" class="active">first default info</a>
                                    <a href="#" data-content="type">rotating information</a>
                                    <a href="#" data-content="shape">click to reveal</a>
                                </div>
                                <div class="ip-camera-tabs-content">
                                    <div class="resolution" class="active">
                                        <h4>
                                            Title 1
                                        </h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                                    </div>
                                    <div class="type">
                                        <h4>Title 2
                                        </h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                                        </p>
                                        <div class="type-text">
                                            <h4>
                                               Next Topic
                                            </h4>
                                            <p>
                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                                            </p>
                                            <p>
                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                                            </p>
                                        </div>
                                        <img class="lazy lazy-loading lazy-blur type-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/pub/media/wysiwyg/lens-img.png" alt="Lens Image">
                                    </div>
                                    <div class="shape">
                                        <h4>
                                            Last point
                                        </h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
            <div class="ip-camera-accordion links-pointer" id="how">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="ip-camera-title">
                                <h2>How does an IP Camera work?</h2>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="ip-camera-accordion-wrapper">
                                <div class="ip-camera-accordion-single">
                                    <div class="ip-camera-accordion-btn">
                                        Click to Open
                                    </div>
                                    <div class="ip-camera-accordion-content">
                                        <div class="resolution">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="ip-camera-accordion-single">
                                    <div class="ip-camera-accordion-btn">
                                        Normal Accordion
                                    </div>
                                    <div class="ip-camera-accordion-content">
                                        <div class="type">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum/p>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
            </div>

        <style>

* {
                font-family: 'Open Sans', sans-serif;
            }
            body:before {display: none}
            @media (max-width: 1024px) {
                .category-products .products-list .product-essential .hproduct .desc .col-md-6 {
                    width: 100%;
                }
            }
            @media (max-width: 767px) {
                .category-products .products-list .product-essential .hproduct .desc .col-md-6 > * {
                    width: 100%;
                }
            }
        </style>
<script>
            require([ 'jquery', 'jquery-ui-modules/core', 'jquery-ui-modules/accordion'], function($){
            $( document ).ready(function() {

// Accordions code
                $('.ip-camera-accordion-content').hide()
                $('.ip-camera-accordion-btn').on('click', function (e) {
                    e.preventDefault();
                    e.stopPropagation();
                    $(this).toggleClass('active')
                    $(this).next().slideToggle()
                });
            });
});
        </script>

Reusable Components

Jump to jumbotrons, buttons, typography, blockquotes, tables, accordions , navs, breadcrumbs, indicators, progress, or contact sections.

Bubble Jumbotron

AI-Powered
Analytics

The days of manually reviewing hours of footage are over. Recognize events worth your attention and alerts you in real-time.

LEARN MORE

</div>
<div id="home" class="header_hero d-lg-flex align-items-center">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="header_hero_content mt-45 wow fadeInUp" data-wow-delay=".4s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.4s; animation-name: fadeInUp;">
                            <h1 class="header_title">AI-Powered
                                
                                <br>
                                <span>Analytics</span> </h1>
                            <p>The days of manually reviewing hours of footage are over. Recognize events worth your attention and alerts you in real-time.</p>
                            <a href="#" class="main-btn"><strong>LEARN MORE</strong></a>
                        </div> 
                    </div>
                </div> 
            </div> 
            <div class="header_shape bg_cover d-none d-lg-block" style="background-image: url(images/templates/header_shape_3.png); opacity: 0.4;"></div> 
            <div class="header_image d-flex align-items-center">
                <div class="image">
                    <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/header_image.png" alt="header image" class="lazy lazy-loading lazy-blur lazy wow fadeInDown   lazy-loaded" data-wow-delay=".4s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.4s; animation-name: fadeInDown; display: inline-block;">
                    <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/dots.svg" alt="dots" class="lazy lazy-loading lazy-blur lazy dots wow fadeInUp  lazy-loaded" data-wow-delay=".4s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.4s; animation-name: fadeInUp; display: block;">
                </div> 
            </div> 
        </div>
<div class="column main">

Center Text Image Background Jumbotron

Headline

Start here: Link 1 Link 2 Link 3

Image Background Jumbotron

Headline 1

This is a Big Claim we are making!

</div>
<div class="jumbotron" style="margin-bottom:0; background: linear-gradient(to right, #1B5078, transparent), url(/images/jumbotrons/smb-jumbotron.jpg) no-repeat center center;  background-size: cover; text-shadow: none; padding:49px 0 48px 0; border-radius: 0;">
    <div class="row full-container" style="height: cover; margin: 2vw 10% 2vw 10%;">
        <h1 style="font-weight: 600; color:white; text-shadow: none; margin-bottom: 0;"> Headline 1 </h1>
    </div>
    <div class="row full-container" style="margin: 0% 10% 2vw 10%;">
        <div class="col-xs-5" style="padding:0;">
            <p class="lead" style="color:white; text-shadow:0px; padding:0;">This is a Big Claim we are making!</p>
        </div>
        <div class="col-xs-12" style="padding:0;">
            <a href="/get-a-quote"><button type="button" class="btn btn-lg btn-success"
                    style="margin:20px 20px 0 0; width:200px; border:1px solid white; border-radius: 5px;">Act Now</button></a>
            
        </div>
    </div>
</div>
<div class="column main">

Mid Page Callout Jumbotron

The SCW Difference

When SCW was founded in 2010, we knew we had a job to do. Security cameras were never easy, and it was impossible to know what you were getting or what to do with it. From the beginning, it has always been our purpose to provide the absolute best product for our clients' needs, but that's not enough. We're not happy until we prepare every person who has SCW equipment for a lifetime of success. That's why, from start to finish, SCW is always there for you.

Too good to be true? Pick up the phone and ask an SCW agent about it; we're based entirely in the US and can't wait to share our mission with you.

</div>
<div class="jumbotron" style="margin-bottom:0; background:   linear-gradient(165deg, #1B5078, rgba(57,134,132,.5), 200%, #1b5078), url(/images/jumbotrons/home-security-family-2.jpeg)  no-repeat center center;  background-size: cover; text-shadow: none;">

<div class="row container">
<h2 style="color:white !important; text-shadow: none; margin:10px 0 0px 0 !important;"> 
The SCW Difference </h2>

<p style="color:white; text-shadow: none; margin:10px 0 10px 0;"> 
When SCW was founded in 2010, we knew we had a job to do. Security cameras were never easy, and it was impossible to know what you were getting or what to do with it. From the beginning, it has always been our purpose to provide the absolute best product for our clients' needs, but that's not enough. We're not happy until we prepare every person who has SCW equipment for a lifetime of success. That's why, from start to finish, SCW is always there for you. </p>
<p style="color:white; text-shadow: none; margin:10px 0 0 0;"> 
Too good to be true? Pick up the phone and ask an SCW agent about it; we're based entirely in the US and can't wait to share our mission with you. </p>

</div>
</div>
<div class="column main">

Orange + White Button Combo

Note: does not include background color.

Pill Buttons: No.1 No.2 No.3 No.4

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading with muted text

This is a lead!

Example body text

This is a paragraph with a link Then we talk some more.

This line of text is meant to be treated as fine print.

The following is rendered as bold text.

The following is rendered as italicized text.

An abbreviation of the word attribute is attr. It does stuff when you hover over it.

This is a item 1 in a bullet point list.
This is a item 2 in a bullet point list.

Emphasis classes

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Pellentesque ornare sem lacinia quam venenatis vestibulum.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Blockquotes

“Important Quote.”
Person who I respect

Hover Table with contextualized colors

Type	Column heading	Column heading	Column heading
Active	Column content	Column content	Column content
Default	Column content	Column content	Column content
Primary	Column content	Column content	Column content
Secondary	Column content	Column content	Column content
Success	Column content	Column content	Column content
Danger	Column content	Column content	Column content
Warning	Column content	Column content	Column content
Info	Column content	Column content	Column content
Light	Column content	Column content	Column content
Dark	Column content	Column content	Column content

<table class="table table-hover">
                <thead>
                  <tr>
                    <th scope="col">Type</th>
                    <th scope="col">Column heading</th>
                    <th scope="col">Column heading</th>
                    <th scope="col">Column heading</th>
                  </tr>
                </thead>
                <tbody>
                  <tr class="table-active">
                    <th scope="row">Active</th>
                    <td>Column content</td>
                    <td>Column content</td>
                    <td>Column content</td>
                  </tr>
                  <tr>
                    <th scope="row">Default</th>
                    <td>Column content</td>
                    <td>Column content</td>
                    <td>Column content</td>
                  </tr>
                  <tr class="table-primary">
                    <th scope="row">Primary</th>
                    <td>Column content</td>
                    <td>Column content</td>
                    <td>Column content</td>
                  </tr>
                  <tr class="table-secondary">
                    <th scope="row">Secondary</th>
                    <td>Column content</td>
                    <td>Column content</td>
                    <td>Column content</td>
                  </tr>
                  <tr class="table-success">
                    <th scope="row">Success</th>
                    <td>Column content</td>
                    <td>Column content</td>
                    <td>Column content</td>
                  </tr>
                  <tr class="table-danger">
                    <th scope="row">Danger</th>
                    <td>Column content</td>
                    <td>Column content</td>
                    <td>Column content</td>
                  </tr>
                  <tr class="table-warning">
                    <th scope="row">Warning</th>
                    <td>Column content</td>
                    <td>Column content</td>
                    <td>Column content</td>
                  </tr>
                  <tr class="table-info">
                    <th scope="row">Info</th>
                    <td>Column content</td>
                    <td>Column content</td>
                    <td>Column content</td>
                  </tr>
                  <tr class="table-light">
                    <th scope="row">Light</th>
                    <td>Column content</td>
                    <td>Column content</td>
                    <td>Column content</td>
                  </tr>
                  <tr class="table-dark">
                    <th scope="row">Dark</th>
                    <td>Column content</td>
                    <td>Column content</td>
                    <td>Column content</td>
                  </tr>
                </tbody>
              </table>

Stoplight Table

	SCW Wire-Free Systems	SCW Wired Systems	Other Wireless Cameras
Ease of Installation Ease of Installation
Monthly Fees Monthly Fee
Battery Life Battery Life		--
Physical Security Physical Security
Live View Delays Live View Delays
Video Quality Video Quality
Internet Required Internet Required

<table  style="width:100%; text-align:center; border-collapse: collapse; table-layout: fixed; padding:10px; color:white;">
<tbody>
<tr style=" background-color:#1b5078;">
<td style="vertical-align:middle; width: 13%; ">
 </td>
<td style="vertical-align:top; padding:10px; width:29%">
<h3  style="margin:5px; color:white;"> SCW Wire-Free Systems</h3>
 </td>
<td style="vertical-align:top; padding:10px; width:29%">
<h3  style="margin:5px; color:white;"> SCW Wired Systems</h3>
 </td>
<td style="vertical-align:middle; padding:10px; width:29%">
<h3 style="margin:5px; color:white;">Other Wireless Cameras</h3>
 </td>
</tr>
<tr>
<td style="vertical-align:middle; width: 13%;">
<a href="#installation" style="text-decoration:none; color: inherit;"><h3 style="margin:0 2px 0 0; font-size:12px; line-height:14px; text-align:left !important;" class="visible-xs">Ease of Installation</h3>
<h3 style="margin:5px; font-size:16px;" class="hidden-xs">Ease of </br> Installation  </h3></a>
 </td>
<td style="vertical-align:middle; padding:10px; width:29%">
<a href="#installation" style="text-decoration:none; color: inherit;"><p style="color:#5B8836; font-size:36px; margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
<td style="vertical-align:middle; padding:10px; width:29%">
<a href="#installation" style="text-decoration:none; color: inherit;"><p style="color:red; font-size:36px;margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
<td style=" vertical-align:middle; padding:10px; width:29%">
<a href="#installation" style="text-decoration:none; color: inherit;"><p style="color:#5B8836; font-size:36px;  margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
</tr>
<tr style="background-color:#ededed">
<td style="vertical-align:middle; width: 13%; ">
<a href="#cost" style="text-decoration:none; color: inherit; "><h3 style="margin:0 2px 0 0; font-size:12px; line-height:14px; text-align:left !important;" class="visible-xs"> Monthly Fees  </h3>
<h3 style="margin:5px; font-size:16px;" class="hidden-xs">Monthly </br> Fee </h3></a>
 </td>
<td style="vertical-align:middle; padding:10px; width:29%">
<a href="#cost" style="text-decoration:none; color: inherit; "><p style="color:#5B8836; font-size:36px; margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
<td style="vertical-align:middle; padding:10px; width:29%">
<a href="#cost" style="text-decoration:none; color: inherit; "><p style="color:#5B8836; font-size:36px;margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
<td style=" vertical-align:middle; padding:10px; width:29%">
<a href="#cost" style="text-decoration:none; color: inherit; "><p style="color:red; font-size:36px;  margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
</tr>
<tr>
<td style="vertical-align:middle; width: 13%; ">
<a href="#battery" style="text-decoration:none; color: inherit;"><h3 style="margin:0 2px 0 0; font-size:12px; line-height:14px; text-align:left !important;" class="visible-xs"> Battery Life  </h3>
<h3 style="margin:5px; font-size:16px;" class="hidden-xs">Battery </br> Life </h3></a>
 </td>
<td style=" vertical-align:middle; padding:10px; width:29%">
<a href="#battery" style="text-decoration:none; color: inherit;"><p style="color:#5B8836; font-size:36px; margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
<td style=" vertical-align:middle; padding:10px; width:29%">
<a href="#battery" style="text-decoration:none; color: inherit;"><p style="color:black; font-size:36px; margin:10px; font-weight:500;">--</p></a>
 </td>
<td style=" vertical-align:middle; padding:10px; width:29%">
<a href="#battery" style="text-decoration:none; color: inherit;"><p style="color:orange; font-size:36px;  margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
</tr>
<tr style="background-color:#ededed">
<td style="vertical-align:middle; width: 13%; ">
<a href="#physicalsecurity" style="text-decoration:none; color: inherit;"><h3 style="margin:0 2px 0 0; font-size:12px; line-height:14px; text-align:left !important;" class="visible-xs"> Physical Security </h3>
<h3 style="margin:5px; font-size:16px;" class="hidden-xs"> Physical </br> Security </h3></a>
 </td>
<td style=" vertical-align:middle; padding:10px; width:29%">
<a href="#physicalsecurity" style="text-decoration:none; color: inherit;"><p style="color:orange; font-size:36px;  margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
<td style=" vertical-align:middle; padding:10px; width:29%">
<a href="#physicalsecurity" style="text-decoration:none; color: inherit;"><p style="color:#5B8836; font-size:36px;  margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
<td style=" vertical-align:middle; padding:10px; width:29%">
<a href="#physicalsecurity" style="text-decoration:none; color: inherit;"><p style="color:red; font-size:36px; margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td> 
</tr>
<tr>
<td style="vertical-align:middle; width: 13%; ">
<a href="#liveview" style="text-decoration:none; color: inherit;"><h3 style="margin:0 2px 0 0; font-size:12px; line-height:14px; text-align:left !important;" class="visible-xs"> Live View Delays </h3>
<h3 style="margin:5px; font-size:16px;" class="hidden-xs"> Live View </br> Delays </h3></a>
 </td>
<td style="vertical-align:top; padding:10px; width:29%">
<a href="#liveview" style="text-decoration:none; color: inherit;"><p style="color:orange; font-size:36px; margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
<td style="vertical-align:top; padding:10px; width:29%">
<a href="#liveview" style="text-decoration:none; color: inherit;"><p style="color:#5B8836; font-size:36px; margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
<td style=" vertical-align:middle; padding:10px; width:29%">
<a href="#liveview" style="text-decoration:none; color: inherit;"><p style="color: orange; font-size:36px;  margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
</tr>
<tr style="background-color:#ededed">
<td style="vertical-align:middle; width: 13%; ">
<a href="#videoquality" style="text-decoration:none; color: inherit;"><h3 style="margin:0 2px 0 0; font-size:12px; line-height:14px; text-align:left !important;" class="visible-xs"> Video Quality  </h3>
<h3 style="margin:5px; font-size:16px;" class="hidden-xs"> Video </br> Quality </h3></a>
 </td>
<td style="vertical-align:top; padding:10px; width:29%">
<a href="#videoquality" style="text-decoration:none; color: inherit;"><p style="color:orange; font-size:36px; margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
<td style="vertical-align:top; padding:10px; width:29%">
<a href="#videoquality" style="text-decoration:none; color: inherit;"><p style="color:#5B8836; font-size:36px; margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
<td style=" vertical-align:middle; padding:10px; width:29%">
<a href="#videoquality" style="text-decoration:none; color: inherit;"><p style="color:orange; font-size:36px;  margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td> 
</tr>
<tr>
<td style="vertical-align:middle; width: 13%; ">
<a href="#internetrequired" style="text-decoration:none; color: inherit;"><h3 style="margin:0 2px 0 0; font-size:12px; line-height:14px; text-align:left !important;" class="visible-xs"> Internet Required </h3>
<h3 style="margin:5px; font-size:16px;" class="hidden-xs"> Internet </br> Required </h3></a>
 </td>
<td style="vertical-align:top; padding:10px; width:29%">
<a href="#internetrequired" style="text-decoration:none; color: inherit;"><p style="color:#5B8836; font-size:36px; margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
<td style="vertical-align:top; padding:10px; width:29%">
<a href="#internetrequired" style="text-decoration:none; color: inherit;"><p style="color:#5B8836; font-size:36px; margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td>
<td style=" vertical-align:middle; padding:10px; width:29%">
<a href="#internetrequired" style="text-decoration:none; color: inherit;"><p style="color:orange; font-size:36px;  margin:10px;"><i class="fas fa-circle"></i></p></a>
 </td> 
</tr>
</tbody>
</table>

Click to Open

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Normal Accordion

<div class="row">
                        <div class="col-md-12">
                            <div class="ip-camera-accordion-wrapper">
                                <div class="ip-camera-accordion-single">
                                    <div class="ip-camera-accordion-btn">
                                        Click to Open
                                    </div>
                                    <div class="ip-camera-accordion-content">
                                        <div class="resolution">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="ip-camera-accordion-single">
                                    <div class="ip-camera-accordion-btn">
                                        Normal Accordion
                                    </div>
                                    <div class="ip-camera-accordion-content">
                                        <div class="type">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum/p>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
<script>
            require([ 'jquery', 'jquery-ui-modules/core', 'jquery-ui-modules/accordion'], function($){
            $( document ).ready(function() {

// Remove accordion, tabs section 
                var moveTab = $('.ip-camera-new .ip-camera-tabs')
                var moveAccordion = $('.ip-camera-new .ip-camera-accordion')

// Append accordion, tabs into products 
                $('.product-items').after(moveAccordion)
                $('.product-items').after(moveTab)

// Append id to products list 
               $('.product-items').attr('id', 'products')

// Page links code
               $('.ip-camera-links-wrapper ul li a').on('click', function (e) {
                    e.preventDefault();
                    e.stopPropagation();
                    var target = '#' + $(this).attr('href').replace('#', '')
                    $('html, body').animate({
                        scrollTop: $(target).offset().top - 150
                    }, 1000);
                });

// Tabs code 
                $('.ip-camera-tabs-content > div').hide()
                $('.ip-camera-tabs-content > div:first-of-type').show()
                .children().show();
                $('.ip-camera-tabs-btns a').on('click', function (e) {
                    e.preventDefault();
                    e.stopPropagation();
                    var data_cont = $(this).attr('data-content')
                    $(this).siblings().removeClass('active')
                    $(this).addClass('active')

$(this).parent().next().find( '.tab-content' ).each(function(){
                        $(this).hide()
                        if ($(this).hasClass(data_cont)) {
                            $(this).show()
                            $(this).children().show();

}
                    })
                });

Actionable Alerts + Sharing

SCW’s AI + Analytics recognizes events worth your attention and alerts you in real-time, reducing the time to act to milliseconds instead of minutes.

All of Your Cameras in One Place

Gone are the days of logging into different devices or worrying about vendor lock-in. Easily manage any mix of cameras across all of your locations from one dashboard

Scalable and Flexible

Built to maximize extensibility on a framework that's secure from the ground up. Add virtually any type of security camera to make your security smarter.

<div class="why-use-faq">
                        <div class="accordion" id="accordionExample">
                            <div class="faq-item mb-15 wow fadeInUp" style="visibility: visible;">
                                <div class="faq-header" id="faq-heading-1">
                                    <button class="faq-btn collapsed" type="button" data-toggle="collapse" data-target="#faq-1" aria-expanded="true" aria-controls="faq-1">
                                        <i class="lni lni-bullhorn gradient-1"></i> <span>Actionable Alerts + Sharing</span>
                                    </button>
                                </div>

<div id="faq-1" class="collapse" aria-labelledby="faq-heading-1" data-parent="#accordionExample">
                                    <div class="faq-body">
                                        <p>SCW’s AI + Analytics recognizes events worth your attention and alerts you in real-time, reducing the time to act to milliseconds instead of minutes.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="faq-item mb-15 wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
                                <div class="faq-header" id="faq-heading-2">
                                    <button class="faq-btn collapsed" type="button" data-toggle="collapse" data-target="#faq-2" aria-expanded="true" aria-controls="faq-2">
                                        <i class="lni lni-video gradient-2"></i> <span>All of Your Cameras in One Place</span>
                                    </button>
                                </div>

<div id="faq-2" class="collapse" aria-labelledby="faq-heading-2" data-parent="#accordionExample">
                                    <div class="faq-body">
                                        <p>Gone are the days of logging into different devices or worrying about vendor lock-in. Easily manage any mix of cameras across all of your locations from one dashboard</p>
                                    </div>
                                </div>
                            </div>
                            <div class="faq-item wow fadeInUp" style="visibility: visible;">
                                <div class="faq-header" id="faq-heading-3">
                                    <button class="faq-btn collapsed" type="button" data-toggle="collapse" data-target="#faq-3" aria-expanded="true" aria-controls="faq-3">
                                        <i class="lni lni-stats-up gradient-3"></i> <span>Scalable and Flexible</span>
                                    </button>
                                </div>

Getting Started - Comparing camera resolutions, specs and features

Beginners Guide

Supporting Questions

Guides for Common CCTV Applications

SCW Camera Questions - Comparing camera resolutions, specs and features

Camera Resolution Questions

Zoom Types

Wireless Vs Wired Systems

Analog Questions

Understanding WDR

Networking

Storage

Other Products - Alarms, video doorbells & fever detection

Alarms

Doorbells

Smart Wi-Fi Video Doorbell

Fever Detection Devices

Intro to Fever Detection Devices

Legal/NDAA - Rules, government regulations and benefits

Background

Know Your RIghts

NDAA Ban

Security Camera Compliance with the 2019 National Defense Authorization Act (NDAA)

Glossary - Obscure Product Categories and all the tech stuff

Obscure Product Categories

Discussion of Terms

<div class="section kb-accordions">
				<div id="scw-ac-home" class="kb-accordion-item">
					<input type="checkbox" id="acc-home">
					<label class="kb-accordion-title" for="acc-home">
						<img class="lazy lazy-loading lazy-blur lazy img-icon lazy-loaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.getscw.com/pub/media/wysiwyg/knowledge-base/icon-36x34-home.png" style="display: block;">
						<strong>Getting Started</strong>
						<span>- Comparing camera resolutions, specs and features</span>
					</label>
					<div class="kb-accordion-content">
						<div class="inner">
							<h2>Beginners Guide</h2>
							<ul class="ul-doc">
								<li><a href="/how-many-cameras-do-i-need">How Many Cameras do I need</a></li>
								<li><a href="/how-to-buy-a-security-camera.php">Buy the Right Security Camera System for You</a></li>
								<li><a href="/resolution">Resolutions</a></li>
								<li><a href="/knowledge-base/varifocal-vs-fixed-lens">Fixed lens vs varifocal</a></li>
								<li><a href="/cctv-record-time-calculator.php">Hard Drive Calculator</a></li>
								<li><a href="/installation-portal">Installation Guides</a></li>
							</ul>
							<h2>Supporting Questions</h2>
							<ul class="ul-doc">
								<li><a href="/support/faq/internet-speed-camera-viewing">What upload speed to remote view?</a></li>
								<li><a href="/support/faq/another-brand-camera">Compatibility - will my cams work with your NVR?</a></li>
								<li><a href="/support/faq/">Specific Q/A</a></li>
								<li><a href="/multi-site-surveillance-systems.php">Multi location viewing</a></li>
							</ul>
							<h2>Guides for Common CCTV Applications </h2>
							<ul class="ul-doc">
								<li><a href="/business-cctv-systems.php">Business CCTV Systems</a></li>
								<li><a href="/college-cctv-systems.php">College and University CCTV Systems</a></li>
								<li><a href="/commercial-cctv-systems.php">Commercial CCTV Systems</a></li>
								<li><a href="/government-cctv-systems.php">Government CCTV Systems</a></li>
								<li><a href="/home-cctv-systems.php">Home CCTV Systems</a></li>
								<li><a href="/hunting-cameras.php">Hunting Cameras</a></li>
								<li><a href="/industrial-cctv-systems.php">Industrial CCTV Systems</a></li>
								<li><a href="/infrared-wildlife-camera.php">Infrared Wildlife Camera</a></li>
								<li><a href="/military-cctv-systems.php">Military CCTV Systems</a></li>
								<li><a href="/warehouse-security-cameras.php">Warehouse Security Cameras</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div id="scw-ac-cam" class="kb-accordion-item">
					<input type="checkbox" id="acc-cam">
					<label class="kb-accordion-title" for="acc-cam">
						<img class="lazy lazy-loading lazy-blur lazy img-icon lazy-loaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.getscw.com/pub/media/wysiwyg/knowledge-base/icon-36x34-cam.png" style="display: block;">
						<strong>SCW Camera Questions</strong>
						<span>- Comparing camera resolutions, specs and features</span>
					</label>
					<div class="kb-accordion-content">
						<div class="inner">
							<h2>Camera Resolution Questions</h2>
							<ul class="ul-doc">
								<li><a href="/knowledge-base/4mp-vs-4k">What is the difference between 4MP and 4K?</a></li>
								<li><a href="/guide-to-identifying-a-face">What camera do I need to identify a face at distance?</a></li>
								<li><a href="/knowledge-base/2k-security-cameras-misleading-marketing-claims">Is 2K is not 2x 1080P?</a></li>
								<li><a href="/knowledge-base/cif-vs-d1/">CIF vs D1 vs 960H vs HD</a></li>
							</ul>
							<h2>Zoom Types</h2>
							<ul class="ul-doc">
								<li><a href="/knowledge-base/zoom/">What type of zoom do I need? </a></li>
								<li><a href="/knowledge-base/license-plate-cameras">What they don't tell you about "License Plate Cameras"</a></li>
								<li><a href="/knowledge-base/optical-zoom-vs-digital-zoom/">What's better: optical zoom or digital zoom?</a></li>
							</ul>
							<h2>Wireless Vs Wired Systems</h2>
							<ul class="ul-doc">
								<li><a href="/ip-camera/wifi-enabled/">What are the pros and cons of wifi security cameras? </a></li>
								<li><a href="/knowledge-base/cloud-based-video-surveillance/">What is cloud based video surveillance? </a></li>
								<li><a href="/knowledge-base/wire-free-pros-cons">Wire-Free, Battery Powered Security Cameras : Pros and Cons</a></li>
								<li><a href="/knowledge-base/camera-bitrate-compression">Wire-Free Cameras have very low Processing Power and Compression: Not All 1080P Cameras are Created Equal</a></li>
							</ul>
							<h2>Analog Questions</h2>
							<ul class="ul-doc">
								<li><a href="/knowledge-base/dome-cameras-vs-bullet-cameras/">Should I use a dome or bullet camera?</a></li>
								<li><a href="/knowledge-base/1000-tv-lines">What is a 1000 TV Line Camera?</a></li>
								<li><a href="/knowledge-base/what-are-ultra-high-definition-security-cameras">What are Ultra High Resolution Security Cameras?</a></li>
							</ul>
							<h2>Understanding WDR</h2>
							<ul class="ul-doc">
								<li><a href="/knowledge-base/true-hdr-vs-digital-wdr-vs-true-wdr">What is the difference between true HDR, digital WDR, and true WDR?</a></li>
								<li><a href="/knowledge-base/spectrum-vision-true-wdr-is-what-exactly">Spectrum Vision True WDR" substitutes a snappy term for actual info about the specs</a></li>
							</ul>
							<h2>Other Questions</h2>
							<ul class="ul-doc">
								<li><a href="/knowledge-base/footage-at-night/">Buying Guide and Best Practices: Improving Surveillance Footage at Night</a></li>
								<li><a href="/decoding/video-compression">Why  Can't  I Find a Security Camera with a HDMI Connection?</a></li>
<li><a href="/blog/919/how-to-hook-a-ptz-security-via-rs485-connection">How do I hook up PTZ security via RS485 connection?</a></li>
<li><a href="/knowledge-base/daisy-chain-ptz-cameras/">How do I daisy chain a PTZ camera ?</a></li>
<li><a href="/blog/368/what-are-the-differences-between-a-dome-camera-and-a-ptz-camera">What are the differences between a dome camera and a ptz camera?</a></li>
								<li><a href="/knowledge-base/varifocal-vs-fixed-lens">What is the difference between fixed and varifocal lenses?</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div id="scw-ac-nvrs" class="kb-accordion-item">
					<input type="checkbox" id="acc-data">
					<label class="kb-accordion-title" for="acc-data">
						<img class="lazy lazy-loading lazy-blur lazy img-icon lazy-loaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.getscw.com/pub/media/wysiwyg/knowledge-base/icon-36x34-data.png" style="display: block;">
						<strong>SCW NVRs</strong>
						<span>- Networking setup, guides and your storage questions answered</span>
					</label>
					<div class="kb-accordion-content">
						<div class="inner">
							<h2>Networking </h2>
							<ul class="ul-doc">
								<li><a href="/guide">Networking Guide</a></li>
								<li><a href="/knowledge-base/open-ports">What should I do if I can't open ports? </a></li>
							</ul>
							<h2>Storage</h2>
							<ul class="ul-doc">
								<li><a href="/cctv-record-time-calculator.php">How much hard drive space do I need? </a></li>
								<li><a href="/knowledge-base/backup/">Redundant Recording - Store Your Surveillance System's Recordings in a Second Location Automatically</a></li>
								<li><a href="/knowledge-base/microsd-card">In Camera Micro SD Card Storage, Great Feature but Not a Replacement for a NVR</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div id="scw-ac-other-products" class="kb-accordion-item">
					<input type="checkbox" id="acc-shield">
					<label class="kb-accordion-title" for="acc-shield">
						<img class="lazy lazy-loading lazy-blur lazy img-icon lazy-loaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.getscw.com/pub/media/wysiwyg/knowledge-base/icon-36x34-shield.png" style="display: block;">
						<strong>Other Products</strong>
						<span>- Alarms, video doorbells & fever detection</span>
					</label>
					<div class="kb-accordion-content">
						<div class="inner">
							<h2>Alarms</h2>
							<ul class="ul-doc">
								<li><a href="/shield/alarm-monitoring/">What monitoring plans does SCW offer? </a></li>
								<li><a href="/shieldportal">Change my monitoring plan</a></li>
								<li><a href="/shield/windows/">When would I use motion sensors, glass break sensors, vs. windows open sensors?</a></li>
								<li><a href="/shield/disarm/">Apps, pin pads, and keyfobs: How do I disarm my SCW Shield Alarm?</a></li>
								<li><a href="/shield/carbon-monoxide-and-smoke/">Where should I put carbon monoxide and smoke detectors?</a></li>
	<li><a href="/shield/where-to-place-motion-sensors">Where should I put my SCW Shield Motion Sensors?</a></li>						
		<li><a href="/shield/z-wave/">Z-Wave Home Automation Ideas and Functionality</a></li>
							</ul>
							<h2>Doorbells </h2>
							<ul class="ul-doc">
								<li><a href="/eufy-smart-wi-fi-video-doorbell.php">Smart Wi-Fi Video Doorbell</a></li>
							</ul>
							<h2>Fever Detection Devices</h2>
							<ul class="ul-doc">
								<li><a href="/fever-detection-devices/">Intro to Fever Detection Devices</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div id="scw-ac-legal" class="kb-accordion-item">
					<input type="checkbox" id="acc-scale">
					<label class="kb-accordion-title" for="acc-scale">
						<img class="lazy lazy-loading lazy-blur lazy img-icon lazy-loaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.getscw.com/pub/media/wysiwyg/knowledge-base/icon-36x34-scale.png" style="display: block;">
						<strong>Legal/NDAA</strong>
						<span>- Rules, government regulations and benefits</span>
					</label>
					<div class="kb-accordion-content">
						<div class="inner">
							<h2>Background</h2>
							<ul class="ul-doc">
								<li><a href="/why-cameras/">Why do people buy security camras? </a></li>
								<li><a href="/knowledge-base/usa-and-chinese-manufacturing/">A Brief History of US and Chinese Security Camera Manufacturing</a></li>
								<li><a href="/knowledge-base/onvif-compliance/">ONVIF Compliance in Plain English</a></li>
							</ul>
							<h2>Know Your RIghts</h2>
							<ul class="ul-doc">
								<li><a href="/ip-camera/audio-enabled/">What are my rights and responsibilities when recording audio? </a></li>
								<li><a href="/knowledge-base/hipaa-compliance">HIPAA Compliance and Security Cameras: Clearing Up the Confusion</a></li>
								<li><a href="/knowledge-base/only-24-7-video-in-court">Can I use video surveillance in court? </a></li>
								<li><a href="/knowledge-base/pci-compliance-doesn-t-need-90-days-of-footage">Do I need 90 days of surveillance footage for PCI compliance? </a></li>
								<li><a href="/knowledge-base/hipaa-compliance">HIPAA Compliance and Security Cameras: Clearing Up the Confusion</a></li>
								<li><a href="/cannabis-grow-op-surveillance-systems/">State cannabis regulations about security camera systems</a></li>
							</ul>
							<h2>NDAA Ban</h2>
							<ul class="ul-doc">
								<li><a href="/knowledge-base/the-ban">Security Camera Compliance with the 2019 National Defense Authorization Act (NDAA)</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div id="scw-ac-glossary" class="kb-accordion-item">
					<input type="checkbox" id="acc-book">
					<label class="kb-accordion-title" for="acc-book">
						<img class="lazy lazy-loading lazy-blur lazy img-icon lazy-loaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.getscw.com/pub/media/wysiwyg/knowledge-base/icon-36x34-book.png" style="display: block;">
						<strong>Glossary</strong>
						<span>- Obscure Product Categories and all the tech stuff</span>
					</label>
					<div class="kb-accordion-content">
						<div class="inner">
							<h2>Obscure Product Categories </h2>
							<ul class="ul-doc">
								<li><a href="/dvr/">Intro to DVRs</a></li>
								<li><a href="/knowledge-base/ip-rating/">IP rating</a></li>
								<li><a href="/knowledge-base/ip66/">IP66 cameras</a></li>
								<li><a href="/knowledge-base/ip67/">IP67 cameras</a></li>
								<li><a href="/knowledge-base/ip68/">IP68 cameras</a></li>
							</ul>
							<h2>Discussion of Terms</h2>
							<ul class="ul-doc">
								<li><a href="/knowledge-base/starlight-dome-cameras/">Starlight Dome Camera</a></li>
								<li><a href="/image-pick-up-device.php">Image Pick Up Device</a></li>
								<li><a href="/real-time-recording-dvr.php">Real Time Recording</a></li>
								<li><a href="/s-n-ratio.php">S/N Ratio</a></li>
								<li><a href="/knowledge-base/starlight-security-cameras/">Starlight Security Camera</a></li>
								<li><a href="/knowledge-base/vandal-proof-dome-camera/">Vandal Proof Dome Camera</a></li>
							</ul>
						</div>
					</div>
				</div>
		</div>

jQuery( document ).ready(function() {
			jQuery('.accordion-title').on('click', function () {
				var acc_button = jQuery(this);
				acc_button.closest('.kb-accordion-item').siblings().find('input[type="checkbox"]').prop('checked', false);
			});
			jQuery( '.hotboxes-icons .hotbox .cta' ).on('click', function (e) {
				e.preventDefault();
				var cta_button = jQuery(this);
				var acc_id = cta_button.attr('href');
				jQuery(acc_id).find('input[type="checkbox"]').prop('checked', true);
				jQuery(acc_id).siblings().find('input[type="checkbox"]').prop('checked', false);
				setTimeout(function () {
					jQuery([document.documentElement, document.body]).animate({
						scrollTop: jQuery(acc_id).offset().top - 150
					}, 320);
				}, 320);
			});
                        jQuery("#scwHero").insertAfter('header');
                        jQuery("#footerCTA").insertAfter('article');
		});
});
	</script>

Navs

Tabs

Tab 1 Tab 2 Tab 3

Tab Content 1

<div class="ip-camera-tabs-wrapper">
                                <div class="ip-camera-tabs-btns">
                                    <a href="#" data-content="resolution" class="active">Tab 1</a>
                                    <a href="#" data-content="type">Tab 2</a>
                                    <a href="#" data-content="shape">Tab 3</a>
                                </div>
                                <div class="ip-camera-tabs-content">
                                    <div class="resolution tab-content" style="display: block;">
                                        <h4>
                                            Tab Content 1
                                        </h4>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                        </p>
                                    </div>
                                    <div class="type tab-content" style="display: none;">
                                        <h4>
                                            Tab Content 2
                                        </h4>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                        </p>
                                    </div>
                                    <div class="shape tab-content" style="display: none;">
                                        <h4>
                                            Tab Content 3
                                        </h4>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                        </p>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                        </p>
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                        </p>
                                    </div>
                                </div>
                            </div>
<script>
            require([ 'jquery', 'jquery-ui-modules/core', 'jquery-ui-modules/accordion'], function($){
            $( document ).ready(function() {

// Remove accordion, tabs section 
                var moveTab = $('.ip-camera-new .ip-camera-tabs')
                var moveAccordion = $('.ip-camera-new .ip-camera-accordion')

// Append accordion, tabs into products 
                $('.product-items').after(moveAccordion)
                $('.product-items').after(moveTab)

// Append id to products list 
               $('.product-items').attr('id', 'products')

}
                    })
                });

Slabs

(Bubble) Dots Slab

Healthcare

Education

Dealerships

Self Storage

C-store

Cannabis

Logistics

Manufacturing

<section class="mt-md-n6 mt-50 mb-100 pt-md-6 pt-5 jarallax-img wow fadeInUp" data-wow-delay=".6s" style="background-image: url("images/templates/orange_dot_bg.png"); background-repeat: no-repeat; background-position: left bottom; visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
        <div class="container">
          
          <div class="row mb-2">
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/hospital.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur lazy cs-inner-img d-block mx-auto mb-4 lazy-loaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_hospital.svg" width="52" alt="Construction" style="display: none;">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">Healthcare</h5>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/high-school.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur lazy cs-inner-img d-block mx-auto mb-4 lazy-loaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_education.svg" width="52" alt="Project Development" style="display: none;">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">Education</h5>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/dealership.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur lazy cs-inner-img d-block mx-auto mb-4 lazy-loaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_car dealer.svg" width="52" alt="Interior Design" style="display: none;">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">Dealerships</h5>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/self-storage.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur lazy cs-inner-img d-block mx-auto mb-4 lazy-loaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_storage.svg" width="52" alt="Repairs" style="display: none;">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">Self Storage</h5>
                  </div>
                </div>
              </a>
            </div>
          </div>

<div class="row mb-lg-5 mb-4">
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/c-store.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur lazy cs-inner-img d-block mx-auto mb-4 lazy-loaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_c_store.svg" width="52" alt="Construction" style="display: none;">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">C-store</h5>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/cannabis.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur lazy cs-inner-img d-block mx-auto mb-4 lazy-loaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_weed.svg" width="52" alt="Project Development" style="display: none;">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">Cannabis</h5>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/logistics.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur lazy cs-inner-img d-block mx-auto mb-4 lazy-loaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_logistics.svg" width="52" alt="Interior Design" style="display: none;">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">Logistics</h5>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-lg-3 col-sm-6 mb-sm-grid-gutter mb-3">
              <a class="cs-image-fade h-100 card card-hover box-shadow py-3" href="#" style="background-image: url(images/templates/warehouse.jpeg);">
                <div class="cs-image-inner py-5">
                  <div class="card-body">
                    <img class="lazy lazy-loading lazy-blur lazy cs-inner-img d-block mx-auto mb-4 lazy-loaded" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="images/templates/noun_manufacture.svg" width="52" alt="Repairs" style="display: none;">
                    <h5 class="cs-inner-text mb-0 text-center bubble-headline">Manufacturing</h5>
                  </div>
                </div>
              </a>
            </div>
          </div>
          
        </div>
      </section>

Product Callout (Text Left)

Wired 4K Systems

24/7 Live Viewing and Free, Lifetime Support

4K wired systems allow you to see every detail vividly. With sharper and clearer video quality, you can protect your business with confidence. 4k wired systems are the perfect choice for business owners who are looking for a comprehensive security set-up.

8 Camera
4K System

$2,549

16 Camera
4K System

$4,649

<div class="col-md-8 col-md-pull-4">
        <h2> Wired 4K Systems </h2>
        <h3>24/7 Live Viewing and Free, Lifetime Support</h3>
        <p>4K wired systems allow you to see every detail vividly. With sharper and clearer video quality, you can protect your business with confidence. 4k wired systems are the perfect choice for business owners who are looking for a comprehensive security set-up.</p>

<div class="row" style="text-align:left; margin: 0 0 20px 0;">
            <a href="/security-camera-system/4k-security-camera-systems/"><button type="button"
                    class="btn btn-lg btn-success"
                    style="margin:0 0 0 0; width:300px border:1px solid white; border-radius: 5px;">Commercial 4K
                    Systems</button></a>
        </div>

<div class="col-md-7" style="padding:10px;">
                        <h3 style="margin:10px 0 0 0;">8 Camera </br> 4K System</h3>
                        <h3 style="margin:0px 0 10px 0; color:black !important;">$2,549 </h2>
                            <div class="row" style="text-align:left;">
                                <button type="button"
                                    style="margin: 0 0 20px 15px;background-color:white;color: #EE8427 !important;border-radius: 5px;border:1px solid #EE8427;font-weight: 800;width:150px;text-align: center;padding: 14px 20px !important;"
                                    title="Customize" class="btn btn-lg btn-success"
                                    onclick="setLocation('/8-channel-admiral-series-4k.php')">
                                    <link itemprop="availability" href="https://schema.org/InStock"><span
                                        class="availability"><span class="value-title" title="In Stock"><i
                                                class="fa fa-shopping-cart"></i> Customize</span></span></button>

</div>
                    </div>

</div>
            </div>

<div class="col-md-7" style="padding:10px;">
                        <h3 style="margin:10px 0 0 0;">16 Camera </br> 4K System</h3>
                        <h3 style="margin:0px 0 10px 0; color:black !important;">$4,649 </h2>
                            <div class="row" style="text-align:left;">
                                <button type="button"
                                    style="margin: 0 0 20px 15px;background-color:white;color: #EE8427 !important;border-radius: 5px;border:1px solid #EE8427;font-weight: 800;width:150px;text-align: center;padding: 14px 20px !important;"
                                    title="Customize" class="btn btn-lg btn-success"
                                    onclick="setLocation('/16-channel-admiral-series-4k.php')">
                                    <link itemprop="availability" href="https://schema.org/InStock"><span
                                        class="availability"><span class="value-title" title="In Stock"><i
                                                class="fa fa-shopping-cart"></i> Customize</span></span></button>

</div>
                    </div>

</div>
            </div>

</div>
    </div>
</div>

Product Callout (Text Right)

PTZ Cameras

360 Degree View, Optical Zoom, and Preset Views

PTZ cameras can quickly pan left to right, tilt up and down, and zoom in on objects. With custom preset abilities, you can quickly see areas of interest like your parking lot, front entrance, or high-traffic areas.

The Lookout 2.0

$799

The Scope 8.0

$2299

<span id="wirefree" style="visibility:hidden; height:3vw; display:block; margin-top:-3vw;"></span>

<div class="row full-container" style="margin: 5vw 10% 5vw 0%; padding:0;">
    <div class="col-md-4">
        <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/images/ptz-smb.png" style="width: 100%; margin-top:15px;" alt="PTZ cameras" class="lazy lazy-loading lazy-blur img-responsive">
    </div>
    <div class="col-md-8">
        <h2>PTZ Cameras </h2>
        <h3>360 Degree View, Optical Zoom, and Preset Views</h3>
        <p>PTZ cameras can quickly pan left to right, tilt up and down, and zoom in on objects. With custom preset abilities, you can quickly see areas of interest like your parking lot, front entrance, or high-traffic areas.</p>

<div class="row" style="text-align:left; margin: 0 0 20px 0;">
            <a href="/ip-ptz-cameras/"><button type="button" class="btn btn-lg btn-success"
                    style="margin:0 0 0 0; width:300px border:1px solid white; border-radius: 5px;">Shop PTZ
                    Cameras</button></a>
        </div>

<div class="col-md-7" style="padding:10px;">
                        <h3 style="margin:10px 0 0 0;">The Lookout 2.0</h3>
                        <h3 style="margin:0px 0 10px 0; color:black !important;">$799 </h3>
                        <div class="row" style="text-align:left;">
                            <button type="button"
                                style="margin: 0 0 20px 15px;background-color:white;color: #EE8427 !important;border-radius: 5px;border:1px solid #EE8427;font-weight: 800;width:150px;text-align: center;padding: 14px 20px !important;"
                                title="Add to Cart" class="btn btn-lg btn-success"
                                onclick="setLocation('/the-lookout-26zv-2mp-1080p-ip-ptz-camera-with-30x-optical-zoom.php')">
                                <link itemprop="availability" href="https://schema.org/InStock"><span
                                    class="availability"><span class="value-title" title="In Stock">Buy Now
                                    </span></span></button>
                        </div>
                    </div>

</div>
            </div>

<div class="col-md-7" style="padding:10px;">
                        <h3 style="margin:10px 0 0 0;">The Scope 8.0</h3>
                        <h3 style="margin:0px 0 10px 0; color:black !important;">$2299</h3>
                        <div class="row" style="text-align:left;">
                            <button type="button"
                                style="margin: 0 0 20px 15px;background-color:white;color: #EE8427 !important;border-radius: 5px;border:1px solid #EE8427;font-weight: 800;width:150px;text-align: center;padding: 14px 20px !important;"
                                title="Customize" class="btn btn-lg btn-success"
                                onclick="setLocation('/the-scope-8-0-26zv8-4k-8mp-4x1080p-ip-ptz-camera-with-22x-optical-zoom.php')">
                                <link itemprop="availability" href="https://schema.org/InStock"><span
                                    class="availability"><span class="value-title" title="In Stock">Buy
                                        Now</span></span></button>
                        </div>
                    </div>

</div>
            </div>

<hr>

</div>
    </div>
</div>

Value Pillars

Free Support for Life

SCW’s world-class, US-based technical support staff are ready to answer your questions about installation and operation.

3 & 5 Year Warranties

At SCW, we believe in what we sell. That’s why if you ever run into defective equipment we make our warranty process easy and fair.

Expert-Led Training

SCW's dedicated support team will help you with installation and set-up even after you've made a big purchase - we never leave you hanging!

<div class="row" style="padding:15px 0 10px 0; background-color: rgba(27,80,120,.2); margin: 0;">
<div class="row top-image" style="margin: 0 5% 0 5%; padding:0;">

<div class="col-md-4 mobile-full" style="margin:10px 0 10px 0;">
<div class="row">
<div class="col-xs-4" style="text-align:center;">
<img class="lazy lazy-loading lazy-blur" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/images/support.png"  style="width: 80%; margin: 20px 0 10px 0;">
</div>
<div class="col-xs-8">
<p class="lead" style="color:#1b5078;margin: 20px 0 10px 0 !important;padding: 0;"> Free Support for Life </p>
<p> SCW’s world-class, US-based technical support staff are ready to answer your questions about installation and operation.</p>
</div>
</div>
</div>

<div class="col-md-4 mobile-full" style="margin:10px 0 10px 0;">
<div class="row">
<div class="col-xs-4" style="text-align:center;">
<img class="lazy lazy-loading lazy-blur" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/images/warranty.png"  style="width: 80%; margin: 20px 0 10px 0;">
</div>
<div class="col-xs-8">
<p class="lead" style="color:#1b5078;margin: 20px 0 10px 0 !important;padding: 0;"> 3 & 5 Year Warranties </p>
<p>At SCW, we believe in what we sell. That’s why if you ever run into defective equipment we make our warranty process easy and fair.</p>
</div>
</div>
</div>

<div class="col-md-4 mobile-full" style="margin:10px 0 10px 0;">
<div class="row">
<div class="col-xs-4" style="text-align:center;">
<img class="lazy lazy-loading lazy-blur" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/images/training.png" style="width: 80%; margin: 20px 0 10px 0;">
</div>
<div class="col-xs-8">
<p class="lead" style="color:#1b5078;margin: 20px 0 10px 0 !important;padding: 0;">Expert-Led Training</p>
<p>SCW's dedicated support team will help you with installation and set-up even after you've made a big purchase - we never leave you hanging!</p>
</div>
</div>
</div>

</div>
</div>