Home Blog Automobile Insurance

Tips for Preventing Car Theft

MONDAY, JANUARY 2, 2023

Every year, thousands of cars are stolen by carjackers looking for a joyride, a getaway car or a quick sale to a chop shop. Most people think that thieves target mostly expensive sports cars, but in many cases, it’s common models that are selected because their interchangeable parts are harvested for profit. The best way to prevent your car from being stolen is to make it a more difficult target. A carjacker wants to select cars that are quick and easy to break into, with parts that are in good condition. How can you make your car a less appealing target?

Always be aware of your surroundings. Keep your windows shut and doors locked when driving through a bad part of town. Avoid parking in such areas; rather, choose a well-lit, populated area to leave your car.

Roll the windows up and lock your car every time you park, even if just for a few minutes. Engage the car’s alarm system if you have one.

Never leave your car running unattended. To that note, never leave an extra key in your car (which includes taped to the underside of the wheel well).

Hide valuables (iPods, cell phones, purses, wrapped gifts etc.) in the glove box or trunk. If left out on the seat, these items become an invitation to thieves.

Put your registration information in your wallet instead of the glove box. This makes it more difficult for carjackers to sell your car if they successfully steal it.

If you must park in an area that causes you worry, consider arming your car with a steering wheel lock.

For those who are serious about security, etching your car’s VIN on each glass panel makes the car as a whole less appealing because the parts are technically damaged.

Every step you take toward protecting your car and arming it against potential theft could qualify you for auto insurance savings. Ask your independent insurance agent if you’re eligible for a safe car discount today!

Protect your property. Call Amco Insurance for more information on Katy, TX auto insurance.

No Comments

Latest News
</div>

<div class="card-body pb-3">
 
   
   
    <ul class="list-unstyled pb-3">
            <li class="media mt-3">
      
      <a href="https://www.emavio.com/modified-whole-life-insurance-explained/" style="max-width:60px;">     
      
      <div class="image bg-white position-relative rounded overflow-hidden" style="height:40px;width:60px;">
            <div class="bg-image" data-bg="https://www.emavio.com/wp-content/uploads/Insurable-Interest-2023-QuickQuote®.svgxml.svg+xml"></div>
          </div> 
      
        </a>
        <div class="media-body ml-3">
          <h5 class="mt-0 mb-2 small"><a href="https://www.emavio.com/modified-whole-life-insurance-explained/" class="text-decoration-none text-dark">
            Modified Whole Life Insurance Explained            </a></h5>
         
        </div>
      </li>
            <li class="media mt-3">
      
      <a href="https://www.emavio.com/how-to-buy-a-house-in-south-carolina-a-comprehensive-guide/" style="max-width:60px;">     
      
      <div class="image bg-white position-relative rounded overflow-hidden" style="height:40px;width:60px;">
            <div class="bg-image" data-bg="https://i0.wp.com/www.emavio.com/wp-content/uploads/How-to-Buy-a-House-in-South-Carolina-A-Comprehensive.jpg?fit=300%2C157&ssl=1"></div>
          </div> 
      
        </a>
        <div class="media-body ml-3">
          <h5 class="mt-0 mb-2 small"><a href="https://www.emavio.com/how-to-buy-a-house-in-south-carolina-a-comprehensive-guide/" class="text-decoration-none text-dark">
            How to Buy a House in South Carolina: A Comprehensive Guide            </a></h5>
         
        </div>
      </li>
            <li class="media mt-3">
      
      <a href="https://www.emavio.com/how-long-after-a-person-dies-will-beneficiaries-be-notified/" style="max-width:60px;">     
      
      <div class="image bg-white position-relative rounded overflow-hidden" style="height:40px;width:60px;">
            <div class="bg-image" data-bg="https://i0.wp.com/www.emavio.com/wp-content/uploads/How-Long-After-a-Person-Dies-Will-Beneficiaries-Be-Notified.jpg?fit=300%2C200&ssl=1"></div>
          </div> 
      
        </a>
        <div class="media-body ml-3">
          <h5 class="mt-0 mb-2 small"><a href="https://www.emavio.com/how-long-after-a-person-dies-will-beneficiaries-be-notified/" class="text-decoration-none text-dark">
            How Long After a Person Dies Will Beneficiaries Be Notified?            </a></h5>
         
        </div>
      </li>
            <li class="media mt-3">
      
      <a href="https://www.emavio.com/do-you-need-excess-flood-insurance/" style="max-width:60px;">     
      
      <div class="image bg-white position-relative rounded overflow-hidden" style="height:40px;width:60px;">
            <div class="bg-image" data-bg="https://i0.wp.com/www.emavio.com/wp-content/uploads/Do-You-Need-Excess-Flood-Insurance.jpg?fit=300%2C252&ssl=1"></div>
          </div> 
      
        </a>
        <div class="media-body ml-3">
          <h5 class="mt-0 mb-2 small"><a href="https://www.emavio.com/do-you-need-excess-flood-insurance/" class="text-decoration-none text-dark">
            Do You Need Excess Flood Insurance?            </a></h5>
         
        </div>
      </li>
            <li class="media mt-3">
      
      <a href="https://www.emavio.com/prepare-for-warmer-weather-with-these-home-maintenance-tips/" style="max-width:60px;">     
      
      <div class="image bg-white position-relative rounded overflow-hidden" style="height:40px;width:60px;">
            <div class="bg-image" data-bg="https://i0.wp.com/www.emavio.com/wp-content/uploads/Prepare-for-warmer-weather-with-these-home-maintenance-tips.jpg?fit=300%2C100&ssl=1"></div>
          </div> 
      
        </a>
        <div class="media-body ml-3">
          <h5 class="mt-0 mb-2 small"><a href="https://www.emavio.com/prepare-for-warmer-weather-with-these-home-maintenance-tips/" class="text-decoration-none text-dark">
            Prepare for warmer weather with these home maintenance tips            </a></h5>
         
        </div>
      </li>
                </ul>
  </div>
