| Server IP : 172.67.201.108 / Your IP : 216.73.216.11 Web Server : Apache/2.4.68 (Amazon Linux) OpenSSL/3.5.5 System : Linux ip-172-31-69-123.ec2.internal 6.1.176-223.369.amzn2023.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Jul 24 13:34:27 UTC 2026 x86_64 User : ec2-user ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/home2/domains/nycyouth/Package-HTML/Canvas 7 Files/ |
Upload File : |
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="author" content="SemiColonWeb">
<meta name="description" content="Get Canvas to build powerful websites easily with the Highly Customizable & Best Selling Bootstrap Template, today.">
<!-- Font Imports -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap" rel="stylesheet">
<!-- Core Style -->
<link rel="stylesheet" href="style.css">
<!-- Font Icons -->
<link rel="stylesheet" href="css/font-icons.css">
<link rel="stylesheet" href="one-page/css/et-line.css">
<link rel="stylesheet" href="demos/spa/css/fonts/spa-icons.css">
<!-- SLIDER REVOLUTION 5.x CSS SETTINGS -->
<link rel="stylesheet" href="include/rs-plugin/css/settings.css" media="screen">
<link rel="stylesheet" href="include/rs-plugin/css/layers.css">
<link rel="stylesheet" href="include/rs-plugin/css/navigation.css">
<!-- Niche Demos -->
<link rel="stylesheet" href="demos/beauty-kit/beauty-kit.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Beauty Demo | Canvas</title>
</head>
<body class="stretched side-header">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" class="dark bg-color">
<div id="header-wrap">
<div class="container">
<div class="header-row justify-content-lg-between">
<!-- Logo
============================================= -->
<div id="logo">
<a href="index.html">
<img class="logo-default" srcset="demos/beauty-kit/images/logo.png, demos/beauty-kit/images/[email protected] 2x" src="demos/beauty-kit/images/[email protected]" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
<div class="primary-menu-trigger">
<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
</button>
</div>
<div class="header-misc">
<div class="d-none d-md-flex mb-lg-5">
<a href="https://facebook.com/semicolonweb" target="_blank" class="social-icon si-small rounded-circle bg-white bg-opacity-10 h-bg-facebook">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="https://twitter.com/__semicolon" target="_blank" class="social-icon si-small rounded-circle bg-white bg-opacity-10 h-bg-twitter">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="https://instagram.com/semicolonweb" target="_blank" class="social-icon si-small rounded-circle bg-white bg-opacity-10 h-bg-instagram">
<i class="bi-instagram"></i>
<i class="bi-instagram"></i>
</a>
</div>
<a href="#" data-scrollto="#price" class="button button-circle fw-normal d-lg-none" data-offset="85" data-easing="easeInOutExpo" data-speed="1250"><span class="d-block d-md-none"><i class="bi-bag text-larger w-auto m-0"></i></span><span class="d-none d-md-block">Buy Our Pack <i class="bi-caret-right-fill m-0 ls-0"></i></span></a>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu">
<ul class="one-page-menu menu-container" data-easing="easeInOutExpo" data-speed="1250" data-offset="0">
<li class="menu-item"><a class="menu-link" href="#" data-href="#slider"><div>Home</div></a></li>
<li class="menu-item"><a class="menu-link" href="#" data-href="#about"><div>About</div></a></li>
<li class="menu-item"><a class="menu-link" href="#" data-href="#video"><div>Video</div></a></li>
<li class="menu-item"><a class="menu-link" href="#" data-href="#services"><div>Services</div></a></li>
<li class="menu-item"><a class="menu-link" href="#" data-href="#blog"><div>Blog</div></a></li>
<li class="menu-item"><a class="menu-link" href="#" data-href="#footer"><div>Contact</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
</header><!-- #header end -->
<!-- Slider
============================================= -->
<section id="slider" class="slider-element page-section bg-color" style="padding: 100px 0">
<div class="container dark">
<div class="row">
<div class="col-xl-7 col-lg-9 offset-1">
<div class="heading-block mb-4 border-bottom-0">
<div class="before-heading color-light">Get Started</div>
<h2 class="text-transform-none ls-0 fw-normal">Your skin changes, your skincare should too.</h2>
</div>
<p>Professionally plagiarize innovative growth strategies after clicks-and-mortar methods of empowerment. Competently.</p>
<a href="#" data-scrollto="#price" class="button button-circle button-xlarge fw-normal ms-0 ls-1 text-uppercase" data-offset="85" data-easing="easeInOutExpo" data-speed="1250">Buy Our Pack <i class="bi-caret-right-fill m-0 ls-0"></i></a>
</div>
</div>
</div>
<div class="hero-img">
<div class="fslider" data-arrows="true" data-autplay="5000" data-pagi="false" data-speed="400" data-pause="4000" data-loop="true">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide"><img src="demos/beauty-kit/images/hero/1.jpg" alt="Slider Image"></div>
<div class="slide"><img src="demos/beauty-kit/images/hero/2.jpg" alt="Slider Image"></div>
<div class="slide"><img src="demos/beauty-kit/images/hero/3.jpg" alt="Slider Image"></div>
</div>
</div>
</div>
<div class="feature-box-wrap mt-5 mt-md-3 dark">
<div class="row col-mb-50 mx-0">
<div class="col-md-4 mt-md-5 px-4">
<div class="feature-box media-box color3">
<div class="fbox-media">
<a href="#"><i class="spa-leaves"></i></a>
</div>
<div class="fbox-desc">
<h3 class="text-transform-none ls-0 text-white">100% Orgnaic & Naturals</h3>
<p class="text-white-50">Globally mesh multifunctional without competitive benefits. Synergistically procrastinate effective.</p>
</div>
</div>
</div>
<div class="col-md-4 mt-md-5 px-4">
<div class="feature-box media-box color3">
<div class="fbox-media">
<a href="#"><i class="spa-ointment2"></i></a>
</div>
<div class="fbox-desc">
<h3 class="text-transform-none ls-0 text-white">No Artificial Stuffs</h3>
<p class="text-white-50">Seamlessly create team driven partnerships through state of the art scenarios.</p>
</div>
</div>
</div>
<div class="col-md-4 mt-md-5 px-4">
<div class="feature-box media-box color3">
<div class="fbox-media">
<a href="#"><i class="spa-flowers-bowl"></i></a>
</div>
<div class="fbox-desc">
<h3 class="text-transform-none ls-0 text-white">Better Ingredients</h3>
<p class="text-white-50">Globally deploy cost effective internal, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum est.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap p-0">
<div class="section m-0 p-0 page-section bg-color-light">
<div class="row g-0 align-items-stretch">
<div class="col-md-6 bg-color"><img src="demos/beauty-kit/images/sections/1.png" alt="Image"></div>
<div class="col-md-6 ps-4 pt-0 pt-md-3 align-self-center">
<div class="col-padding">
<div class="heading-block border-0">
<div class="before-heading color">Our Services</div>
<h2 class="text-transform-none ls-1 fw-bold" style="font-size: 34px">What we do?</h2>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio veritatis qui asperiores, quae beatae autem repudiandae praesentium reiciendis illum minus fugiat animi molestiae nobis! Harum atque quod, similique maiores itaque dolorum sequi, expedita. Omnis, ex!</p>
<a href="#" data-scrollto="#price" class="button button-circle button-large bg-color2 fw-normal ms-0 ls-1 text-uppercase" data-offset="85" data-easing="easeInOutExpo" data-speed="1250">Know more about Kit <i class="bi-caret-right-fill m-0"></i></a>
</div>
</div>
</div>
</div>
<!-- Section About
============================================= -->
<div id="about" class="section m-0 page-section" style="background-image: linear-gradient(to bottom, #ECD49A 70%, #FFF 70%);">
<div class="container">
<div class="row justify-content-between align-items-center justify-content-sm-center mb-4">
<div class="col-xl-7 col-md-7 mt-5 mb-sm-0 order-sm-1">
<div class="col-12">
<!-- Heading -->
<div class="heading-block">
<div class="before-heading color mb-4">Our Services</div>
<h2 class="text-transform-none ls-1 fw-bold color mb-4" style="font-size: 34px;">Experienced & Trusted by <span>16,000+</span> People worldwide</h2>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio veritatis qui asperiores, quae beatae autem repudiandae praesentium.</p>
</div>
</div>
<div class="row mx-0">
<div class="col-6 mb-5">
<h2 class="display-4 fw-bold mb-2 color2">4.8</h2>
<div class="product-rating mb-3 color3">
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
</div>
<span>2,0321 Ratings</span>
</div>
<div class="col-6 mb-5">
<h2 class="display-4 fw-bold mb-2 color2">A++</h2>
<div class="product-rating mb-3 color3">
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
</div>
<span>131+ Satisfied Customer Reviews</span>
</div>
</div>
</div>
<div class="d-none d-md-block col-md-5 col-xl-4 order-sm-2">
<img src="demos/beauty-kit/images/sections/2.png" alt="Image">
</div>
</div>
<div class="clear"></div>
<!-- Shop
============================================= -->
<div id="shop" class="shop row justify-content-center mt-5 mt-md-0 col-mb-50">
<div class="col-9 col-md-4 text-center px-md-3 px-xl-5">
<div class="grid-inner">
<div class="product-image">
<a href="#"><img src="demos/beauty-kit/images/products/1.png" alt="Product Image"></a>
<div class="bg-overlay">
<div class="bg-overlay-content align-items-center justify-content-center" data-hover-animate="fadeIn" data-hover-speed="400">
<a href="#" class="button button-xlarge bg-color2 text-light h-text-light h-op-09 ls-1 text-uppercase"><i class="bi-bag"></i> Buy</a>
</div>
</div>
</div>
<div class="product-desc">
<div class="product-title mb-1">
<h3><a href="#">Glowy Skin Bundle</a></h3>
</div>
<div class="product-price"><ins class="color">$12.49</ins></div>
</div>
</div>
</div>
<div class="col-9 col-md-4 text-center px-md-3 px-xl-5">
<div class="grid-inner">
<div class="product-image">
<a href="#"><img src="demos/beauty-kit/images/products/2.png" alt="Product Image"></a>
<div class="bg-overlay">
<div class="bg-overlay-content align-items-center justify-content-center" data-hover-animate="fadeIn" data-hover-speed="400">
<a href="#" class="button button-xlarge bg-color2 text-light h-text-light h-op-09 ls-1 text-uppercase"><i class="bi-bag"></i> Buy</a>
</div>
</div>
</div>
<div class="product-desc">
<div class="product-title mb-1">
<h3><a href="#">Selfcare Body Pack</a></h3>
</div>
<div class="product-price"><ins class="color">$12.49</ins></div>
</div>
</div>
</div>
<div class="col-9 col-md-4 text-center px-md-3 px-xl-5">
<div class="grid-inner">
<div class="product-image">
<a href="#"><img src="demos/beauty-kit/images/products/3.png" alt="Product Image"></a>
<div class="bg-overlay">
<div class="bg-overlay-content align-items-center justify-content-center" data-hover-animate="fadeIn" data-hover-speed="400">
<a href="#" class="button button-xlarge bg-color2 text-light h-text-light h-op-09 ls-1 text-uppercase"><i class="bi-bag"></i> Buy</a>
</div>
</div>
</div>
<div class="product-desc">
<div class="product-title mb-1">
<h3><a href="#">Virgin Body Care Pack</a></h3>
</div>
<div class="product-price"><ins class="color">$12.49</ins></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section Video
============================================= -->
<div id="video" class="section page-section m-0" style="background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url('demos/beauty-kit/images/sections/section-video.jpg') no-repeat center center / cover; padding: 250px 0">
<div class="container">
<div class="d-flex justify-content-center align-items-center">
<a href="https://www.youtube.com/watch?v=P3Huse9K6Xs" data-lightbox="iframe" class="text-white d-flex align-items-center">
<i class="fa-solid fa-circle-play display-2 me-5"></i>
<h2 class="h1 fw-normal col text-white lh-base" style="text-decoration: underline">
Canvas Skin<br> Care System
</h2>
</a>
</div>
</div>
</div>
<!-- Section Services
============================================= -->
<div id="services" class="section page-section m-0" style="background-color: #FFF; padding: 120px 0">
<div class="container">
<div class="row">
<div class="col-md-4 px-4 mb-5 mb-md-0">
<div class="feature-box media-box">
<div class="fbox-media">
<a href="#"><i class="spa-leaves"></i></a>
</div>
<div class="fbox-desc">
<h3 class="text-transform-none ls-0 color">100% Orgnaic & Naturals</h3>
<p class="text-black-50">Globally mesh multifunctional without competitive benefits. Synergistically procrastinate effective.</p>
</div>
</div>
</div>
<div class="col-md-4 px-4 mb-5 mb-md-0">
<div class="feature-box media-box color3">
<div class="fbox-media">
<a href="#"><i class="spa-ointment2"></i></a>
</div>
<div class="fbox-desc">
<h3 class="text-transform-none ls-0 color">No Artificial Stuffs</h3>
<p class="text-black-50">Seamlessly create team driven partnerships through state of the art scenarios.</p>
</div>
</div>
</div>
<div class="col-md-4 px-4 mb-5 mb-md-0">
<div class="feature-box media-box color2">
<div class="fbox-media">
<a href="#"><i class="spa-flowers-bowl"></i></a>
</div>
<div class="fbox-desc">
<h3 class="text-transform-none ls-0 color">Better Ingredients</h3>
<p class="text-black-50">Globally deploy cost effective internal, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum est.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Before - After
============================================= -->
<div class="section m-0 bg-color">
<div class="container">
<div class="row align-items-center gutter-50">
<div class="col-xl-7 col-lg-6">
<div class="twentytwenty-container">
<img src="demos/beauty-kit/images/others/before.jpg" class="w-100" alt="Image 1">
<img src="demos/beauty-kit/images/others/after.jpg" class="w-100" alt="Image 2">
</div>
</div>
<div class="col-xl-5 col-lg-6">
<div class="heading-block dark mb-4">
<div class="before-heading color-light">Difference</div>
<h2 class="text-transform-none ls-1 fw-bold mt-2">Before & After</h2>
</div>
<p class="text-white-50 fw-normal mt-3">Incidunt reprehenderit itaque dicta pariatur ipsam officiis nobis quo deleniti optio ducimus, aliquid, impedit tempore neque dolorum. Ea vitae iure magni rem. Synergistically extend future-proof meta-services whereas resource sucking e-services. Dramatically supply next-generation.</p>
<a href="#" class="button button-circle button-xlarge ls-0 text-transform-none fw-normal mx-0 ls-1 text-uppercase">Learn More</a>
</div>
</div>
</div>
</div>
<!-- Section Blog
============================================= -->
<div id="blog" class="section bg-transparent mb-0 mt-3 page-section">
<div class="container mx-auto" style="max-width: 960px">
<div class="heading-block mx-auto text-center" style="max-width: 500px">
<div class="before-heading text-center noborder ps-0 color mb-4">What People are Saying</div>
<h2 class="text-transform-none ls-0 fw-bold color mb-4" style="font-size: 38px; line-height: 1.4">We’re changing the way you go to the doctor</h2>
</div>
<div class="row justify-content-between mb-4 posts-md">
<div class="col-sm-4 px-5 px-sm-2 mb-5 mb-sm-0">
<div class="entry imagescalein">
<div class="entry-image overflow-hidden">
<a href="#"><img class="op-ts op-1 h-op-06" src="demos/beauty-kit/images/skincare/1.jpg" alt="Image"></a>
</div>
<div class="entry-title">
<h3><a class="color2" href="#">Distinctively syndicate team driven e-markets after goal-oriented.</a></h3>
</div>
<div class="entry-content">
<blockquote class="fw-light">
Neque nesciunt molestias soluta esse debitis. Magni impedit quae consectetur consequuntur.
</blockquote>
</div>
</div>
</div>
<div class="col-sm-4 px-5 px-sm-2 mb-5 mb-sm-0">
<div class="entry imagescalein">
<div class="entry-image overflow-hidden">
<a href="#"><img class="op-ts op-1 h-op-06" src="demos/beauty-kit/images/skincare/2.jpg" alt="Image"></a>
</div>
<div class="entry-title">
<h3><a class="color" href="#">Wobbly stocks underpin yen and Swiss franc; dollar subdued</a></h3>
</div>
<div class="entry-content">
<blockquote class="fw-light">
Progressively underwhelm dynamic vortals via interdependent e-commerce. Dramatically visualize distinctive resources.
</blockquote>
</div>
</div>
</div>
<div class="col-sm-4 px-5 px-sm-2 mb-5 mb-sm-0">
<div class="entry imagescalein">
<div class="entry-image overflow-hidden">
<a href="#"><img class="op-ts op-1 h-op-06" src="demos/beauty-kit/images/skincare/3.jpg" alt="Image"></a>
</div>
<div class="entry-title">
<h3><a class="color" href="#">Distinctively syndicate team driven e-markets after goal-oriented.</a></h3>
</div>
<div class="entry-content">
<blockquote class="fw-light">
Completely fashion adaptive technology via market-driven architectures. Rapidiously fabricate out-of-the-box infrastructures rather than backward-compatible.
</blockquote>
</div>
</div>
</div>
</div>
</div>
<!-- Background Image -->
<img src="demos/beauty-kit/images/others/nailpolish.png" alt="Image" style="position: absolute; right: 20px; bottom: -80px; width: 270px; height: auto; opacity: 1; ">
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="page-section bg-color dark">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row justify-content-between">
<div class="col-md-5">
<img src="demos/beauty-kit/images/[email protected]" alt="Image" width="180">
<p class="fw-normal">Monotonectally re-engineer optimal architectures without principle-centered markets. Continually synergize B2B channels before ethical.</p>
<div class="line line-sm border-contrast-200"></div>
<div class="row justify-content-between">
<div class="col-7">
<span class="text-white-50 d-block mb-1 font-secondary">Address:</span>
<address class="h6 mb-3 color3 font-primary" style="line-height: 1.5">
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107
</address>
</div>
<div class="col-5">
<div>
<span class="text-white-50 d-block mb-1 font-secondary">Call Us:</span>
<div class="h6 color3 font-primary">(0) 22 55412474</div>
</div>
<div class="mt-3">
<span class="text-white-50 d-block mb-1 font-secondary">Send an Email:</span>
<div class="h6 color3 font-primary">[email protected]</div>
</div>
</div>
</div>
</div>
<div class="col-md-5 mt-5 mt-md-4">
<div id="q-contact" class="widget quick-contact-widget form-widget">
<h4 class="text-transform-none ls-0">Quick Contact</h4>
<div class="form-result"></div>
<form id="quick-contact-form" name="quick-contact-form" action="include/form.php" method="post" class="quick-contact-form mb-0">
<div class="form-process"></div>
<input type="text" class="required form-control mb-2" id="quick-contact-form-name" name="quick-contact-form-name" value="" placeholder="Full Name">
<input type="text" class="required form-control email mb-2" id="quick-contact-form-email" name="quick-contact-form-email" value="" placeholder="Email Address">
<textarea class="required form-control mb-2 short-textarea" id="quick-contact-form-message" name="quick-contact-form-message" rows="6" cols="30" placeholder="Message"></textarea>
<input type="text" class="d-none" id="quick-contact-form-botcheck" name="quick-contact-form-botcheck" value="">
<input type="hidden" name="prefix" value="quick-contact-form-">
<button type="submit" id="quick-contact-form-submit" name="quick-contact-form-submit" class="button button-circle button-large w-100 fw-normal mt-2 ls-1 text-uppercase mx-0" value="submit">Send Email</button>
</form>
</div>
</div>
<div class="col-8 mt-5 text-center offset-2 d-flex border border-contrast-200 text-white-50 p-3 fw-light">
These statements have not been evaluated appropriately parallel task future-proof information and future-proof methods of empowerment. Collaboratively.
</div>
</div>
</div>
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights" class="bg-transparent border-top border-contrast-300">
<div class="container">
<div class="row col-mb-30">
<div class="col-md-6 text-center text-md-start">
Copyrights © 2023 All Rights Reserved by Canvas Inc.
</div>
<div class="col-md-6 text-center text-md-end">
<div class="d-flex justify-content-center justify-content-md-end">
<a href="#" class="social-icon si-small border-transparent h-bg-facebook">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#" class="social-icon si-small border-transparent h-bg-twitter">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon si-small border-transparent h-bg-google">
<i class="fa-brands fa-google"></i>
<i class="fa-brands fa-google"></i>
</a>
<a href="#" class="social-icon si-small border-transparent h-bg-pinterest">
<i class="fa-brands fa-pinterest-p"></i>
<i class="fa-brands fa-pinterest-p"></i>
</a>
<a href="#" class="social-icon si-small border-transparent h-bg-vimeo">
<i class="fa-brands fa-vimeo-v"></i>
<i class="fa-brands fa-vimeo-v"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up rounded-circle bg-color3"></div>
<!-- JavaScripts
============================================= -->
<script src="js/jquery.js"></script>
<script src="js/functions.js"></script>
<!-- Image Changer -->
<script src="js/components/event.move.js"></script>
<script src="js/components/image-changer.js"></script>
<script>
jQuery(window).on( 'load', function(){
jQuery(".twentytwenty-container[data-orientation!='vertical']").twentytwenty({default_offset_pct: 0.5});
});
</script>
</body>
</html>