One Hat Cyber Team
Your IP :
216.73.217.176
Server IP :
185.33.55.30
Server :
Linux cl30.webspacecontrol.com 5.14.0-611.38.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 10 17:21:28 EDT 2026 x86_64
Server Software :
Apache
PHP Version :
8.3.33
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
esetkocsi
/
public_html
/
public
/
View File Name :
demo-medical-contact.html
<!DOCTYPE html> <html> <head> <!-- Basic --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Demo Medical | Porto - Multipurpose Website Template</title> <meta name="keywords" content="WebSite Template" /> <meta name="description" content="Porto - Multipurpose Website Template"> <meta name="author" content="okler.net"> <!-- Favicon --> <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon" href="img/apple-touch-icon.png"> <!-- Mobile Metas --> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no"> <!-- Web Fonts --> <link id="googleFonts" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800%7CShadows+Into+Light&display=swap" rel="stylesheet" type="text/css"> <!-- Vendor CSS --> <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="vendor/fontawesome-free/css/all.min.css"> <link rel="stylesheet" href="vendor/animate/animate.compat.css"> <link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.min.css"> <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.min.css"> <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css"> <link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.min.css"> <!-- Theme CSS --> <link rel="stylesheet" href="css/theme.css"> <link rel="stylesheet" href="css/theme-elements.css"> <link rel="stylesheet" href="css/theme-blog.css"> <link rel="stylesheet" href="css/theme-shop.css"> <!-- Demo CSS --> <link rel="stylesheet" href="css/demos/demo-medical.css"> <!-- Skin CSS --> <link id="skinCSS" rel="stylesheet" href="css/skins/skin-medical.css"> <!-- Theme Custom CSS --> <link rel="stylesheet" href="css/custom.css"> <!-- Head Libs --> <script src="vendor/modernizr/modernizr.min.js"></script> </head> <body> <div class="body"> <header id="header" class="header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyChangeLogo': true, 'stickyStartAt': 120, 'stickyHeaderContainerHeight': 70}"> <div class="header-body border-top-0"> <div class="header-top header-top-default header-top-borders border-bottom-0"> <div class="container h-100"> <div class="header-row h-100"> <div class="header-column justify-content-end"> <div class="header-row"> <nav class="header-nav-top"> <ul class="nav nav-pills"> <li class="nav-item nav-item-borders py-2 d-none d-sm-inline-flex"> <span class="ps-0"><i class="far fa-dot-circle text-4 text-color-primary" style="top: 1px;"></i> 1234 Street Name, City Name</span> </li> <li class="nav-item nav-item-borders py-2"> <a href="tel:123-456-7890"><i class="fab fa-whatsapp text-4 text-color-primary" style="top: 0;"></i> 123-456-7890</a> </li> <li class="nav-item nav-item-borders py-2 pe-1 d-none d-md-inline-flex"> <a href="mailto:mail@domain.com"><i class="far fa-envelope text-4 text-color-primary" style="top: 1px;"></i> mail@domain.com</a> </li> </ul> </nav> </div> </div> </div> </div> </div> <div class="header-container container"> <div class="header-row"> <div class="header-column"> <div class="header-row"> <div class="header-logo"> <a href="demo-medical.html"> <img alt="Porto" width="143" height="40" src="img/demos/medical/logo-medical.png"> </a> </div> </div> </div> <div class="header-column justify-content-end"> <div class="header-row"> <div class="header-nav order-2 order-lg-1"> <div class="header-nav-main header-nav-main-square header-nav-main-effect-1 header-nav-main-sub-effect-1"> <nav class="collapse"> <ul class="nav nav-pills" id="mainNav"> <li class="dropdown-full-color dropdown-secondary"> <a class="nav-link" href="demo-medical.html"> Home </a> </li> <li class="dropdown-full-color dropdown-secondary"> <a class="nav-link" href="demo-medical-about-us.html"> About Us </a> </li> <li class="dropdown dropdown-full-color dropdown-secondary"> <a class="nav-link dropdown-toggle" class="dropdown-toggle" href="demo-medical-departments.html"> Departments </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="demo-medical-departments-detail.html">Cardiology</a></li> <li><a class="dropdown-item" href="demo-medical-departments-detail.html">Gastroenterology</a></li> <li><a class="dropdown-item" href="demo-medical-departments-detail.html">Pulmonology</a></li> <li><a class="dropdown-item" href="demo-medical-departments-detail.html">Dental</a></li> <li><a class="dropdown-item" href="demo-medical-departments-detail.html">Gynecology</a></li> <li><a class="dropdown-item" href="demo-medical-departments-detail.html">Hepatology</a></li> </ul> </li> <li class="dropdown-full-color dropdown-secondary"> <a class="nav-link" href="demo-medical-doctors.html"> Doctors </a> </li> <li class="dropdown-full-color dropdown-secondary"> <a class="nav-link" href="demo-medical-resources.html"> Resources </a> </li> <li class="dropdown-full-color dropdown-secondary"> <a class="nav-link" href="demo-medical-insurance.html"> Insurance </a> </li> <li class="dropdown-full-color dropdown-secondary"> <a class="nav-link active" href="demo-medical-contact.html"> Contact </a> </li> </ul> </nav> </div> <button class="btn header-btn-collapse-nav" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav"> <i class="fas fa-bars"></i> </button> </div> </div> </div> </div> </div> </div> </header> <div role="main" class="main"> <section class="page-header page-header-modern bg-color-primary page-header-md"> <div class="container"> <div class="row"> <div class="col-md-8 order-2 order-md-1 align-self-center p-static"> <h1>Contact</h1> <span class="sub-title">Send us a message or call us for more information</span> </div> <div class="col-md-4 order-1 order-md-2 align-self-center"> <ul class="breadcrumb d-block text-md-end breadcrumb-light"> <li><a href="demo-medical.html">Home</a></li> <li class="active">Contact</li> </ul> </div> </div> </div> </section> <div class="container"> <div class="row mt-5"> <div class="col-lg-4"> <div class="feature-box feature-box-style-2"> <div class="feature-box-icon pt-0"> <i class="icon-location-pin icons"></i> </div> <div class="feature-box-info"> <h4 class="mb-2">Address</h4> <p class="text-4"> 123 Porto Blvd, Suite 100<br> New York, NY </p> </div> </div> </div> <div class="col-lg-4"> <div class="feature-box feature-box-style-2"> <div class="feature-box-icon pt-0"> <i class="icon-phone icons"></i> </div> <div class="feature-box-info"> <h4 class="mb-2">Phone</h4> <p class="text-4"> 123-456-7890 <br> 123-456-7891 </p> </div> </div> </div> <div class="col-lg-4"> <div class="feature-box feature-box-style-2"> <div class="feature-box-icon pt-0"> <i class="icon-envelope icons"></i> </div> <div class="feature-box-info"> <h4 class="mb-2">Email</h4> <p class="text-4"> <a href="mailto:mail@example.com" class="text-decoration-none">mail@example.com</a><br> <a href="mailto:mail2@example.com" class="text-decoration-none">mail2@example.com</a> </p> </div> </div> </div> </div> <hr class="solid"> <div class="row pt-4 mb-4"> <div class="col-lg-6"> <div id="googlemaps" class="google-map m-0 mb-5"></div> </div> <div class="col-lg-6"> <h4 class="font-weight-semibold mb-4">Send a Message to Us</h4> <form class="contact-form" action="php/contact-form.php" method="POST"> <div class="contact-form-success alert alert-success d-none mt-4"> <strong>Success!</strong> Your message has been sent to us. </div> <div class="contact-form-error alert alert-danger d-none mt-4"> <strong>Error!</strong> There was an error sending your message. <span class="mail-error-message text-1 d-block"></span> </div> <div class="row"> <div class="form-group col"> <input type="text" placeholder="Your Name" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control" name="name" required> </div> </div> <div class="row"> <div class="form-group col"> <input type="email" placeholder="Your E-mail" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control" name="email" required> </div> </div> <div class="row"> <div class="form-group col"> <input type="text" placeholder="Subject" value="" data-msg-required="Please enter the subject." maxlength="100" class="form-control" name="subject" required> </div> </div> <div class="row"> <div class="form-group col"> <textarea maxlength="5000" placeholder="Message" data-msg-required="Please enter your message." rows="5" class="form-control" name="message" required></textarea> </div> </div> <div class="row"> <div class="form-group col"> <input type="submit" value="Send Message" class="btn btn-primary btn-lg mb-5" data-loading-text="Loading..."> </div> </div> </form> </div> </div> </div> </div> <footer id="footer" class="m-0"> <div class="container"> <div class="row pt-5 pb-4"> <div class="col-md-4 col-lg-3 mb-2"> <h4 class="mb-4">Location</h4> <p> Porto Medical<br> 123 Porto Blvd, Suite 100<br> New York, NY<br> Phone : 123-456-7890 </p> </div> <div class="col-md-4 col-lg-3"> <h4 class="mb-4">Opening Hours</h4> <div class="info custom-info"> <span>Mon-Fri</span> <span>8:30 am to 5:00 pm</span> </div> <div class="info custom-info"> <span>Saturday</span> <span>9:30 am to 1:00 pm</span> </div> <div class="info custom-info"> <span>Sunday</span> <span>Closed</span> </div> </div> <div class="col-md-4 col-lg-3"> <div class="contact-details"> <h4 class="mb-4">Emergency Cases</h4> <a class="text-decoration-none" href="tel:1234567890"> <strong class="font-weight-light">(800)123-4567</strong> </a> </div> </div> <div class="col-lg-2 text-md-center text-lg-start ms-lg-auto"> <h4 class="mb-4">Social Media</h4> <ul class="social-icons"> <li class="social-icons-facebook"> <a href="http://www.facebook.com/" target="_blank" title="Facebook"> <i class="fab fa-facebook-f"></i> </a> </li> <li class="social-icons-twitter"> <a href="http://www.twitter.com/" target="_blank" title="Twitter"> <i class="fab fa-twitter"></i> </a> </li> <li class="social-icons-linkedin"> <a href="http://www.linkedin.com/" target="_blank" title="Linkedin"> <i class="fab fa-linkedin-in"></i> </a> </li> </ul> </div> </div> </div> <div class="footer-copyright pt-3 pb-3"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center m-0"> <p>© Copyright 2023. All Rights Reserved.</p> </div> </div> </div> </div> </footer> </div> <!-- Vendor --> <script src="vendor/plugins/js/plugins.min.js"></script> <!-- Theme Base, Components and Settings --> <script src="js/theme.js"></script> <!-- Current Page Vendor and Views --> <script src="js/views/view.contact.js"></script> <!-- Demo --> <script src="js/demos/demo-medical.js"></script> <!-- Theme Custom --> <script src="js/custom.js"></script> <!-- Theme Initialization Files --> <script src="js/theme.init.js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script> <script> /* Map Settings Find the Latitude and Longitude of your address: - https://www.latlong.net/ - http://www.findlatitudeandlongitude.com/find-address-from-latitude-and-longitude/ */ function initializeGoogleMaps() { // Map Markers var mapMarkers = [{ address: "New York, NY 10017", html: "<strong>Porto Medical</strong><br>New York, NY 10017", icon: { image: "img/pin.png", iconsize: [26, 46], iconanchor: [12, 46] }, popup: true }]; // Map Initial Location var initLatitude = 40.75198; var initLongitude = -73.96978; // Map Extended Settings var mapSettings = { controls: { draggable: (($.browser.mobile) ? false : true), panControl: true, zoomControl: true, mapTypeControl: true, scaleControl: true, streetViewControl: true, overviewMapControl: true }, scrollwheel: false, markers: mapMarkers, latitude: initLatitude, longitude: initLongitude, zoom: 16 }; var map = $('#googlemaps').gMap(mapSettings), mapRef = $('#googlemaps').data('gMap.reference'); // Styles from https://snazzymaps.com/ var styles = [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#e9e9e9"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}]; var styledMap = new google.maps.StyledMapType(styles, { name: 'Styled Map' }); mapRef.mapTypes.set('map_style', styledMap); mapRef.setMapTypeId('map_style'); } // Initialize Google Maps when element enter on browser view theme.fn.intObs( '.google-map', 'initializeGoogleMaps()', {} ); // Map text-center At var mapCenterAt = function(options, e) { e.preventDefault(); $('#googlemaps').gMap("centerAt", options); } </script> </body> </html>