</div>
                            <div class="mb-4 text-center">
                            <div class='sellspace-live'>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1965572395453664"
     data-ad-slot="6327819609"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script></div>                            </div>
                            
</aside>
 
        
    </div>   
        
        
	</div>

</div>

<section id="advertising_footer" class="bg-light border-top mobile-mb-4 mobile-pb-4">
  <div class="container">
    <div class="row">
      <div class="col-12 text-center py-4"> <div class='sellspace-live'><a href="https://www.emavio.com/advertising/?selladd=1&ad=footer">
							<div class="sellspace_banner banner_468_60 text-center hidden-xs hidden-sm w-100 mx-auto y-middle rounded" style="max-width:468px; height:60px;">
							<div class="title">Advertise Here</div><div class="pricing">view pricing</div></div></a></div> </div>
    </div>
  </div>
</section>
		<div data-elementor-type="page" data-elementor-id="16152" class="elementor elementor-16152">
									<section class="elementor-section elementor-top-section elementor-element elementor-element-6b7ee225 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="6b7ee225" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-6ea44570" data-id="6ea44570" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-a9fbec elementor-widget elementor-widget-ppt-footer" data-id="a9fbec" data-element_type="widget" data-widget_type="ppt-footer.default">
				<div class="elementor-widget-container">
			<html>
  <body>
    <section data-ppt-blockid="footer1" data-ppt-blocktype="footer" data-ppt-section=""><div class="bg-primary footer-txt-light">
<div class="container">

</div>
</div>

