File manager - Edit - /home/custbahd/vianmedicalcenter.com/services/Ultrasound/index.html
Back
<!DOCTYPE html> <html lang="en"> <head> <title>Ultra Sound Scan ©</title> <!-- Social Share Data --> <meta content="text/html; charset=utf-8" name="Content-Type"> <meta property="og:image" content="https://vianmedicalcenter.com/images/logo5.jpg"> <!-- Less than 65 characters --> <meta property="og:title" content="Vian Medical Center ©"> <meta property="og:url" content="https://vianmedicalcenter.com/"> <!-- Less than 300 characters --> <meta property="og:description" content="A Service Full Of Life"> <meta property="og:site_name" content="Vian Medical Center ©"> <!-- Twitter Cards --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://vianmedicalcenter.com/"> <meta name="twitter:title" content="Vian Medical Center ©"> <meta name="twitter:description" content="A Service Full Of Life"> <meta name="twitter:image" content="https://vianmedicalcenter.com/images/logo5.jpg"> <meta name="twitter:site" content="@vianmedical"> <meta name="twitter:creator" content="@vianmedical"> <!-- Favicon --> <link rel="icon" href="../../images/logo.png"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="description" content="A Service Full of Life"> <meta name="keywords" content="Ultra Sound Scan, sonogram, high-frequency sound waves to create an image of part of the inside of the body, monitor an unborn baby, diagnose a condition, or guide a surgeon"> <meta name="author" content="Custom Webs"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="../../css/bootstrap.min.css"> <link rel="stylesheet" href="../../css/font-awesome.min.css"> <link rel="stylesheet" href="../../css/animate.css"> <link rel="stylesheet" href="../../css/owl.carousel.css"> <link rel="stylesheet" href="../../css/owl.theme.default.min.css"> <!-- MAIN CSS --> <link rel="stylesheet" href="../../css/style.css"> <link rel="stylesheet" href="navbarr/style.css"> <!--Animations--> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/> <link rel="stylesheet" type="text/css" href="../../css/Attention/blink.css"> <link rel="stylesheet" type="text/css" href="../../css/Attention/bounce.css"> <link rel="stylesheet" type="text/css" href="../../css/Attention/flicker.css"> <link rel="stylesheet" type="text/css" href="../../css/Attention/jello.css"> <link rel="stylesheet" type="text/css" href="../../css/Attention/pulsate.css"> <link rel="stylesheet" type="text/css" href="../../css/Attention/shake.css"> <link rel="stylesheet" type="text/css" href="../../css/Attention/vibrate.css"> <link rel="stylesheet" type="text/css" href="../../css/Attention/wobble.css"> <link rel="stylesheet" type="text/css" href="../../css/Background/background.css"> <link rel="stylesheet" type="text/css" href="../../css/Bounce/bounce.css"> <link rel="stylesheet" type="text/css" href="../../css/Text/blur-out.css"> <link rel="stylesheet" type="text/css" href="../../css/Text/flicker-glow.css"> <link rel="stylesheet" type="text/css" href="../../css/Text/focus-in.css"> <link rel="stylesheet" type="text/css" href="../../css/Text/tracking-in.css"> <link rel="stylesheet" type="text/css" href="../../css/Text/tracking-out.css"> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-983C9L9S21"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-983C9L9S21'); </script> <style type="text/css"> header { height: 40px; } header p { font-weight: bold; font-size: 14px; margin-top: -4px; background: linear-gradient(-95deg, #0D2F31, #124448, #C95E4F, #a84d4d); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } /*Scroll Whatsapp*/ .scrollWhatsapp a { position: fixed; bottom: 10px; left: 10px; border-radius: 3px; font-size: 20px; color: white; text-align: center; width: 40px; height: 40px; line-height: 38px; transition: transform 0.1s ease-in; transform: translateX(0); background: linear-gradient(-45deg, #0D2F31, #124448, #C95E4F, #a84d4d); background-size: 200% 200%; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; z-index: 99999; } /*Navbar*/ .navbar { height: 0; display: none; } /* If the screen size is 767.98px wide or less */ @media screen and (max-width: 767.98px) { .navbar { display: block; margin-top: 0; height: 100px; } .navbarr { display: none; } .navbar-default .navbar-nav li a { margin-top: 2px; margin-left: 10px; font-size: 14px; } .navbar-default .navbar-nav li.appointment-btn a { margin-top: 5px; margin-right: 25px; } } /*Toggler*/ .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 21px; margin-right: 0; margin-bottom: 8px; background-color: transparent; background-image: none; border-radius: 4px; box-shadow: 0 0 1px 1px #C95E4F; } .navbar-collapse { margin-left: -90px !important; width: 116% !important; background: white !important; } .navbar-default .navbar-nav li a { color: #95434C; } .navbar-default .navbar-nav li.appointment-btn a { border-radius: 3px; color: #ffffff; font-weight: 600; padding-top: 12px; padding-bottom: 12px; background: linear-gradient(-75deg, #0D2F31, #124448, #799395, #163C3F); background-size: 400% 400%; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } /* If the screen size is 601px wide or more, set the font-size of <div> to 80px */ /* If the screen size is 600px wide or less, set the font-size of <div> to 30px */ @media screen and (max-width: 600px) { .navbar-collapse { margin-left: -25px !important; width: 116% !important; background: white; } } /* If the screen size is 601px wide or more, set the font-size of <div> to 80px */ @media screen and (min-width: 601px) { header { padding: 30px; } header i { font-size: 30px !important; margin-top: 10px; } header a { font-size: 30px; margin-top: 10px; } header p { margin-top: -16px; font-size: 30px; padding: 5px; } header span { font-size: 30px; } header .row{ } .navbar-default .navbar-nav li a { margin-top: 20px; margin-left: 10px; font-size: 20px; color: #95434C; } .navbar-default .navbar-nav li.appointment-btn a { margin-top: 5px; margin-right: 25px; } } /*Navbar Icons*/ .head-icons { position: absolute; width: 25%; margin-left: 56%; top: 34px; border-radius: 6px; } .head-icons i{ font-size: 16px; padding: 6px; background: linear-gradient(-45deg, #0D2F31, #124448, #163C3F, #799395); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } /* If the screen size is 601px wide or more, set the font-size of <div> to 80px */ @media screen and (min-width: 601px) { .head-icons { position: absolute; width: 10%; margin-left: 1035px; top: 70px; } } /*Logo*/ .navbar-header a img { float: left; margin-left: 2px; margin-top: -13px; width: 150px; } .navbar-header .icon-img { margin-top: -13px; margin-left: -28px; width: 60px; } /* If the screen size is 601px wide or more, set the font-size of <div> to 80px */ @media screen and (min-width: 601px) { .navbar-header a img { float: left; margin-left: 2px; margin-top: -8px; width: 200px; } .navbar-header .icon-img { margin-top: -10px; width: 80px; } } /*Accordion*/ button.course-accordion { cursor: pointer; color: #95434C; font-size: 14px; font-weight: 500; padding: 10px; margin-left: 20px; -webkit-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; background: none; outline: none; border: none; transition: 0.4s; } /*When the button is active or mouse hovers*/ button.course-accordion.active, button.course-accordion:hover { } /*button not active*/ button.course-accordion:after { content: '\002B'; font-weight: bold; float: right; margin-left: 25px; background: linear-gradient(-45deg, #0D2F31, #124448, #163C3F, #799395); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } /* minus button */ button.course-accordion.active:after { content: "\2212"; } div.course-panel { padding: 0 18px; background-color: transparent; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; width: 100%; font-family: "Raleway"; font-size: 15px; line-height: 1.6em; letter-spacing: .4px; font-weight: 400; font-style: normal; color: rgba(0,0,0,.88); overflow-y: auto; } div.course-panel p a{ text-decoration: underline !important; } div.course-panel p{ margin-top: -20px; text-decoration: underline !important; } div.course-panel p:nth-child(1){ margin-top: -10px; } /* If the screen size is 601px wide or more, set the font-size of <div> to 80px */ @media screen and (min-width: 601px) { button.course-accordion { margin-top: 20px; margin-left: 30px; font-size: 20px; } div.course-panel a{ font-size: 20px !important; text-decoration: underline; } div.course-panel p{ margin-top: 0px; } div.course-panel p:nth-child(1){ margin-top: 0px; } } /*Related Accordion*/ .related-accordion { color: #F0F8F9 !important; width: 80%; padding: 10px; padding-bottom: 40px; border-radius: 10px; background: linear-gradient(-45deg, #5B2E4A, #C95E4F, #95434C, #79364A); background-size: 200% 200%; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } .related-accordion button.course-accordion { cursor: pointer; color: #F0F8F9 !important; font-size: 20px; font-weight: 500; float: left; width: 90%; text-align: left; padding: 10px; margin-top: 35px; margin-left: 10px; -webkit-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; background: none; outline: none; border: none; border-bottom: 1px solid white; transition: 0.4s; } /*button not active*/ .related-accordion button.related-accordion button.course-accordion:after { content: '\002B'; font-weight: bold; float: right; margin-left: 25px; color: #F0F8F9 !important; } /* minus button */ .related-accordion button.course-accordion.active:after { content: "\2212"; } .related-accordion button.course-accordion span { } .related-accordion div.course-panel p{ font-size: 20px; color: #F0F8F9 !important; } .related-accordion div.course-panel p:nth-child(1){ margin-top: 15px; text-decoration: none !important; } .related-accordion div.course-panel { padding: 0 18px; background-color: transparent; overflow: hidden; transition: max-height 0.2s ease-out; width: 100%; height: 600px; font-family: "Raleway"; font-size: 15px; text-align: left; line-height: 1.6em; letter-spacing: .4px; font-weight: 400; font-style: normal; } .related-accordion div.course-panel a { color: #0D2F31; padding: 5px 15px; border-radius: 5px; background: #F0F8F9; } @media screen and (min-width: 601px) { .related-accordion { width: 80%; padding: 10px; padding-bottom: 60px; border-radius: 10px; background: linear-gradient(-45deg, #5B2E4A, #C95E4F, #95434C, #79364A); background-size: 200% 200%; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } .related-accordion button.course-accordion { cursor: pointer; color: #F0F8F9; font-size: 20px; font-weight: 500; float: left; width: 60%; text-align: left; padding: 10px; margin-left: 20%; -webkit-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; background: none; outline: none; border: none; border-bottom: 1px solid white; transition: 0.4s; } .related-accordion div.course-panel { padding: 0 18px; background-color: transparent; overflow: hidden; transition: max-height 0.2s ease-out; width: 100%; height: 700px; margin-left: 0px; font-family: "Raleway"; font-size: 15px; line-height: 1.6em; letter-spacing: .4px; font-weight: 400; font-style: normal; color: #F0F8F9 !important; } /*button not active*/ .related-accordion button.course-accordion:after { content: '\002B'; font-weight: bold; float: right; margin-left: 25px; color: #F0F8F9 !important; } /* minus button */ .related-accordion button.course-accordion.active:after { content: "\2212"; } } /*Body Section*/ .body { width: 80%; } body h1{ text-transform: uppercase; font-weight: bold; font-size: 16px; } body h2{ text-transform: uppercase; font-size: 14px; text-align: left; margin-top: 50px; } body h3{ text-transform: uppercase; font-size: 20px; text-align: left; background: linear-gradient(-45deg, #5B2E4A, #C95E4F, #95434C, #79364A); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } body p{ } .body b{ text-align: left; font-style: italic; font-size: 10px; width: 80%; } /*News Section*/ .news-detail-thumb p{ text-align: justify; text-justify: auto; } .news-detail-thumb blockquote{ text-align: justify; text-justify: auto; } .news-author p{ line-height: 25px; text-align: justify; text-justify: auto; } .news-author h4{ background: linear-gradient(-45deg, #5B2E4A, #C95E4F, #95434C, #79364A); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } .news-author span{ color: white; padding: 2px 5px; margin: 3px; border-radius: 4px; text-align: justify; text-justify: auto; background: linear-gradient(-45deg, #5B2E4A, #C95E4F, #95434C, #79364A); background-size: 200% 200%; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } .news-categories h4{ background: linear-gradient(-45deg, #5B2E4A, #C95E4F, #95434C, #79364A); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } .news-categories li a{ color: white !important; padding: 2px 5px; border-radius: 4px; margin: 3px; text-align: justify; text-justify: auto; background: linear-gradient(-45deg, #5B2E4A, #C95E4F, #95434C, #79364A); background-size: 200% 200%; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } .recent-post-h4 h4{ background: linear-gradient(-45deg, #5B2E4A, #C95E4F, #95434C, #79364A); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } .recent-post h4 { text-decoration: underline; } .news-sidebar h4{ font-weight: bold; color: #C95E4F; } .news-tags li a { color: #95434C; border: 1px solid #C95E4F; background: white; box-shadow: 0 0 4px 1px #C95E4F; transition: 1s; } .news-tags li a:hover { color: white; background: linear-gradient(-45deg, #5B2E4A, #C95E4F, #95434C, #79364A); background-size: 200% 200%; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } /*News Section End*/ /*Background Overlay Black & White*/ .background-overlay, .background-overlay-black, .background-overlay-white { position: relative; z-index: 2; background-position: center center; background-size: cover; } .background-overlay:before, .background-overlay-black:before, .background-overlay-white:before { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ""; border-radius: 10px; } .background-overlay-black:before { background-color: rgba(0, 0, 0, 0.5); } .background-overlay-white:before { background-color: rgba(255, 255, 255, 0.8); } .body a{ text-decoration: none; background: linear-gradient(-45deg, #5B2E4A, #C95E4F, #95434C, #79364A); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } .contact-info a{ font-size: 12px !important; } .media-body h4 a{ color: black !important; } /*Auto slideshow*/ .site-section { } .owl-carousel { width: 100%; height: 200px; margin-bottom: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0 0 4px 0 #799395; } .media-29101 img { height: 200px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .media-29101 h3 { font-size: 18px; font-weight: 900 !important; } .media-29101 h3 a { color: #6c757d; } .owl-2-style .owl-nav { display: none; } .owl-2-style .owl-dots { text-align: center; position: relative; bottom: -30px; } .owl-2-style .owl-dots .owl-dot { display: inline-block; } .owl-2-style .owl-dots .owl-dot span { display: inline-block; width: 15px; height: 3px; border-radius: 0px; -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53); -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53); transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53); margin: 3px; } .owl-2-style .owl-dots .owl-dot.active span { } .owl-2-style .owl-dots .owl-dot:active, .owl-2-style .owl-dots .owl-dot:focus { outline: none; } /* If the screen size is 601px wide or more, set the font-size of <div> to 80px */ @media screen and (min-width: 601px) { .owl-carousel { width: 50%; height: 200px; border-radius: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; box-shadow: -5px 5px 20px -5px rgba(0, 0, 0, 0.5); } .media-29101 img { margin-bottom: 20px; height: 200px; border-top-right-radius: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } } /* If the screen size is 600px wide or less, set the font-size of <div> to 30px */ @media screen and (max-width: 600px) { .owl-carousel { margin-bottom: 0px; margin-left: -15px; width: 110%; } } /*Service News*/ .service-news { padding: 20px; background: linear-gradient(-45deg, #5B2E4A, #C95E4F, #95434C, #79364A); background-size: 200% 200%; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } .service-news p { color: #F0F8F9; text-align: justify; text-justify: auto; } .service-news .service-section b{ float: left; text-align: left; } /* If the screen size is 601px wide or more, set the font-size of <div> to 80px */ @media screen and (min-width: 601px) { .service-news { margin-top: 0px; margin-left: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 5px 5px 20px -5px rgba(0, 0, 0, 0.5); } .service-news .service-section { color: #0D2F31; width: 100%; height: 460px; padding: 10px; border: 1px solid white; border-radius: 5px; background: #F0F8F9; box-shadow: 0 0 6px 0 #F0F8F9; } .service-news .service-section b{ margin-top: 10px; margin-left: 40px; padding-right: 80px; } } /* If the screen size is 600px wide or less, set the font-size of <div> to 30px */ @media screen and (max-width: 600px) { .service-news { box-shadow: 0 0 8px 0 #799395; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .service-news .service-section { color: #0D2F31; width: 100%; height: 560px; padding: 10px; border: 1px solid white; border-radius: 5px; background: #F0F8F9; } .service-news .service-section b{ margin-top: 10px; margin-left: 0px; } } /*Appointment Form*/ #appointment form{ width: 100%; box-shadow: 0 0 4px 0 #799395; background-image: url('../../images/services/Radio/9.png'); background-position: center; background-size: cover; } #appointment form input{ border: 1px solid #799395 !important; color: #163C3F !important; } #appointment form input.auto{ color: #799395 !important; } #appointment form textarea{ border: 1px solid #799395 !important; } #appointment form select{ border: 1px solid #799395 !important; } #appointment form select option{ color: #799395 !important; } #appointment form label{ background: linear-gradient(45deg, #0D2F31, #124448, #163C3F, #799395); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } #appointment form button{ background: linear-gradient(-45deg, #0D2F31, #124448, #163C3F, #799395) !important; background-size: 200% 200% !important; -webkit-animation: gradient 15s ease infinite !important; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite !important; } .form-services { color: white; font-weight: bold; font-size: 25px; padding: 5px; width: 80%; border-radius: 5px; text-align: center; text-transform: uppercase; margin-top: 10px !important; background: linear-gradient(45deg, #0D2F31, #124448, #163C3F, #799395); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } /* If the screen size is 601px wide or more, set the font-size of <div> to 80px */ @media screen and (min-width: 601px) { #appointment form{ margin-top: -100px !important; width: 100%; height: 620px; border-radius: 10px; } .appoint-img { border-radius: 10px; border: 1px solid #799395; box-shadow: 0 0 4px 1px #799395; } } .form-services { margin-top: 20px !important; color: white; font-weight: bold; font-size: 25px; padding: 10px; width: 80%; border-radius: 5px; text-align: center; text-transform: uppercase; background: linear-gradient(45deg, #0D2F31, #124448, #163C3F, #799395); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } /* If the screen size is 600px wide or less, set the font-size of <div> to 30px */ @media screen and (max-width: 600px) { #appointment form{ margin-top: 0px; margin-bottom: 25px; height: 780px; border-radius: 10px; box-shadow: 0 0 4px 0 #799395; } .form-services { color: white; font-weight: bold; font-size: 20px; padding: 6px; width: 80%; border-radius: 5px; text-align: center; text-transform: uppercase; margin-top: -50px !important; background: linear-gradient(45deg, #0D2F31, #124448, #163C3F, #799395); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } } #google-map { box-shadow: 0 0 4px 0 #C95E4F; } /*Description*/ .description { margin-bottom: 20px; width: 70%; } .description p{ text-align: justify; justify-content: auto; } .description a{ color: white; padding: 10px 16px; border-radius: 5px; background: linear-gradient(-95deg, #0D2F31, #124448, #C95E4F, #a84d4d); background-size: 200% 200%; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } .description a i{ margin-left: 10px; } /*Footer*/ footer h4{ color: #124448; } .footer-thumb { text-align: justify; text-justify: auto; } .contact-info a{ font-size: 12px !important; } .contact-info i.fa { border-radius: 100%; color: #ffffff; font-size: 15px; width: 35px; height: 35px; line-height: 35px; text-align: center; margin-right: 5px; margin-bottom: 2px; background: linear-gradient(-95deg, #0D2F31, #124448, #C95E4F, #a84d4d); background-size: 200% 200%; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } .opening-hours i{ background: linear-gradient(-95deg, #0D2F31, #124448, #C95E4F, #a84d4d); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; padding-right: 6px; } /*News Share Social*/ .news-social-share .btn-success { background: linear-gradient(-95deg, #0D2F31, #124448, #C95E4F, #a84d4d); background-size: 400% 400%; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } .news-social-share .btn-danger { background: linear-gradient(-95deg, #0D2F31, #124448, #C95E4F, #a84d4d); background-size: 400% 400%; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } .news-social-share .btn-primary{ background: linear-gradient(-45deg, #0D2F31, #124448, #C95E4F, #a84d4d); background-size: 400% 400%; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } /*Social Media Icons*/ .social-icon li a { border-radius: 100px; font-size: 15px; width: 35px; height: 35px; line-height: 35px; text-decoration: none; text-align: center; transition: all 0.4s ease-in-out; position: relative; background: linear-gradient(-45deg, #0D2F31, #124448, #C95E4F, #a84d4d); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /*Angle Up*/ .angle-up-btn a { border: 1px solid #f2f2f2; border-radius: 3px; font-size: 20px; color: #ffffff; display: inline-block; text-align: center; width: 40px; height: 40px; line-height: 38px; transition: transform 0.1s ease-in; transform: translateX(0); background: linear-gradient(-45deg, #0D2F31, #124448, #C95E4F, #a84d4d); background-size: 400% 400%; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } /*Stories Info*/ .stories-info span{ margin-left: -10px; } .stories-info h5{ margin-left: -10px; color: #0D2F31; } /*About Info Responsive*/ .about-info img { width: 6%; margin-top: -5px; margin-bottom: 5px; } .about-info b { margin-left: 1px; } /* If the screen size is 601px wide or more, set the font-size of <div> to 80px */ @media screen and (min-width: 601px) { .about-info p { font-size: 18px !important; } .about-info img { width: 10%; margin-top: -5px; margin-bottom: 15px; } .about-info b { font-size: 30px !important; margin-left: 4px; } } /*Services Headers*/ .services { font-weight: bold; font-size: 30px; text-align: center; text-transform: uppercase; background: linear-gradient(-95deg, #0D2F31, #124448, #C95E4F, #a84d4d); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } /*Placeholder Color*/ ::placeholder { background: linear-gradient(45deg, #0D2F31, #124448, #163C3F, #799395); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ background: linear-gradient(-45deg, #5B2E4A, #C95E4F, #95434C, #79364A); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; } ::-ms-input-placeholder { /* Microsoft Edge */ background: linear-gradient(45deg, #0D2F31, #124448, #163C3F, #799395); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } </style> </head> <!--Start of Tawk.to Script--> <script type="text/javascript"> var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/62865b8e7b967b1179903c50/1g3edbaa7'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script> <!--End of Tawk.to Script--> <body id="top" data-spy="scroll" data-target=".navbar-collapse" data-offset="50"> <!-- HEADER --> <header> <div class="container"> <div class="row"> <div class="text-align-center"> <p align="center">Welcome to our medical platform</p> </div> </div> </div> <br> </header> <!-- MENU --> <div class="navbarr"> <a href="../../" class="navbar-brand"><img class="icon-img heartbeat" src="../../images/logo.png"> <img src="../../images/logo3.jpg"></a> <div class="navbarr-nav"> <div class="head-icons" align="center"> <div class="appointment-btn"><a href="#appointment">Make an appointment</a></div> <div class="head-icons-container"> <a href="tel:+256773942500"><i class="fa fa-phone"></i></a> <a href="mailto:info@vianmedicalcenter.com"><i class="fa fa-envelope"></i></a> <a href="https://maps.app.goo.gl/2MLhG4LUXRtZyshYA"><i class="fa fa-map-marker"></i></a> </div> </div> <a href="../../" class="home">Home</a> <div class="subnav"> <button class="subnavbtn">Services <i class="fa fa-caret-down"></i></button> <div class="subnav-content"> <div class="sub-content background-overlay-white-0"> <a href="../../services/GeneralMedicine">General Medicine</a> <a href="../../services/Orolaryngology">Orolaryngology</a> <a href="../../services/Laboratory">Laboratory</a> <a href="../../services/Pediatric">Pediatric Care</a> <a href="../../services/Ultrasound">Ultrasound Scan</a> <a href="../../services/Gynecology">Gynecology</a> <a href="../../services/InternalMedicine">Internal Medicine</a> <a href="../../services/Orthopedic">Orthopedic</a> <a href="../../services/Surgery">Surgery</a> <a href="../../services/Theater">Theater</a> <a href="../../services/Urology">Urology</a> <a href="../../services/Checkup">Body Checkup</a> <a href="../../services/Immunization">Immunization</a> <a href="../../services/Consultation">Consultation</a> <a href="../../services/Emergency">Emergency</a> </div> </div> </div> <div class="navbarr-nav-links"> <a href="../../about">About Us</a> <a href="../../Contact Us">Contact Us</a> </div> </div> </div> <!-- MENU --> <section class="navbar navbar-default navbar-static-top" role="navigation"> <div class="container"> <div class="navbar-header"> <div class="head-icons" align="center"> <a href="tel:+256773942500"><i class="fa fa-phone"></i></i></a> <a href="mailto:info@vianmedicalcenter.com"><i class="fa fa-envelope"></i></a> <a href="https://maps.app.goo.gl/2MLhG4LUXRtZyshYA"><i class="fa fa-map-marker"></i></a> </div> <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon icon-bar"></span> <span class="icon icon-bar"></span> <span class="icon icon-bar"></span> </button> <!-- lOGO TEXT HERE --> <a href="../../" class="navbar-brand"><img class="icon-img heartbeat" src="../../images/logo.png"> <img src="../../images/logo3.jpg"></a> </div> <!-- MENU LINKS --> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li><a href="../../" class="smoothScroll">Home</a></li> <li> <button class="course-accordion"> Services </button> <!-- This div holds the content to be displayed--> <div class="course-panel"> <p> <a href="../../services/GeneralMedicine">General Medicine</a> </p> <p> <a href="../../services/Orolaryngology">Orolaryngology</a> </p> <p> <a href="../../services/Laboratory">Laboratory</a> </p> <p> <a href="../../services/Pediatric">Pediatric Care</a> </p> <p> <a href="../../services/Ultrasound">Ultrasound Scan</a> </p> <p> <a href="../../services/Gynecology">Gynecology</a> </p> <p> <a href="../../services/InternalMedicine">Internal Medicine</a> </p> <p> <a href="../../services/Orthopedic">Orthopedic</a> </p> <p> <a href="../../services/Surgery">Surgery</a> </p> <p> <a href="../../services/Theater">Theater</a> </p> <p> <a href="../../services/Urology">Urology</a> </p> <p> <a href="../../services/Checkup">Body Checkup</a> </p> <p> <a href="../../services/Immunization">Immunization</a> </p> <p> <a href="../../services/Consultation">Consultation</a> </p> <p> <a href="../../services/Emergency">Emergency</a> </p> </div> </li> <li><a href="../../about" class="smoothScroll">About Us</a></li> <li><a href="../../Contact Us" class="smoothScroll">Contact Us</a></li> <li class="appointment-btn"><a href="../../appointments">Make an appointment</a></li> </ul> </div> </div> </section> <!--Scroll Whatsapp--> <div class="scrollWhatsapp"><a href="https://wa.me/256708142139?text=https://vianmedicalcenter.com *Let's Chat* %0D%0A %0D%0A Hello, What can we help you with? %0D%0A %0D%0A" title="Vian Medical Whatsapp Support"><i class="fa fa-whatsapp"></i></a></div> <br> <br> <section id="general" data-stellar-background-ratio="3"> <div class="container"> <div class="row"> <!-- SECTION TITLE --> <div class="section-title wow fadeInUp" data-wow-delay="0.4s"> <h2 class="services">Ultra Sound Scan</h2> </div> <div class="col-md-6 col-sm-6 wow fadeInUp" data-wow-delay="0.8s"> <div class="site-section bg-left-half mb-5"> <div class="container owl-2-style"> <div class="owl-carousel owl-1"> <div class="media-29101"> <img src="../../images/services/US/5.png" alt="Ultra Sound Scan" class="img-fluid"> </div> <div class="media-29101"> <img src="../../images/services/US/4.png" alt="Ultra Sound Scan" class="img-fluid"> </div> <div class="media-29101"> <img src="../../images/services/US/3.png" alt="Ultra Sound Scan" class="img-fluid"> </div> <div class="media-29101"> <img src="../../images/services/US/2.png" alt="Ultra Sound Scan" class="img-fluid"> </div> </div> </div> </div> </div> <!-- SERVICE DETAILS --> <div class="col-md-6 col-sm-6 wow fadeInUp" data-wow-delay="0.8s"> <div class="service-news owl-1" align="center"> <p>An ultrasound scan, sometimes called a sonogram, is a procedure that uses high-frequency sound waves to create an image of part of the inside of the body.</p> <br> <p>An ultrasound scan can be used to monitor an unborn baby, diagnose a condition, or guide a surgeon during certain procedures.</p> </div> </div> </div> </div> </section> <hr> <br> <!--Description--> <div align="center"> <div class="description"> <div class="section-title wow fadeInUp" data-wow-delay="0.4s"> <h2 class="services">WHY VIAN MEDICAL CENTER</h2> </div> <p>We are committed to delivering health care solutions nationwide. With over 15+ medical services, we are proud to deliver advice, trust and care to patients and families. We are trusted in maintaining the highest levels of service delivery. </p> <p>Our promise is a quality-driven service, and Vian Medical Center aims for the highest standards in patient care and surgical expertise nationally and worldwide. </p> <br> <br> <a href="https://maps.app.goo.gl/2MLhG4LUXRtZyshYA"> Get Directions <i class="fa fa-map-marker"></i></a> </div> </div> <hr> <br> <section id="general" data-stellar-background-ratio="3"> <div class="container"> <div class="row"> <div class="col-md-6 col-sm-6 wow fadeInUp" data-wow-delay="0.8s"> <div align="center"> <!-- SECTION TITLE --> <div class="section-title wow fadeInUp" data-wow-delay="0.4s"> <h2 class="services">RELATED</h2> </div> <div class="related-accordion"> <button class="course-accordion">Urology</button> <!-- This div holds the content to be displayed--> <div class="course-panel"> <p> Urology, also known as genitourinary surgery, is the branch of medicine that focuses on surgical and medical diseases of the male and female urinary-tract system and the male reproductive organs. </p> <br> <a href="../../services/Urology">See More <i class="fa fa-right"></i> </a> </div> <button class="course-accordion">Surgery</button> <div class="course-panel"> <p> General surgery is a surgical specialty that focuses on abdominal contents including the esophagus, stomach, small intestine, large intestine, liver, pancreas, gallbladder, appendix and bile ducts, and often the thyroid gland. </p> <br> <a href="../../services/Surgery">See More <i class="fa fa-right"></i> </a> </div> <button class="course-accordion">Body Checkup</button> <div class="course-panel"> <p> Health checkup can ring the bell early, if there are any symptoms of fatal diseases like cardiovascular diseases, respiratory diseases, cancer, diabetes, high blood pressure, digestive Diseases, etc. </p> <br> <a href="../../services/Checkup">See More <i class="fa fa-right"></i> </a> </div> <button class="course-accordion">Theater</button> <div class="course-panel"> <p> An operating theater is a facility within a hospital where surgical operations are carried out in an aseptic environment. </p> <br> <a href="../../services/Theater">See More <i class="fa fa-right"></i> </a> </div> </div> </div> </div> <div id="appointment" class="col-md-6 col-sm-6 wow fadeInUp" data-wow-delay="0.8s"> <form id="appointment-form" role="form" method="post" action="../../appointments/index.php" class="background-overlay-white"> <!-- SECTION TITLE --> <br> <div class="section-title wow fadeInUp" data-wow-delay="0.4s" align="center"> <h2 class="form-services">Ultra Sound Appointment</h2> </div> <div class="wow fadeInUp" data-wow-delay="0.8s"> <div class="col-md-6 col-sm-6"> <label for="name">Name</label> <input type="text" class="form-control" id="name" name="name" placeholder="Full Name" required> </div> <div class="col-md-6 col-sm-6"> <label for="telephone">Phone Number</label> <input type="tel" class="form-control" id="phone" name="phone" placeholder="Phone Number" required> </div> <div class="col-md-12 col-sm-12"> <label for="email">Email</label> <input type="email" class="form-control" id="email" name="email" placeholder="Email Address" required> <div class="col-md-6 col-sm-6"> <label for="date">Select Date</label> <input type="date" name="dates" class="form-control" required> </div> <div class="col-md-6 col-sm-6"> <label for="service">Service (Auto)</label> <input type="text" value="Ultra Sound Scan" class="form-control auto" id="service" name="service" placeholder="Ultra Sound Scan" required readonly> </div> <div class="col-md-12 col-sm-12"> <label for="Message">Additional Message</label> <textarea class="form-control" rows="5" id="message" name="message" placeholder="Message"></textarea> <button type="submit" class="form-control" id="cf-submit" name="submit">Book Now</button> </div> </div> </form> </div> </div> </div> </section> <hr> <div class="news-social-share"> <h4>Kindly Share Us</h4> <a href="http://www.facebook.com/sharer.php?u=[https://vianmedicalcenter.com/services/Ultrasound]" class="btn btn-primary"><i class="fa fa-facebook"></i>Facebook</a> <a href="https://twitter.com/share?text=[Vian%20Medical%20Center]&url=[https://vianmedicalcenter.com/services/Ultrasound]" class="btn btn-success"><i class="fa fa-twitter"></i>Twitter</a> <a href="whatsapp://send?text=https://vianmedicalcenter.com/services/Ultrasound" data-action="share/whatsapp/share" class="btn btn-danger"><i class="fa fa-whatsapp"></i>Whatsapp</a> </div> <br> <!-- FOOTER --> <footer class="col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="0.4s" data-stellar-background-ratio="5"> <div class="row"> <div class="col-md-4 col-sm-4" id="common"> <div class="footer-thumb"> <h4 class="wow fadeInUp" data-wow-delay="0.4s">Recommended</h4> <div class="latest-stories wow fadeInUp" data-wow-delay="0.4s"> <div class="stories-image"> <img src="../../images/16.png" class="img-responsive" alt=""> </div> <div class="stories-info"> <h5>Early Sleep</h5> <span>Early to bed leads to a healthy mind</span> </div> </div> <div class="latest-stories wow fadeInUp" data-wow-delay="0.8s"> <div class="stories-image"> <img src="../../images/19.png" class="img-responsive" alt=""> </div> <div class="stories-info"> <h5>Regular Exercise</h5> <span>Motion activities keep you sharp/healthy</span> </div> </div> <div class="latest-stories wow fadeInUp" data-wow-delay="1.2s"> <div class="stories-image"> <img src="../../images/VI.gif" class="img-responsive" alt=""> </div> <div class="stories-info"> <h5>Balanced Diet</h5> <span>Have a vegetable on a side of your meal</span> </div> </div> </div> </div> <div class="col-md-4 col-sm-4"> <div class="footer-thumb"> <h4 class="wow fadeInUp" data-wow-delay="0.4s">Overview</h4> <p>Our promise is a quality-driven service, and Vian Medical Center aims for the highest standards in patient care and surgical expertise nationally and worldwide. </p> </div> <br> <div class="footer-thumb"> <div class="opening-hours"> <h4 class="wow fadeInUp" data-wow-delay="0.4s">Working Hours</h4> <p>Monday - Sunday: <span>Always Open</span></p> <p>Consultaion: <span>8AM - 8PM</span></p> <p><i class="fa fa-medkit"></i> Emergency</p> </div> </div> </div> <div class="col-md-4 col-sm-4"> <div class="footer-thumb"> <h4 class="wow fadeInUp" data-wow-delay="0.4s">Contact Info</h4> <div class="contact-info"> <p class="wow fadeInUp"><i class="fa fa-phone"></i> <a href="tel:+256773942500">+256 773 942 500</a></p> <p class="wow fadeInUp"><i class="fa fa-info"></i> <a href="mailto:info@vianmedicalcenter.com">info@vianmedicalcenter.com</a></p> </div> </div> </div> <hr> <div class="col-md-4 col-sm-4"> <div class="footer-thumb"> <div class="contact-info"> <p class="wow fadeInUp"><i class="fa fa-commenting"></i> <a href="mailto:help@vianmedicalcenter.com">help@vianmedicalcenter.com</a></p> <p class="wow fadeInUp"><i class="fa fa-pencil"></i> <a href="mailto:appointments@vianmedicalcenter.com">appointments@vianmedicalcenter.com</a></p> </div> <ul class="social-icon wow fadeInUp"> <li><a href="https://facebook.com/vianmedical" class="fa fa-facebook-square" attr="facebook icon"></a></li> <li><a href="https://twitter.com/vianmedical" class="fa fa-twitter"></a></li> <li><a href="https://instagram.com/vianmedical" class="fa fa-instagram"></a></li> <li><a href="https://wa.me/256708142139" class="fa fa-whatsapp"></a></li> </ul> </div> </div> <div class="col-md-12 col-sm-12 border-top"> <div class="col-md-4 col-sm-6"> <div class="copyright-text"> <p align="center">Copyright © <script>document.write(new Date().getFullYear());</script> <a href="#top">Vian Medical Center</a></p> </div> </div> <div class="col-md-6 col-sm-6"> <div class="footer-link"> <a href="../../about">About Us</a> <a href="../../terms">Terms & Conditions</a> <a href="../../privacy">Privacy Policy</a> <a href="../../Contact Us">Contact Us</a> </div> </div> <div class="col-md-2 col-sm-2 text-align-center"> <div class="angle-up-btn"> <a href="#top" class="smoothScroll wow fadeInUp" data-wow-delay="1.2s"><i class="fa fa-angle-up"></i></a> </div> </div> </div> </div> </div> </footer> <div class="copyright-text"> <p style="font-size: 10px;color: grey;text-align: center;">Powered by <a href="https://customassistinc.com" style="color: grey;">Custom Assist Inc.</a></p> </div> <!-- SCRIPTS --> <script src="../../js/jquery.js"></script> <script src="../../js/bootstrap.min.js"></script> <script src="../../js/jquery.sticky.js"></script> <script src="../../js/jquery.stellar.min.js"></script> <script src="../../js/wow.min.js"></script> <script src="../../js/smoothscroll.js"></script> <script src="../../js/owl.carousel.min.js"></script> <script src="../../js/custom.js"></script> <script src="../../js/wow.js"></script> <script> wow = new WOW( { animateClass: 'animated', offset: 100, callback: function(box) { console.log("WOW: animating <" + box.tagName.toLowerCase() + ">") } } ); wow.init(); document.getElementById('moar').onclick = function() { var section = document.createElement('section'); section.className = 'section--purple wow fadeInDown'; this.parentNode.insertBefore(section, this); }; </script> <!--Accordion Js--> <script type="text/javascript"> var acc = document.getElementsByClassName("course-accordion"); var i; for (i = 0; i < acc.length; i++) { //when one of the buttons are clicked run this function acc[i].onclick = function() { //variables var panel = this.nextElementSibling; var coursePanel = document.getElementsByClassName("course-panel"); var courseAccordion = document.getElementsByClassName("course-accordion"); var courseAccordionActive = document.getElementsByClassName("course-accordion active"); /*if pannel is already open - minimize*/ if (panel.style.maxHeight){ //minifies current pannel if already open panel.style.maxHeight = null; //removes the 'active' class as toggle didnt work on browsers minus chrome this.classList.remove("active"); } else { //pannel isnt open... //goes through the buttons and removes the 'active' css (+ and -) for (var ii = 0; ii < courseAccordionActive.length; ii++) { courseAccordionActive[ii].classList.remove("active"); } //Goes through and removes 'activ' from the css, also minifies any 'panels' that might be open for (var iii = 0; iii < coursePanel.length; iii++) { this.classList.remove("active"); coursePanel[iii].style.maxHeight = null; } //opens the specified pannel panel.style.maxHeight = panel.scrollHeight + "px"; //adds the 'active' addition to the css. this.classList.add("active"); } }//closing to the acc onclick function }//closing to the for loop. </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Generation time: 2.5 |
proxy
|
phpinfo
|
Settings