whoami7 - Manager
:
/
home
/
kckglobal
/
cloud.kckglobal.net
/
modules
/
saas
/
public
/
landingpage
/
themes
/
productly
/
Upload File:
files >> //home/kckglobal/cloud.kckglobal.net/modules/saas/public/landingpage/themes/productly/index.html
<!DOCTYPE html> <html lang="en-US" dir="ltr" class="chrome windows fontawesome-i2svg-active fontawesome-i2svg-complete"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- ===============================================--> <!-- Document Title--> <!-- ===============================================--> <title>Productly | Design Agency Landing Page UI</title> <!-- ===============================================--> <!-- Favicons--> <!-- ===============================================--> <style type="text/css">svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}</style><link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png"> <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicons/favicon.png"> <link rel="manifest" href="assets/img/favicons/manifest.json"> <meta name="msapplication-TileImage" content="assets/img/favicons/mstile-150x150.png"> <meta name="theme-color" content="#ffffff"> <!-- ===============================================--> <!-- Stylesheets--> <!-- ===============================================--> <link href="assets/css/theme.css" rel="stylesheet"> </head> <body> <!-- ===============================================--> <!-- Main Content--> <!-- ===============================================--> <main class="main" id="top"> <nav class="navbar navbar-expand-lg navbar-light sticky-top backdrop" data-navbar-on-scroll="data-navbar-on-scroll" style="background-image: none; background-color: rgb(249, 250, 253);"> <div class="container"><a class="navbar-brand" href="index.html"><img src="assets/img/logo.svg" height="31" alt="logo"></a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"> </span></button> <div class="collapse navbar-collapse border-top border-lg-0 mt-4 mt-lg-0" id="navbarSupportedContent"> <ul class="navbar-nav ms-auto"> <li class="nav-item"><a class="nav-link" aria-current="page" href="#feature">Product</a></li> <li class="nav-item"><a class="nav-link" aria-current="page" href="#validation">Customers</a></li> <li class="nav-item"><a class="nav-link" aria-current="page" href="#superhero">Pricing</a></li> </ul> </div> </div> </nav> <section class="pt-7"> <div class="container"> <div class="row align-items-center"> <div class="col-md-6 text-md-start text-center py-6"> <h1 class="mb-4 fs-9 fw-bold">The Design Thinking Superpowers</h1> <p class="mb-6 lead text-secondary">Tools tutorials, design and innovation experts, all<br class="d-none d-xl-block">in one place! The most intuitive way to imagine<br class="d-none d-xl-block">your next user experience.</p> </div> <div class="col-md-6 text-end"><img class="pt-7 pt-md-0 img-fluid" src="assets/img/hero/hero-img.png" alt=""></div> </div> </div> </section> <!-- ============================================--> <!-- <section> begin ============================--> <section class="pt-5 pt-md-9 mb-6" id="feature"> <div class="bg-holder z-index--1 bottom-0 d-none d-lg-block" style="background-image:url(assets/img/category/shape.png);opacity:.5;"> </div> <!--/.bg-holder--> <div class="container"> <h1 class="fs-9 fw-bold mb-4 text-center"> We design tools to unveil <br class="d-none d-xl-block">your superpowers</h1> <div class="row"> <div class="col-lg-3 col-sm-6 mb-2"> <img class="mb-3 ms-n3" src="assets/img/category/icon1.png" width="75" alt="Feature"> <h4 class="mb-3">First click tests</h4> <p class="mb-0 fw-medium text-secondary">While most people enjoy casino gambling,</p> </div> <div class="col-lg-3 col-sm-6 mb-2"> <img class="mb-3 ms-n3" src="assets/img/category/icon2.png" width="75" alt="Feature"> <h4 class="mb-3">Design surveys</h4> <p class="mb-0 fw-medium text-secondary">Sports betting,lottery and bingo playing for the fun</p> </div> <div class="col-lg-3 col-sm-6 mb-2"> <img class="mb-3 ms-n3" src="assets/img/category/icon3.png" width="75" alt="Feature"> <h4 class="mb-3">Preference tests</h4> <p class="mb-0 fw-medium text-secondary">The Myspace page defines the individual.</p> </div> <div class="col-lg-3 col-sm-6 mb-2"> <img class="mb-3 ms-n3" src="assets/img/category/icon4.png" width="75" alt="Feature"> <h4 class="mb-3">Five second tests</h4> <p class="mb-0 fw-medium text-secondary">Personal choices and the overall personality of the person.</p> </div> </div> <div class="text-center"><a class="btn btn-warning" href="#!" role="button">SIGN UP NOW</a></div> </div><!-- end of .container--> </section> <!-- <section> close ============================--> <!-- ============================================--> <!-- ============================================--> <!-- <section> begin ============================--> <section class="pt-5" id="validation"> <div class="container"> <div class="row"> <div class="col-lg-6"> <h5 class="text-secondary">Effortless Validation for</h5> <h2 class="mb-2 fs-7 fw-bold">Design Professionals</h2> <p class="mb-4 fw-medium text-secondary"> The Myspace page defines the individual,his or her characteristics, traits, personal choices and the overall<br>personality of the person. </p> <h4 class="fs-1 fw-bold">Accessory makers</h4> <p class="mb-4 fw-medium text-secondary">While most people enjoy casino gambling, sports betting,<br>lottery and bingo playing for the fun</p> <h4 class="fs-1 fw-bold">Alterationists</h4> <p class="mb-4 fw-medium text-secondary">If you are looking for a new way to promote your business<br>that won't cost you money,</p> <h4 class="fs-1 fw-bold">Custom Design designers</h4> <p class="mb-4 fw-medium text-secondary">If you are looking for a new way to promote your business<br>that won't cost you more money,</p> </div> <div class="col-lg-6"><img class="img-fluid" src="assets/img/validation/validation.png" alt=""></div> </div> </div><!-- end of .container--> </section> <!-- <section> close ============================--> <!-- ============================================--> <!-- ============================================--> <!-- <section> begin ============================--> <section class="pt-5" id="manager"> <div class="container"> <div class="row"> <div class="col-lg-6"><img class="img-fluid" src="assets/img/manager/manager.png" alt=""></div> <div class="col-lg-6"> <h5 class="text-secondary">Easier decision making for</h5> <p class="fs-7 fw-bold mb-2">Product Managers</p> <p class="mb-4 fw-medium text-secondary"> The Myspace page defines the individual,his or her characteristics, traits, personal choices and the overall<br>personality of the person. </p> <div class="d-flex align-items-center mb-3"> <img class="me-sm-4 me-2" src="assets/img/manager/tick.png" width="35" alt="tick"> <p class="fw-medium mb-0 text-secondary">Never worry about overpaying for your<br>energy again.</p> </div> <div class="d-flex align-items-center mb-3"> <img class="me-sm-4 me-2" src="assets/img/manager/tick.png" width="35" alt="tick"> <p class="fw-medium mb-0 text-secondary">We will only switch you to energy companies<br>that we trust and will treat you right</p> </div> <div class="d-flex align-items-center mb-3"><img class="me-sm-4 me-2" src="assets/img/manager/tick.png" width="35" alt="tick"> <p class="fw-medium mb-0 text-secondary"> We track the markets daily and know where the<br>savings are.</p> </div> </div> </div> </div><!-- end of .container--> </section> <!-- <section> close ============================--> <!-- ============================================--> <!-- ============================================--> <!-- <section> begin ============================--> <section class="pt-5" id="marketer"> <div class="container"> <div class="row"> <div class="col-lg-6"> <h5 class="text-secondary">Optimisation for</h5> <p class="mb-2 fs-8 fw-bold">Marketers</p> <p class="mb-4 fw-medium text-secondary">Few would argue that, despite the advancements of<br>feminism over the past three decades, women still face a<br>double standard when it comes to their behavior.</p> <h4 class="fw-bold fs-1">Accessory makers</h4> <p class="mb-4 fw-medium text-secondary">While most people enjoy casino gambling, sports betting,<br>lottery and bingo playing for the fun</p> <h4 class="fw-bold fs-1">Alterationists</h4> <p class="mb-4 fw-medium text-secondary">If you are looking for a new way to promote your business<br>that won't cost you money,</p> <h4 class="fw-bold fs-1">Custom Design designers</h4> <p class="mb-4 fw-medium text-secondary">If you are looking for a new way to promote your business<br>that won't cost you more money,</p> </div> <div class="col-lg-6"><img class="img-fluid" src="assets/img/marketer/marketer.png" alt=""></div> </div> </div><!-- end of .container--> </section> <!-- <section> close ============================--> <!-- ============================================--> <section class="pricing-table-3 bg-alternate" title="pricing-table-3" id="superhero"> <div class="bg-holder z-index--1 bottom-0 d-none d-lg-block background-position-top" style="background-image:url(assets/img/superhero/oval.png);opacity:.5; background-position: top !important ;"> </div> <div class="container"> <div class="row justify-content-center pb-2"> <div class="col-md-7 heading-section text-center"> <h6 class="fw-bold mb-4 fs-7">Choose your plan</h6> </div> </div> <div class="row"> <div class="col-md-4"> <div class="price-col"> <div class="text-center p-4"> <span class="excerpt d-block">BASIC PLAN</span> <span class="price"> <sup>$</sup> <span class="number">49.00</span> </span> <ul class="pricing-text mb-5"> <li> <span class="lni lni-check me-2"></span>Allowed Invoices: 5 </li> <li> <span class="lni lni-check me-2"></span>Allowed Customers: 5 </li> <li> <span class="lni lni-check me-2"></span>Allowed Contracts: 5 </li> <li> <span class="lni lni-check me-2"></span>Allowed Projects: 5 </li> <li> <span class="lni lni-check me-2"></span>Allowed Estimates: 5 </li> <li> <span class="lni lni-check me-2"></span>Allowed Credit Notes: 5 </li> <li> <span class="lni lni-check me-2"></span>Allowed Payments: 5 </li> <li> <span class="lni lni-check me-2"></span>Allowed Items: 5 </li> <li> <span class="lni lni-check me-2"></span>Allowed Proposals: 5 </li> <li> <span class="lni lni-check me-2"></span>Allowed Expenses: 5 </li> <li> <span class="lni lni-check me-2"></span>Allowed Tasks: 5 </li> <li> <span class="lni lni-check me-2"></span>Allowed Support Tickets: 5 </li> <li> <span class="lni lni-check me-2"></span>Allowed Leads: 5 </li> <li> <span class="lni lni-check me-2"></span>Allowed Staffs: 5 </li> </ul> <a href="#" class="btn btn-warning d-block px-2 py-3">SIGN UP NOW >></a> </div> </div> </div> <div class="col-md-4"> <div class="price-col"> <div class="text-center p-4"> <span class="excerpt d-block">STANDARD PLAN</span> <span class="price"> <sup>$</sup> <span class="number">79.99</span> </span> <ul class="pricing-text mb-5"> <li> <span class="lni lni-check me-2"></span>Allowed Invoices: 8 </li> <li> <span class="lni lni-check me-2"></span>Allowed Customers: 8 </li> <li> <span class="lni lni-check me-2"></span>Allowed Contracts: 8 </li> <li> <span class="lni lni-check me-2"></span>Allowed Projects: 8 </li> <li> <span class="lni lni-check me-2"></span>Allowed Estimates: 8 </li> <li> <span class="lni lni-check me-2"></span>Allowed Credit Notes: 8 </li> <li> <span class="lni lni-check me-2"></span>Allowed Payments: 8 </li> <li> <span class="lni lni-check me-2"></span>Allowed Items: 8 </li> <li> <span class="lni lni-check me-2"></span>Allowed Proposals: 8 </li> <li> <span class="lni lni-check me-2"></span>Allowed Expenses: 8 </li> <li> <span class="lni lni-check me-2"></span>Allowed Tasks: 8 </li> <li> <span class="lni lni-check me-2"></span>Allowed Support Tickets: 8 </li> <li> <span class="lni lni-check me-2"></span>Allowed Leads: 8 </li> <li> <span class="lni lni-check me-2"></span>Allowed Staffs: 8 </li> </ul> <a href="#" class="btn btn-warning d-block px-2 py-3">SIGN UP NOW >></a> </div> </div> </div> <div class="col-md-4"> <div class="price-col"> <div class="text-center p-4"> <span class="excerpt d-block">PREMIUM PLAN</span> <span class="price"> <sup>$</sup> <span class="number">699.99</span> </span> <ul class="pricing-text mb-5"> <li> <span class="lni lni-check me-2"></span>Allowed Invoices: 10 </li> <li> <span class="lni lni-check me-2"></span>Allowed Customers: 10 </li> <li> <span class="lni lni-check me-2"></span>Allowed Contracts: 10 </li> <li> <span class="lni lni-check me-2"></span>Allowed Projects: 10 </li> <li> <span class="lni lni-check me-2"></span>Allowed Estimates: 10 </li> <li> <span class="lni lni-check me-2"></span>Allowed Credit Notes: 10 </li> <li> <span class="lni lni-check me-2"></span>Allowed Payments: 10 </li> <li> <span class="lni lni-check me-2"></span>Allowed Items: 10 </li> <li> <span class="lni lni-check me-2"></span>Allowed Proposals: 10 </li> <li> <span class="lni lni-check me-2"></span>Allowed Expenses: 10 </li> <li> <span class="lni lni-check me-2"></span>Allowed Tasks: 10 </li> <li> <span class="lni lni-check me-2"></span>Allowed Support Tickets: 10 </li> <li> <span class="lni lni-check me-2"></span>Allowed Leads: 10 </li> <li> <span class="lni lni-check me-2"></span>Allowed Staffs: 10 </li> </ul> <a href="#" class="btn btn-warning d-block px-2 py-3">SIGN UP NOW >></a> </div> </div> </div> </div> </div> </section> <!-- ============================================--> <!-- <section> begin ============================--> <section class="pb-2 pb-lg-5"> <div class="container"> <div class="row border-top border-top-secondary pt-7"> <div class="col-lg-3 col-md-6 mb-4 mb-md-6 mb-lg-0 mb-sm-2 order-1 order-md-1 order-lg-1"><img class="mb-4" src="assets/img/logo.svg" width="184" alt=""></div> <div class="col-lg-3 col-md-6 mb-4 mb-lg-0 order-3 order-md-3 order-lg-2"> <p class="fs-2 mb-lg-4">Quick Links</p> <ul class="list-unstyled mb-0"> <li class="mb-1"><a class="link-900 text-secondary text-decoration-none" href="#!">About us</a></li> <li class="mb-1"><a class="link-900 text-secondary text-decoration-none" href="#!">Blog</a></li> <li class="mb-1"><a class="link-900 text-secondary text-decoration-none" href="#!">Contact</a></li> <li class="mb-1"><a class="link-900 text-secondary text-decoration-none" href="#!">FAQ</a></li> </ul> </div> <div class="col-lg-3 col-md-6 mb-4 mb-lg-0 order-4 order-md-4 order-lg-3"> <p class="fs-2 mb-lg-4">Legal stuff</p> <ul class="list-unstyled mb-0"> <li class="mb-1"><a class="link-900 text-secondary text-decoration-none" href="#!">Disclaimer</a></li> <li class="mb-1"><a class="link-900 text-secondary text-decoration-none" href="#!">Financing</a></li> <li class="mb-1"><a class="link-900 text-secondary text-decoration-none" href="#!">Privacy Policy</a></li> <li class="mb-1"><a class="link-900 text-secondary text-decoration-none" href="#!">Terms of Service</a></li> </ul> </div> <div class="col-lg-3 col-md-6 col-6 mb-4 mb-lg-0 order-2 order-md-2 order-lg-4"> <p class="fs-2 mb-lg-4"> knowing you're always on the best energy deal.</p> <form class="mb-3"> <input class="form-control" type="email" placeholder="Enter your phone Number" aria-label="phone"> </form> <button class="btn btn-warning fw-medium py-1">Sign up Now</button> </div> </div> </div><!-- end of .container--> </section> <!-- <section> close ============================--> <!-- ============================================--> <!-- ============================================--> <!-- <section> begin ============================--> <section class="text-center py-0"> <div class="container"> <div class="container border-top py-3"> <div class="row justify-content-between"> <div class="col-12 col-md-auto mb-1 mb-md-0"> <p class="mb-0">© 2022 Your Company Inc </p> </div> <div class="col-12 col-md-auto"> <p class="mb-0"> Made with<svg class="svg-inline--fa fa-heart fa-w-16 mx-1 text-danger" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="heart" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"></path></svg><!-- <span class="fas fa-heart mx-1 text-danger"> </span> Font Awesome fontawesome.com -->by <a class="text-decoration-none ms-1" href="https://themewagon.com/" target="_blank">ThemeWagon</a></p> </div> </div> </div> </div><!-- end of .container--> </section> <!-- <section> close ============================--> <!-- ============================================--> </main> <!-- ===============================================--> <!-- End of Main Content--> <!-- ===============================================--> <div class="modal fade" id="popupVideo" tabindex="-1" aria-labelledby="popupVideo" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content"> <iframe class="rounded" style="width:100%;height:500px;" src="https://www.youtube.com/embed/_lhdhL4UDIo" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe> </div> </div> </div> <!-- ===============================================--> <!-- JavaScripts--> <!-- ===============================================--> <script src="assets/vendors/@popperjs/popper.min.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/vendors/is/is.min.js"></script> <script src="https://polyfill.io/v3/polyfill.min.js?features=window.scroll"></script> <script src="assets/vendors/fontawesome/all.min.js"></script> <script src="assets/js/theme.js"></script> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Volkhov:wght@700&display=swap" rel="stylesheet"> </body></html>
Copyright ©2021 || Defacer Indonesia