<div class="container py-4 pt-5">
    <div class="row"> 
    
      <div class="col-md-4 text-center text-md-left logo-lg">
      
        <div class="mb-4"> <div class='textlogo navbar-brand-light'>e<span class='text-primary'>Mavio</span></div> </div> 
        
        <div class="lh-30 mobile-mb-2" data-ppt-footerdesc="">Rated #1 in Customer Satisfaction</div>
      
      </div>
      
      <div class="col-6 col-md-3 col-xl-2 text-center text-md-left mobile-mb-2"> 
         
        <div class="fs-5 mb-2 text-600" data-ppt-footer-menutitle1="">Useful Links</div> 
        <div class="lh-30"><ul id="menu-useful-links" class="links-vertical list-unstyled"><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-25187" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Online Quote" href="https://www.emavio.com/online-quote/"><div class='d-inline-flex'><div><span>Online Quote</span></div> </div></a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-17373" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Top Listings" href="https://www.emavio.com/top-listings/"><div class='d-inline-flex'><div><span>Top Listings</span></div> </div></a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2967" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Blog" href="https://www.emavio.com/blog/"><div class='d-inline-flex'><div><span>Blog</span></div> </div></a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-17372" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Testimonials" href="https://www.emavio.com/testimonials/"><div class='d-inline-flex'><div><span>Testimonials</span></div> </div></a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-21610" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Contact" href="https://www.emavio.com/contact/"><div class='d-inline-flex'><div><span>Contact</span></div> </div></a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-17613" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Privacy" href="https://www.emavio.com/privacy/"><div class='d-inline-flex'><div><span>Privacy</span></div> </div></a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-17614" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Terms" href="https://www.emavio.com/terms/"><div class='d-inline-flex'><div><span>Terms</span></div> </div></a></li>
</ul></div>
        
      </div> 
      
      <div class="col-6 col-md-3 col-xl-2 text-center text-md-left mobile-mb-2">
        
        <div class="fs-5 mb-2 text-600" data-ppt-footer-menutitle2="">Quick Search</div> 
        <div class="lh-30"><ul id="menu-members" class="links-vertical list-unstyled"><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-17358" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="How it works" href="https://www.emavio.com/how-it-works/"><div class='d-inline-flex'><div><span>How it works</span></div> </div></a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2973" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="My Account" href="https://www.emavio.com/my-account/"><div class='d-inline-flex'><div><span>My Account</span></div> </div></a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2970" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Add Listing" href="https://www.emavio.com/add-listing/"><div class='d-inline-flex'><div><span>Add Listing</span></div> </div></a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-2971" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="Add Banner" href="https://www.emavio.com/advertising/"><div class='d-inline-flex'><div><span>Add Banner</span></div> </div></a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-21617" class="menu-item menu-item-type-custom menu-item-object-custom"><a title="Most Recent" href="https://emavio.com/?s=&sort=id"><div class='d-inline-flex'><div><span>Most Recent</span></div> </div></a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-17374" class="menu-item menu-item-type-post_type menu-item-object-page"><a title="FAQ" href="https://www.emavio.com/faq/"><div class='d-inline-flex'><div><span>FAQ</span></div> </div></a></li>
</ul></div>
           
      </div> 
   
    
      <div class="col-md-4"> 
      
        <div class="fs-5 mb-2 text-600">Join our newsletter</div>
        <p class="opacity-8 mb-3">We write rarely, but only the best content.</p>

function ajax_newsletter_signup66406(){

jQuery.ajax({
        type: "POST",
        url: 'https://www.emavio.com/',		
		dataType: 'json',
		data: {
            action: "newsletter_join",
			email: jQuery('#ppt_newsletter_mailme66406').val(),	 
        },
        success: function(r) {
			
			if(r.status == "ok"){
				jQuery('#newsletterthankyou66406').show();
				jQuery('#mailinglist-form66406').html('');
			}else{
				jQuery('#mailinglist-form66406').html("Invalid Email Address");
			}
			
        },
        error: function(e) {
            //console.log(e)
        }
    });

}
</script>

<div id="newsletterthankyou66406" style="display:none" class="newsletter-confirmation txt">
	<div class="h4">Email confirmation sent.</div>
	<p>Please check your email for a confirmation email.</p>
	<p class="small">Only once you've confirmed your email will you be subscribed to our newsletter.</p>
</div>

</div>

</form>
<script>
		function IsEmailMailinglist66406(){
		var pattern = new RegExp(/^(("[\w-+\s]+")|([\w-+]+(?:\.[\w-+]+)*)|("[\w-+\s]+")([\w-+]+(?:\.[\w-+]+)*))(@((?:[\w-+]+\.)*\w[\w-+]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][\d]\.|1[\d]{2}\.|[\d]{1,2}\.))((25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\.){2}(25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\]?$)/i);
			var de4 	= document.getElementById("ppt_newsletter_mailme66406");
			
			if(de4.value == ''){
			alert("Please enter your email.");
			de4.style.border = 'thin solid red';
			de4.focus();
			return false;
			}
			if( !pattern.test( de4.value ) ) {	
			alert("Invalid Email Address");
			de4.style.border = 'thin solid blue';
			de4.focus();
			return false;
			}
			ajax_newsletter_signup66406();
		 
		  	return false;
		}		
 </script>

