File manager - Edit - /home/custbahd/public_html/webs/monitor/demos/popup/index.html
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Custom PopUp Web ©</title> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300"> <!-- Google web font "Open Sans" --> <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- https://getbootstrap.com/ --> <link rel="stylesheet" href="fontawesome/css/fontawesome-all.min.css"> <!-- https://fontawesome.com/ --> <link rel="stylesheet" type="text/css" href="slick/slick.css"/> <!-- http://kenwheeler.github.io/slick/ --> <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/> <link rel="stylesheet" href="css/tooplate-style.css"> <!-- Templatemo style --> <script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this in a modern browser such as latest version of Chrome or Microsoft Edge.");</script> </head> <body> <!--Accounts--> <div id="tm-bg"></div> <div id="tm-wrap"> <div class="tm-main-content"> <div class="container tm-site-header-container"> <div class="row"> <div class="col-sm-12 col-md-6 col-lg-6 col-md-col-xl-6 mb-md-0 mb-sm-4 mb-4 tm-site-header-col"> <div class="tm-site-header"> <h1 class="mb-4">Custom PopUp </h1> <img src="img/underline.png" class="img-fluid mb-4"> <p>This website is a sample built with the best simple pop-ups to ease client access. <br> Please try it out, if you like it can be yours!</p> </div> </div> <div class="col-sm-12 col-md-6 col-lg-6 col-xl-6"> <div class="content"> <div class="grid"> <div class="grid__item" id="home-link"> <div class="product"> <div class="tm-nav-link"> <i class="fas fa-home fa-3x tm-nav-icon"></i> <span class="tm-nav-text">Welcome</span> <div class="product__bg"></div> </div> <div class="product__description"> <div class="row mb-3"> <div class="col-12"> <h2 class="tm-page-title">Welcome to Custom Web's PopUp website.</h2> </div> </div> <div class="row"> <div class="col-sm-12 col-md-6 col-lg-6 col-xl-6"> <img src="img/welcome-1.jpg" class="img-fluid mb-3"> <p>You can own and customize this sample to suit your needs and business at only $350. </p> <p>Please tell your friends about <a rel="nofollow" href="https://fb.com/customassist" target="_parent">Custom Webs</a>. That will be very helpful for us. Thank you.</p> </div> <div class="col-sm-12 col-md-6 col-lg-6 col-xl-6"> <p>This is a sample of a simple website with advanced pop ups to help your clients easily access your information.</p> <p>If you have any kind of question or comment, please feel free to <a rel="nofollow" href="https://www.upwork.com" target="_parent">contact us</a>. You are welcome.</p> <img src="img/welcome-2.jpg" class="img-fluid"> </div> </div> </div> </div> </div> <div class="grid__item" id="team-link"> <div class="product"> <div class="tm-nav-link"> <i class="fas fa-users fa-3x tm-nav-icon"></i> <span class="tm-nav-text">Our Team</span> <div class="product__bg"></div> </div> <div class="product__description"> <div class="p-sm-4 p-2"> <div class="row mb-3"> <div class="col-12"> <h2 class="tm-page-title">Background of Our Team</h2> </div> </div> <div class="row tm-reverse-sm"> <div class="col-sm-12 col-md-8 col-lg-8 col-xl-8"> <p class="mb-4">We are professional modern website designers and the company has been in the game for over 6 years. We specialise in modern and responsive websites with either Front End or Back End systems depending on your needs.</p> <p class="mb-4">This section can be used for any kind of features you want. You name it, we design it. We have the power to transform this section to anything.</p> <p class="mb-5">Please check out the other pop ups below, you might like the design. Thank You!</p> <a href="#" class="btn tm-btn-gray">Read More</a> </div> <div class="col-sm-12 col-md-4 col-lg-4 col-xl-4 mb-lg-0 mb-sm-4 mb-4"> <img src="img/team.jpg" class="img-fluid"> </div> </div> </div> </div> </div> </div> <div class="grid__item"> <div class="product"> <div class="tm-nav-link"> <i class="fas fa-handshake fa-3x tm-nav-icon"></i> <span class="tm-nav-text">Our Work</span> <div class="product__bg"></div> </div> <div class="product__description"> <div class="p-sm-4 p-2"> <div class="row mb-3"> <div class="col-12"> <h2 class="tm-page-title">Custom Web's Simple Swipe</h2> </div> </div> <div class="row mb-3"> <div class="col-12"> <p>This is a modern slideshow with a swipe function. Try it out if you're using a touch screen or hold your left analog button below your laptop touch pad and then swipe touch pad. Thank You!</p> </div> </div> <div class="row"> <div class="col-12"> <div class="p-sm-4 p-2 tm-img-container"> <div class="tm-img-slider" id="tmImgSlider"> <a href="#" class="tm-slider-img-link"><img src="img/gallery-img-01-tn.jpg" alt="Image 1" class="img-fluid tm-slider-img"></a> <a href="#" class="tm-slider-img-link"><img src="img/gallery-img-02-tn.jpg" alt="Image 2" class="img-fluid tm-slider-img"></a> <a href="#" class="tm-slider-img-link"><img src="img/gallery-img-03-tn.jpg" alt="Image 3" class="img-fluid tm-slider-img"></a> <a href="#" class="tm-slider-img-link"><img src="img/gallery-img-04-tn.jpg" alt="Image 4" class="img-fluid tm-slider-img"></a> <a href="#" class="tm-slider-img-link"><img src="img/gallery-img-05-tn.jpg" alt="Image 5" class="img-fluid tm-slider-img"></a> <a href="#" class="tm-slider-img-link"><img src="img/gallery-img-06-tn.jpg" alt="Image 6" class="img-fluid tm-slider-img"></a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="grid__item"> <div class="product"> <div class="tm-nav-link"> <i class="fas fa-comments fa-3x tm-nav-icon"></i> <span class="tm-nav-text">Contact</span> <div class="product__bg"></div> </div> <div class="product__description"> <div class="pt-sm-4 pb-sm-4 pl-sm-5 pr-sm-5 pt-2 pb-2 pl-3 pr-3"> <div class="row mb-3"> <div class="col-12"> <h2 class="tm-page-title">Contact Us</h2> </div> </div> <div class="row mb-4"> <div class="col-12"> <p>Cont us if you any inquiries about work. We'll be glad to hear from you.</p> </div> </div> <div class="row"> <div class="col-12"> <form action="index.html" method="post" class="contact-form"> <div class="row"> <div class="form-group col-md-6 col-lg-6 col-xl-6"> <input type="text" id="contact_name" name="contact_name" class="form-control" placeholder="Name" required/> </div> <div class="form-group col-md-6 col-lg-6 col-xl-6 tm-col-email"> <input type="email" id="contact_email" name="contact_email" class="form-control" placeholder="Email" required/> </div> </div> <div class="form-group"> <textarea id="contact_message" name="contact_message" class="form-control" rows="9" placeholder="Message" required></textarea> </div> <button type="submit" class="btn btn-primary tm-btn-submit">Submit</button> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <footer> <p class="small tm-copyright-text">Copyright © <span class="tm-current-year">2020</span> Custom Assist | Custom Webs. Design: <a rel="nofollow" href="https://www.upwork.com" class="tm-text-highlight">Muhumuza Ian</a></p> </footer> </div> <!-- .tm-main-content --> </div> <!-- load JS --> <script src="js/jquery-3.2.1.slim.min.js"></script> <!-- https://jquery.com/ --> <script src="slick/slick.min.js"></script> <!-- http://kenwheeler.github.io/slick/ --> <script src="js/anime.min.js"></script> <!-- http://animejs.com/ --> <script src="js/main.js"></script> <script> function setupFooter() { var pageHeight = $('.tm-site-header-container').height() + $('footer').height() + 100; var main = $('.tm-main-content'); if($(window).height() < pageHeight) { main.addClass('tm-footer-relative'); } else { main.removeClass('tm-footer-relative'); } } /* DOM is ready ------------------------------------------------*/ $(function(){ setupFooter(); $(window).resize(function(){ setupFooter(); }); $('.tm-current-year').text(new Date().getFullYear()); // Update year in copyright }); </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Generation time: 1.14 |
proxy
|
phpinfo
|
Settings