- Scan ID:
- f6547849-2c07-4def-b877-0b7ff3c3be3bFinished
- Submitted URL:
- https://kamihome.com
- Report Finished:
Links · 8 found
The outgoing links identified from the page
Link | Text |
---|---|
https://kamivision.com/?utm_source=kamihome&utm_medium=business-solutions-button | For Business |
https://kamivision.com/about-us/ | About Kami Vision |
https://www.facebook.com/KamiHomeOfficial/ | |
https://twitter.com/KamiHome | |
https://www.linkedin.com/company/kamivision/ | |
https://www.instagram.com/kamihomesecurity/ | |
https://www.youtube.com/@KamiHome/featured | |
https://kamivision.com/kamicare/ | For Businesses |
JavaScript Variables · 20 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name | Type |
---|---|
0 | object |
1 | object |
2 | object |
3 | object |
4 | object |
5 | object |
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
WebFont | object |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><!-- Last Published: Mon Jul 15 2024 08:21:08 GMT+0000 (Coordinated Universal Time) --><html data-wf-page="6647ac28abe606bb15b06e77" data-wf-site="6647ac28abe606bb15b06e2a" class="w-mod-js wf-montserrat-n1-active wf-montserrat-n7-active wf-montserrat-n9-active wf-montserrat-n6-active wf-montserrat-n3-active wf-montserrat-n2-active wf-montserrat-n5-active wf-montserrat-n4-active wf-montserrat-n8-active wf-montserrat-i2-active wf-montserrat-i7-active wf-montserrat-i6-active wf-montserrat-i8-active wf-montserrat-i4-active wf-montserrat-i9-active wf-montserrat-i5-active wf-montserrat-i1-active wf-montserrat-i3-active wf-active w-mod-ix"><head><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style>
<meta charset="utf-8">
<title>Kami</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/kami-f03c3c.webflow.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic" media="all"><script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic"] }});</script>
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.svg" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.svg" rel="apple-touch-icon">
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-F7EEBYE3XQ"></script>
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-F7EEBYE3XQ');</script>
</head>
<body>
<div class="page-wrapper">
<div class="global-styles w-embed">
<style>
/* Make text look crisper and more legible in all browsers */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
input[type="file"]:focus-visible {
outline: 0.125rem solid #4d65ff;
outline-offset: 0.125rem;
}
/* Set color style to inherit */
.inherit-color * {
color: inherit;
}
/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
margin-top: 0 !important;
}
/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
margin-bottom: 0 !important;
}
/* Make sure containers never lose their center alignment */
.container-medium,.container-small, .container-large {
margin-right: auto !important;
margin-left: auto !important;
}
/*
Make the following elements inherit typography styles from the parent and not have hardcoded values.
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
color: inherit;
text-decoration: inherit;
font-size: inherit;
}
*/
/* Apply "..." after 3 lines of text */
.text-style-3lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/* Apply "..." after 2 lines of text */
.text-style-2lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* Adds inline flex display */
.display-inlineflex {
display: inline-flex;
}
/* These classes are never overwritten */
.hide {
display: none !important;
}
@media screen and (max-width: 991px) {
.hide, .hide-tablet {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.hide-mobile-landscape{
display: none !important;
}
}
@media screen and (max-width: 479px) {
.hide-mobile{
display: none !important;
}
}
.margin-0 {
margin: 0rem !important;
}
.padding-0 {
padding: 0rem !important;
}
.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}
.margin-top {
margin-right: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-top {
padding-right: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-right {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-right {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-bottom {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-bottom {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-left: 0rem !important;
}
.margin-left {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-left {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-horizontal {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-horizontal {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-vertical {
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-vertical {
padding-right: 0rem !important;
padding-left: 0rem !important;
}
</style>
</div>
<div class="nav_fixed">
<div data-animation="over-right" data-collapse="medium" data-duration="1200" data-easing="ease" data-easing2="ease" role="banner" class="nav_component w-nav">
<div class="padding-global">
<div class="nav_container">
<a href="index.html" aria-current="page" class="nav_brand w-nav-brand w--current"><img src="images/kami_logo.svg" loading="lazy" alt="" class="nav_logo"></a>
<nav role="navigation" class="nav_menu w-nav-menu" style="transform: translate3d(0vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
<div data-w-id="a3dd0b51-c3d3-c67c-639b-bbd58dcfb3be" class="close-icon-wrapper display-none"><img src="images/x_close-icon.svg" loading="lazy" alt=""></div>
<div data-hover="false" data-delay="0" class="dropdown w-dropdown">
<div class="dropdown-toggle w-dropdown-toggle" id="w-dropdown-toggle-0" aria-controls="w-dropdown-list-0" aria-haspopup="menu" aria-expanded="false" role="button" tabindex="0">
<div class="w-icon-dropdown-toggle" aria-hidden="true"></div>
<div class="text-block">Our products</div>
</div>
<nav class="dropdown-list w-dropdown-list" id="w-dropdown-list-0" aria-labelledby="w-dropdown-toggle-0">
<a href="products/kami-cloud.html" class="mega-menu-link-wrapper w-inline-block" tabindex="0">
<div class="link-mega-menu">Kami Cloud</div>
<p>Smart alerts & security video storage</p>
</a>
<a href="products/kami-pro-security.html" class="mega-menu-link-wrapper w-inline-block" tabindex="0">
<div class="link-mega-menu">Kami Pro Security</div>
<p>Alarm system with 24/7 emergency response</p>
</a>
<a href="products/fall-detect.html" class="mega-menu-link-wrapper-last w-inline-block" tabindex="0">
<div class="link-mega-menu">Fall Detect</div>
<p>Detects, notifies and responds in case of a fall</p>
</a>
</nav>
</div>
<a href="how-it-works.html" class="nav_menu_link w-nav-link">How it works</a>
<a href="https://kamivision.com/?utm_source=kamihome&utm_medium=business-solutions-button" class="nav_menu_link w-nav-link">For Business</a>
<a href="support.html" class="nav_menu_link w-nav-link">Support</a>
<a href="https://kamivision.com/about-us/" class="nav_menu_link w-nav-link">About</a>
<div class="nav_menu-icons display-none">
<a href="https://www.facebook.com/KamiHomeOfficial/" class="nav_menu-icon w-inline-block"><img src="images/facebook_icon_black.svg" loading="lazy" alt=""></a>
<a href="https://twitter.com/KamiHome" class="nav_menu-icon w-inline-block"><img src="images/twitter_icon_black.svg" loading="lazy" alt=""></a>
<a href="https://www.linkedin.com/company/kamivision/" class="nav_menu-icon w-inline-block"><img src="images/linkedin_icon_black.svg" loading="lazy" alt=""></a>
<a href="https://www.instagram.com/kamihomesecurity/" class="nav_menu-icon w-inline-block"><img src="images/instagram_icon_black.svg" loading="lazy" alt=""></a>
<a href="https://www.youtube.com/@KamiHome/featured" class="nav_menu-icon w-inline-block"><img src="images/youtube_icon_black.svg" loading="lazy" alt=""></a>
</div>
</nav>
<div class="nav_right-panel">
<a href="https://kamicloud.kamihome.com/dashboard" class="w-inline-block"><img src="images/user_icon.svg" loading="lazy" alt=""></a>
<div class="nav_button w-nav-button" style="-webkit-user-select: text;" aria-label="menu" role="button" tabindex="0" aria-controls="w-nav-overlay-0" aria-haspopup="menu" aria-expanded="false"><img src="images/Sort.svg" loading="lazy" alt=""></div>
</div>
</div>
</div>
<div class="w-nav-overlay" data-wf-ignore="" id="w-nav-overlay-0"></div></div>
</div>
<main class="main-wrapper overflow-hidden">
<section class="section_hero">
<div class="padding-global padding-section-hero">
<div class="container-large hero-container">
<div class="header-hero-wrapper">
<h1 class="heading-style-h1-display">Effortless safety and security with Kami’s AI-Vision</h1>
</div>
<div class="inidcator-wrapper">
<div class="scroll-indicator">
<div class="mouse-outline"></div>
<div data-w-id="feebdad1-39b8-cdc4-2f14-4205be46c414" style="transform: translate3d(0rem, -0.0925275rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); opacity: 0.87663; transform-style: preserve-3d; will-change: transform, opacity;" class="mouse-ball"></div>
<div class="text-scroll-indicator">Scroll to learn more</div>
</div>
</div>
<div class="hero-graphic-wrapper hide-tablet"><img src="images/graphic-hero.svg" loading="lazy" alt="" class="image-5"></div>
</div>
</div>
</section>
<div class="section_intro">
<div class="padding-global padding-section-small">
<div class="container-large">
<div class="intro_content">
<h2 class="heading-style-h1 text-align-center">Kami’s AI-Vision In Action</h2>
<div class="video-grid">
<div class="video-container-1">
<div id="w-node-_0f6beb05-5add-b06a-cfb9-c8e83360f1ce-15b06e77" class="video-wrapper-1">
<div class="w-embed w-iframe w-script">
<div class="video-wrapper-1">
<img src="images/thumbnail-1.svg" class="video-placeholder-1" alt="Video Thumbnail">
<iframe class="video-iframe-1" src="" data-src="https://www.youtube.com/embed/YHbAtQyrUzk?autoplay=1&controls=1&modestbranding=1&rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
<style>
.video-wrapper-1 {
position: relative;
width: 100%;
max-width: 100%; /* Ensures it scales with the container */
}
.video-placeholder-1 {
width: 100%;
height: 288px; /* Default height for image and video on desktop */
display: block;
border-radius: 30px;
object-fit: cover; /* Added to scale the image */
}
.video-iframe-1 {
width: 100%;
height: 288px; /* Default height for video on desktop */
display: none;
border-radius: 30px;
}
/* Adjust heights for mobile */
@media (max-width: 768px) {
.video-placeholder-1 {
height: 288px; /* Height for image on mobile */
}
.video-iframe-1 {
height: 288px; /* Height for video on mobile */
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
var placeholder = document.querySelector('.video-placeholder-1');
var iframe = document.querySelector('.video-iframe-1');
placeholder.addEventListener('click', function() {
var videoSrc = iframe.getAttribute('data-src');
iframe.setAttribute('src', videoSrc);
placeholder.style.display = 'none';
iframe.style.display = 'block';
});
});
</script>
</div>
</div>
<div class="text-size-medium text-weight-semibold">The best security solution for your home</div>
</div>
<div id="w-node-_0f6beb05-5add-b06a-cfb9-c8e83360f1d2-15b06e77" class="video-container-2">
<div id="w-node-_0f6beb05-5add-b06a-cfb9-c8e83360f1d3-15b06e77" class="video-wrapper-2">
<div class="w-embed w-iframe w-script">
<div class="video-wrapper-2">
<img src="images/support-thumbnail-2.svg" class="video-placeholder-2" alt="Video Thumbnail">
<iframe class="video-iframe-2" src="" data-src="https://www.youtube.com/embed/mzLpg8zhwIA?autoplay=1&controls=1&modestbranding=1&rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
<style>
.video-wrapper-2 {
position: relative;
width: 100%;
max-width: 100%; /* Ensures it scales with the container */
}
.video-placeholder-2 {
width: 100%;
height: 288px; /* Default height for image and video on desktop */
display: block;
border-radius: 30px;
object-fit: cover; /* Added to scale the image */
}
.video-iframe-2 {
width: 100%;
height: 288px; /* Default height for video on desktop */
display: none;
border-radius: 30px;
}
/* Adjust heights for mobile */
@media (max-width: 768px) {
.video-placeholder-2 {
height: 288px; /* Height for image on mobile */
}
.video-iframe-2 {
height: 288px; /* Height for video on mobile */
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
var placeholder = document.querySelector('.video-placeholder-2');
var iframe = document.querySelector('.video-iframe-2');
placeholder.addEventListener('click', function() {
var videoSrc = iframe.getAttribute('data-src');
iframe.setAttribute('src', videoSrc);
placeholder.style.display = 'none';
iframe.style.display = 'block';
});
});
</script>
</div>
</div>
<div class="text-size-medium text-weight-semibold">Kami indoor camera can be used in every home </div>
</div>
<div id="w-node-_0f6beb05-5add-b06a-cfb9-c8e83360f1d7-15b06e77" class="video-container-3">
<div id="w-node-_0f6beb05-5add-b06a-cfb9-c8e83360f1d8-15b06e77" class="video-wrapper-3">
<div class="w-embed w-iframe w-script">
<div class="video-wrapper-3">
<img src="images/thumbnail-3.svg" class="video-placeholder-3" alt="Video Thumbnail">
<iframe class="video-iframe-3" src="" data-src="https://www.youtube.com/embed/xQHLGWRx3YA?autoplay=1&controls=1&modestbranding=1&rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
<style>
.video-wrapper-3 {
position: relative;
width: 100%;
max-width: 100%; /* Ensures it scales with the container */
}
.video-placeholder-3 {
width: 100%;
height: 288px; /* Default height for image and video on desktop */
display: block;
border-radius: 30px;
object-fit: cover; /* Added to scale the image */
}
.video-iframe-3 {
width: 100%;
height: 288px; /* Default height for video on desktop */
display: none;
border-radius: 30px;
}
/* Adjust heights for mobile */
@media (max-width: 768px) {
.video-placeholder-3 {
height: 288px; /* Height for image on mobile */
}
.video-iframe-3 {
height: 288px; /* Height for video on mobile */
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
var placeholder = document.querySelector('.video-placeholder-3');
var iframe = document.querySelector('.video-iframe-3');
placeholder.addEventListener('click', function() {
var videoSrc = iframe.getAttribute('data-src');
iframe.setAttribute('src', videoSrc);
placeholder.style.display = 'none';
iframe.style.display = 'block';
});
});
</script>
</div>
</div>
<div class="text-size-medium text-weight-semibold">Keep you family safe with Kami</div>
</div>
</div>
<div class="logo_wrapper">
<div class="intro_logos" style="will-change: transform; transform: translate3d(-8.095%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><img src="images/brand1-1.svg" loading="lazy" alt="" class="loop_first-logo"><img src="images/brand6-1.svg" loading="lazy" alt=""><img src="images/brand5-1.svg" loading="lazy" alt=""><img src="images/brand4-1.svg" loading="lazy" alt=""><img src="images/brand3-1.svg" loading="lazy" alt=""><img src="images/brand2-1.svg" loading="lazy" alt=""></div>
<div class="intro_logos" style="will-change: transform; transform: translate3d(-8.095%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;"><img src="images/brand1-1.svg" loading="lazy" alt="" class="loop_first-logo"><img src="images/brand6-1.svg" loading="lazy" alt=""><img src="images/brand5-1.svg" loading="lazy" alt=""><img src="images/brand4-1.svg" loading="lazy" alt=""><img src="images/brand3-1.svg" loading="lazy" alt=""><img src="images/brand2-1.svg" loading="lazy" alt=""></div>
</div>
</div>
</div>
</div>
</div>
<div class="section_heading">
<div class="padding-global padding-section-medium">
<div class="container-large">
<div class="intro_content">
<div class="features_heading-wrapper">
<h2 class="heading-style-h1 text-align-center">Meet your new security copilot.</h2>
</div>
</div>
</div>
</div>
</div>
<div class="section_features">
<div class="padding-global padding-section-small">
<div class="container-large">
<div class="features_content">
<div class="feature_grid-wrapper">
<div class="feature_grid">
<div class="feature_name">
<div class="feature-name-wrapper">
<h2 class="heading-3">Kami Cloud:</h2>
<h3 class="heading-2">Safer home, easier life</h3>
</div>
<a href="products/kami-cloud.html" class="feature-link w-inline-block"><img src="images/feature_BTN.svg" loading="lazy" alt="" class="image button-arrow-mobile"></a>
</div>
<div id="w-node-_3f4ee43f-ab1b-c9ec-4d12-a040240bfb47-15b06e77" class="video-wrapper">
<div class="w-embed w-iframe w-script">
<div class="video-wrapper-4">
<img src="images/hero-features-thumbnail-1.png" class="video-placeholder-4" alt="Video Thumbnail">
<iframe class="video-iframe-4" src="" data-src="https://www.youtube.com/embed/qcnVobV3wM4?autoplay=1&controls=1&modestbranding=1&rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
<style>
.video-wrapper-4 {
position: relative;
width: 100%;
max-width: 100%; /* Ensures it scales with the container */
}
.video-placeholder-4 {
width: 100%;
height: 400px; /* Default height for image and video on desktop */
display: block;
border-radius: 30px;
object-fit: cover; /* Added to scale the image */
}
.video-iframe-4 {
width: 100%;
height: 400px; /* Default height for video on desktop */
display: none;
border-radius: 30px;
}
/* Adjust heights for mobile */
@media (max-width: 768px) {
.video-placeholder-4 {
height: 288px; /* Height for image on mobile */
}
.video-iframe-4 {
height: 288px; /* Height for video on mobile */
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
var placeholder = document.querySelector('.video-placeholder-4');
var iframe = document.querySelector('.video-iframe-4');
placeholder.addEventListener('click', function() {
var videoSrc = iframe.getAttribute('data-src');
iframe.setAttribute('src', videoSrc);
placeholder.style.display = 'none';
iframe.style.display = 'block';
});
});
</script>
</div>
</div>
<div class="feature_specs">
<div id="w-node-_4d7fa671-2b7d-bfce-5513-7052d0fe010e-15b06e77" class="feature_spec-info">
<h4>Smart Alerts</h4>
<p>Kami’s AI-vision can detect humans, vehicles and animals. Get custom alerts that matter to you.</p>
</div>
<div id="w-node-_4d7fa671-2b7d-bfce-5513-7052d0fe0113-15b06e77" class="feature_spec-info">
<h4>Secure Cloud Video Storage</h4>
<p>Get instant access to your alert videos anytime, anywhere.</p>
</div>
<div id="w-node-_4d7fa671-2b7d-bfce-5513-7052d0fe0118-15b06e77" class="feature_spec-info">
<h4>AI-powered Cameras</h4>
<p>You can choose from a variety of 2K resolution AI-powered indoor and outdoor cameras.</p>
</div>
</div>
</div>
<div class="feature_grid">
<div class="feature_name">
<div class="feature-name-wrapper">
<h2 class="heading-3">Kami Pro Security:</h2>
<h3 class="heading-2">Protect your whole home effortlessly 24/7</h3>
</div>
<a href="products/kami-pro-security.html" class="feature-link w-inline-block"><img src="images/feature_BTN.svg" loading="lazy" alt="" class="image button-arrow-mobile"></a>
</div>
<div id="w-node-_8bd631a4-bc10-e7f1-f3a9-8b9921117ce6-15b06e77" class="video-wrapper">
<div class="w-embed w-iframe w-script">
<div class="video-wrapper-5">
<img src="images/hero-features-thumbnail-2.png" class="video-placeholder-5" alt="Video Thumbnail">
<iframe class="video-iframe-5" src="" data-src="https://www.youtube.com/embed/Ofig8yr0TqE?autoplay=1&controls=1&modestbranding=1&rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
<style>
.video-wrapper-5 {
position: relative;
width: 100%;
max-width: 100%; /* Ensures it scales with the container */
}
.video-placeholder-5 {
width: 100%;
height: 400px; /* Default height for image and video on desktop */
display: block;
border-radius: 30px;
object-fit: cover; /* Added to scale the image */
}
.video-iframe-5 {
width: 100%;
height: 400px; /* Default height for video on desktop */
display: none;
border-radius: 30px;
}
/* Adjust heights for mobile */
@media (max-width: 768px) {
.video-placeholder-5 {
height: 288px; /* Height for image on mobile */
}
.video-iframe-5 {
height: 288px; /* Height for video on mobile */
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
var placeholder = document.querySelector('.video-placeholder-5');
var iframe = document.querySelector('.video-iframe-5');
placeholder.addEventListener('click', function() {
var videoSrc = iframe.getAttribute('data-src');
iframe.setAttribute('src', videoSrc);
placeholder.style.display = 'none';
iframe.style.display = 'block';
});
});
</script>
</div>
</div>
<div class="feature_specs">
<div id="w-node-_4d7fa671-2b7d-bfce-5513-7052d0fe0128-15b06e77" class="feature_spec-info">
<h4>24/7 Emergency response</h4>
<p>Round-the-clock monitoring for suspicious activities and emergency dispatch in just a few minutes.</p>
</div>
<div id="w-node-_4d7fa671-2b7d-bfce-5513-7052d0fe012d-15b06e77" class="feature_spec-info">
<h4>Only Detect Real Threats</h4>
<p>Only when the camera detects a person, will you be alerted. Other motion from pets, moving curtains/shadows won’t set it off.</p>
</div>
<div id="w-node-_4d7fa671-2b7d-bfce-5513-7052d0fe0132-15b06e77" class="feature_spec-info">
<h4>Video Verification of Alarms</h4>
<p>All suspicious activities will have a video recording for verification and are stored securely for 6 months for future investigation.</p>
</div>
</div>
</div>
<div class="feature_grid">
<div class="feature_name">
<div class="feature-name-wrapper">
<h2 class="heading-3">Fall Detect:</h2>
<h3 class="heading-2">24/7 emergency response and fall detection for seniors living at home</h3>
</div>
<a href="products/fall-detect.html" class="feature-link w-inline-block"><img src="images/feature_BTN.svg" loading="lazy" alt="" class="image button-arrow-mobile"></a>
</div>
<div id="w-node-e9670678-8176-d41b-1b90-b865780c4d11-15b06e77" class="video-wrapper">
<div class="w-embed w-iframe w-script">
<div class="video-wrapper-6">
<img src="images/feature-3-thumbnail.png" class="video-placeholder-6" alt="Video Thumbnail">
<iframe class="video-iframe-6" src="" data-src="https://www.youtube.com/embed/rLiBGGDkrs0?autoplay=1&controls=1&modestbranding=1&rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
<style>
.video-wrapper-6 {
position: relative;
width: 100%;
max-width: 100%; /* Ensures it scales with the container */
}
.video-placeholder-6 {
width: 100%;
height: 400px; /* Default height for image and video on desktop */
display: block;
border-radius: 30px;
object-fit: cover; /* Added to scale the image */
}
.video-iframe-6 {
width: 100%;
height: 400px; /* Default height for video on desktop */
display: none;
border-radius: 30px;
}
/* Adjust heights for mobile */
@media (max-width: 768px) {
.video-placeholder-6 {
height: 288px; /* Height for image on mobile */
}
.video-iframe-6 {
height: 288px; /* Height for video on mobile */
}
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
var placeholder = document.querySelector('.video-placeholder-6');
var iframe = document.querySelector('.video-iframe-6');
placeholder.addEventListener('click', function() {
var videoSrc = iframe.getAttribute('data-src');
iframe.setAttribute('src', videoSrc);
placeholder.style.display = 'none';
iframe.style.display = 'block';
});
});
</script>
</div>
</div>
<div class="feature_specs">
<div id="w-node-_1cf38466-ba02-c3a3-c03f-cc594144ebc8-15b06e77" class="feature_spec-info">
<h4>99.9% Accurate Fall Detection</h4>
<p>Never miss a fall or receive false alerts with Kami Home’s advanced AI fall sensor system.</p>
</div>
<div id="w-node-_1cf38466-ba02-c3a3-c03f-cc594144ebcd-15b06e77" class="feature_spec-info">
<h4>Hassle-free Setup</h4>
<p>Get set up in minutes with the Kami Home app. All you need is WiFi and access to a standard electrical outlet.</p>
</div>
<div id="w-node-_1cf38466-ba02-c3a3-c03f-cc594144ebd2-15b06e77" class="feature_spec-info">
<h4>Fast Emergency Assistance</h4>
<p>Quickly alerts senior’s emergency contacts via SMS and phone call, and Dispatches 911 if needed.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="footer">
<div class="padding-global">
<div class="footer_container">
<div class="footer_top-wrapper">
<div class="footer_top-column1">
<a href="index.html" aria-current="page" class="w-inline-block w--current"><img src="images/kami_logo_white.svg" loading="lazy" alt="" class="footer-logo"></a>
<div class="top_socialmedia-wrapper">
<a href="https://www.facebook.com/KamiHomeOfficial/" class="w-inline-block"><img src="images/facebook_icon.svg" loading="lazy" alt=""></a>
<a href="https://twitter.com/KamiHome" class="w-inline-block"><img src="images/twitter_icon.svg" loading="lazy" alt=""></a>
<a href="https://www.linkedin.com/company/kamivision/" class="w-inline-block"><img src="images/linkedin_icon.svg" loading="lazy" alt=""></a>
<a href="https://www.instagram.com/kamihomesecurity/" class="w-inline-block"><img src="images/instagram_icon.svg" loading="lazy" alt=""></a>
<a href="https://www.youtube.com/@KamiHome/featured" class="w-inline-block"><img src="images/youtube_icon.svg" loading="lazy" alt=""></a>
</div>
</div>
<div id="w-node-f4387c69-da2d-92f6-f095-090d6f137f4e-6f137f3d" class="footer_top-column2">
<div class="text-footer-category">Products</div>
<div class="footer_links-wrapper">
<a href="products/kami-cloud.html" class="link">Kami Cloud</a>
<a href="products/kami-pro-security.html" class="link">Kami Pro Security</a>
<a href="products/fall-detect.html" class="link">Fall Detect</a>
</div>
</div>
<div id="w-node-f4387c69-da2d-92f6-f095-090d6f137f58-6f137f3d" class="footer_top-column3">
<div class="text-footer-category">Company</div>
<div class="footer_links-wrapper">
<a href="https://kamivision.com/about-us/" class="link">About Kami Vision</a>
<a href="how-it-works.html" class="link">How It Works</a>
<a href="https://kamivision.com/kamicare/" class="link">For Businesses</a>
<a href="support.html" class="link">Support</a>
<a href="privacy-policy.html" class="link link-hidden-desktop">Privacy Policy</a>
<a href="refund-policy.html" class="link link-hidden-desktop">Refund Policy</a>
<a href="warranty.html" class="link link-hidden-desktop">Warranty</a>
<a href="terms-of-service.html" class="link link-hidden-desktop">Terms of Service</a>
</div>
</div>
</div>
<div class="footer_line"></div>
<div class="footer-btm-wrapper">
<div class="text-footer-copyright">Copyright © Kami Vision - All rights reserved.</div>
<div class="btm-text-wrapper">
<a href="privacy-policy.html" class="text-footer-btm">Privacy Policy</a>
<a href="refund-policy.html" class="text-footer-btm">Refund Policy</a>
<a href="warranty.html" class="text-footer-btm">Warranty</a>
<a href="terms-of-service.html" class="text-footer-btm">Terms of Service</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6647ac28abe606bb15b06e2a" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
</body></html>