<div class="small opacity-8 mt-4">
          We'll never share your details. See our <a class="opacity-8" href="https://www.emavio.com/privacy/">Privacy Policy</a>
        </div>
    
      </div>

</div>
</div>

</div>

<div class="row px-0">
<div class="col-12">
<div class="my-3"><div style="height:1px;" class="bg-dark opacity-2"> </div></div>
</div>
  <div class="col-md-6">
    <div class="copyright opacity-8 lh-30" data-ppt-copyright="">© 2023 Copyright by TANK Worldwide, Inc. All rights reserved.</div>
  </div>
  <div class="col-md-6 text-right d-none d-md-block">
  <div class="ppt-icons-social  _style5 size-md rounded">
                <ul>
               
                                 <li class="facebook">
                 <a href="#" title="facebook" class="icon-facebook" rel="nofollow" target="_blank">
                 
                 <i class="fab fa-facebook"></i>
                 
                                  
                 </a></li>
                                 <li class="twitter">
                 <a href="#" title="twitter" class="icon-twitter" rel="nofollow" target="_blank">
                 
                 <i class="fab fa-twitter"></i>
                 
                                  
                 </a></li>
                                 <li class="instagram">
                 <a href="#" title="instagram" class="icon-instagram" rel="nofollow" target="_blank">
                 
                 <i class="fab fa-instagram"></i>
                 
                                  
                 </a></li>
                                 <li class="youtube">
                 <a href="#" title="youtube" class="icon-youtube" rel="nofollow" target="_blank">
                 
                 <i class="fab fa-youtube"></i>
                 
                                  
                 </a></li>
                                </ul> 
                </div>
                
  </div>
</div>
</div>
</div>
</section>
  </body>
</html>		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
							</div>
		</main>
</div>

<div class="footer-nav-area hidepage " style="display:none;" id="mobile-bottom-bar">
      <div class="container h-100 px-0">
        <div class="suha-footer-nav h-100">
          <ul class="h-100 list-unstyled d-flex align-items-center justify-content-between pl-0">
       
    
	<li><a href="https://emavio.com" class="">
        <i class="fal fa-home"></i> Home</a></li>
	    
	    
	<li><a href="https://emavio.com/?s=" class="">
        <i class="fal fa-search"></i> Search</a></li>
	    
	    
     <li> <a href="https://www.emavio.com/add-listing/" class="menu-add bg-primary "><i class="fa fa-plus text-white"></i> </a></li> 
     
        
	<li><a href="https://www.emavio.com/my-account/" class="">
        <i class="fa fa-poll-people"></i> My Account</a></li>
	    
	    
	<li><a href="https://www.emavio.com/online-quote/" class="">
        <i class="fal fa-newspaper"></i> Quote</a></li>
	    
	 
    
          </ul>
        </div>
      </div>
</div>

/* Scroll Depth */
		"use strict";
		var defaults = {
		percentage: true
		};

var $window = $(window),
		cache = [],
		scrollEventBound = false,
		lastPixelDepth = 0;

/*
		* Plugin
		*/

$.scrollDepth = function(options) {

var startTime = +new Date();

options = $.extend({}, defaults, options);

/*
		* Functions
		*/

function sendEvent(action, label, scrollDistance, timing) {
		if ( 'undefined' === typeof MonsterInsightsObject || 'undefined' === typeof MonsterInsightsObject.sendEvent ) {
		return;
		}
			var type        = 'event';
	var eventName   = action;
	var fieldsArray = {
	event_category : 'Scroll Depth',
	event_label    : label,
	value          : 1,
	non_interaction: true,
	send_to: 'UA-53851063-11'
	};

MonsterInsightsObject.sendEvent( type, eventName, fieldsArray );

if (arguments.length > 3) {
	var type        = 'event';
	var eventName   = 'timing_complete';
	fieldsArray = {
	event_category : 'Scroll Depth',
	name           : action,
	event_label    : label,
	value          : timing,
	non_interaction: 1,
	send_to: 'UA-53851063-11'
	};

MonsterInsightsObject.sendEvent( type, eventName, fieldsArray );
	}
		var paramName = action.toLowerCase();
	var fieldsArray = {
	send_to: 'G-RFPNPDP8TK',
	non_interaction: true
	};
	fieldsArray[paramName] = label;

if (arguments.length > 3) {
	fieldsArray.scroll_timing = timing
	MonsterInsightsObject.sendEvent('event', 'scroll_depth', fieldsArray);
	} else {
	MonsterInsightsObject.sendEvent('event', 'scroll_depth', fieldsArray);
	}
			}

function calculateMarks(docHeight) {
		return {
		'25%' : parseInt(docHeight * 0.25, 10),
		'50%' : parseInt(docHeight * 0.50, 10),
		'75%' : parseInt(docHeight * 0.75, 10),
		/* Cushion to trigger 100% event in iOS */
		'100%': docHeight - 5
		};
		}

function rounded(scrollDistance) {
		/* Returns String */
		return (Math.floor(scrollDistance/250) * 250).toString();
		}

function init() {
		bindScrollDepth();
		}

/*
		* Public Methods
		*/

/* Reset Scroll Depth with the originally initialized options */
		$.scrollDepth.reset = function() {
		cache = [];
		lastPixelDepth = 0;
		$window.off('scroll.scrollDepth');
		bindScrollDepth();
		};

/* Add DOM elements to be tracked */
		$.scrollDepth.addElements = function(elems) {

if (typeof elems == "undefined" || !$.isArray(elems)) {
		return;
		}

$.merge(options.elements, elems);

/* If scroll event has been unbound from window, rebind */
		if (!scrollEventBound) {
		bindScrollDepth();
		}

};

/* Remove DOM elements currently tracked */
		$.scrollDepth.removeElements = function(elems) {

if (typeof elems == "undefined" || !$.isArray(elems)) {
		return;
		}

$.each(elems, function(index, elem) {

var inElementsArray = $.inArray(elem, options.elements);
		var inCacheArray = $.inArray(elem, cache);

if (inElementsArray != -1) {
		options.elements.splice(inElementsArray, 1);
		}

if (inCacheArray != -1) {
		cache.splice(inCacheArray, 1);
		}

});

};

/*
		* Throttle function borrowed from:
		* Underscore.js 1.5.2
		* http://underscorejs.org
		* (c) 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
		* Underscore may be freely distributed under the MIT license.
		*/

/*
		* Scroll Event
		*/

function bindScrollDepth() {

scrollEventBound = true;

$window.on('scroll.scrollDepth', throttle(function() {
		/*
		* We calculate document and window height on each scroll event to
		* account for dynamic DOM changes.
		*/

var docHeight = $(document).height(),
		winHeight = window.innerHeight ? window.innerHeight : $window.height(),
		scrollDistance = $window.scrollTop() + winHeight,

/* Recalculate percentage marks */
		marks = calculateMarks(docHeight),

/* Timing */
		timing = +new Date - startTime;

checkMarks(marks, scrollDistance, timing);
		}, 500));

}

init();
		};

/* UMD export */
		return $.scrollDepth;

}));

jQuery.scrollDepth();
		} else {
		setTimeout(monsterinsights_scroll_tracking_load, 200);
		}
		}
		monsterinsights_scroll_tracking_load();
		});
		}
		/* End MonsterInsights Scroll Tracking */
		
</script><script src="https://c0.wp.com/p/jetpack/11.9.1/_inc/build/photon/photon.min.js" id="jetpack-photon-js"></script>
<script type='text/javascript' id='jshowoff-adrotate-js-extra'>
/* <![CDATA[ */
var impression_object = {"ajax_url":"https:\/\/www.emavio.com\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script src="https://www.emavio.com/wp-content/plugins/adrotate/library/jquery.adrotate.dyngroup.js" id="jshowoff-adrotate-js"></script>
<script type='text/javascript' id='clicktrack-adrotate-js-extra'>
/* <![CDATA[ */
var click_object = {"ajax_url":"https:\/\/www.emavio.com\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script src="https://www.emavio.com/wp-content/plugins/adrotate/library/jquery.adrotate.clicktracker.js" id="clicktrack-adrotate-js"></script>
<script type='text/javascript' id='monsterinsights-user-journey-js-extra'>
/* <![CDATA[ */
var monsterinsights_user_journey = {"is_ssl":"1","page_id":"26151"};
/* ]]> */
</script>
<script src="https://www.emavio.com/wp-content/plugins/monsterinsights-user-journey/assets/js/frontend/user-journey.js?ver=1.0.6" id="monsterinsights-user-journey-js"></script>

<script type="text/javascript">
jQuery(document).ready(function(){
if(jQuery.fn.gslider) {
	jQuery('.g-1').gslider({ groupid: 1, speed: 6000 });
	jQuery('.g-5').gslider({ groupid: 5, speed: 6000 });
}
});
</script>

<div class="p-3 bg-white rounded shadow-lg position-relative" style="min-width: 250px; max-width:400px;">
  <div class="d-flex">
    <div>
      <div style="height:50px; width:50px;" class="rounded bg-light mr-4 position-relative">
        <div class="bg-image rounded bg-light">
        </div>
      </div>
    </div>
    <div class="pr-5">
      <div ppt-icon-24 data-ppt-icon-size="24" class="btn-close position-absolute" style="right:10px; top:10px;cursor:pointer;">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>      </div>
      <a href="#" class="_link btn-close text-dark">
      <div class="_username">
        <strong>Sammy</strong> has updated her photo. Do you like it?
      </div>
      </a>
    </div>
  </div>
</div>
 
</div>

<div ppt-box class="rounded">
  <div class="_content py-3">
    <div class="d-flex">
      <div style="width:150px;" class="hide-mobile">
        <div style="height:60px; width:60px;" class="bg-light rounded position-relative overflow-hidden" ppt-flex-middle>
          <div ppt-icon-size="32" data-ppt-icon class="text-warning">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" /></svg>          </div>
        </div>
      </div>
      <div class="w-100 mx-3" ppt-flex>
        <div class="text-600 fs-5">
          New Notification        </div>
        <div class="lh-20 mt-2 fs-sm">
          You have a new notification.        </div>
      </div>
      <div ppt-flex-between ppt-flex-end>
        <a href="#" class="btn-close _ok btn-warning" data-ppt-btn>
        <div ppt-icon-size="24" data-ppt-icon>
          <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122" /></svg>        </div>
        </a> <a href="#" class="btn-system  _cancel btn-close hide-mobile"  data-ppt-btn>
        <div ppt-icon-size="24" data-ppt-icon>
          <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>        </div>
        </a>
      </div>
    </div>
  </div>
</div>  
</div>

<div class="bg-white p-3 rounded shadow" style="max-width:400px;">
          <div class="d-flex">
            <div>
              <div style="height:50px; width:50px;" class="rounded bg-light mr-4 position-relative">
                <div class="bg-image rounded" data-bg=""> </div>
              </div>
            </div>
            <div class="fs-5">
              <strong class="_username">Mark</strong> Has sent you a message, take a look!            </div>
          </div> 
        
        <div class="d-flex w-100 mt-4"> 
          <button class="_ok w-100 btn-primary btn-close" data-ppt-btn>Read</button>
          <button class="_cancel w-100 btn-system btn-close" data-ppt-btn>Cancel</button> 
        </div>
      </div>
</div> 
</div>

<div class="card-body">
          <div class="d-flex">
            <div>
              <div style="height:50px; width:50px;" class="rounded bg-light mr-4 position-relative">
                <div class="bg-image rounded" data-bg="">
                </div>
              </div>
            </div>
            <div class="_msg_login"><a href="#" class="_link"><strong class="_username">Mark</strong> Has just logged in. Say hello!</a></div>
            <div class="_msg_logout"><a href="#" class="_link"><strong class="_username">Mark</strong> Has just logged of. Say Goodbye.</a></div>
           <div class="_msg_upgrade"><a href="#" class="_link"><strong class="_username">Mark</strong> Has has just upgraded their account.</a></div>
           
            
          </div>
        </div> 
</div>