File manager - Edit - /home/custbahd/vianmedicalcenter.com/services/Gynecology/index.html
Back
<!DOCTYPE html> <html lang="en"> <head> <title>Gynecology ©</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="Gynecology, Cancer and pre-cancerous diseases, reproductive organs including ovaries,fallopian tubes, uterus, cervix, vagina, and vulva, Incontinence of urine, Amenorrhoea (absent menstrual periods), Dysmenorrhoea (painful menstrual periods), Infertility, Menorrhagia (heavy menstrual periods); a common indication for hysterectomy, Prolapse of pelvic organs, Infections of the vagina (vaginitis), cervix and uterus (including fungal, bacterial, viral, and protozoal), UTI and Pelvic Inflammatory Disease, Premenstrual Syndrome, Other vaginal diseases"> <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 { 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: 350px; margin-bottom: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0 0 4px 0 #799395; } .media-29101 img { height: 350px; 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: 660px; 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: 660px; 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/Gyne/10.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">Gynecology</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/Contact/10.png" alt="Gynecology" class="img-fluid"> </div> <div class="media-29101"> <img src="../../images/services/Gyne/3.png" alt="Gynecology" class="img-fluid"> </div> <div class="media-29101"> <img src="../../images/services/Gyne/6.png" alt="Gynecology" class="img-fluid"> </div> <div class="media-29101"> <img src="../../images/services/Gyne/7.png" alt="Gynecology" 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>Gynaecology or gynecology is the medical practice dealing with the health of the female reproductive system. Almost all modern gynaecologists are also obstetricians. In many areas, the specialities of gynaecology and obstetrics overlap. The term means "the science of women".</p> <p>Conditions dealt with by a gynaecologist are:</p> <div class="service-section"> <b> <i class="fa fa-check"></i> Cancer and pre-cancerous diseases of the reproductive organs including ovaries, fallopian tubes, uterus, cervix, vagina, and vulva </b> <br> <b> <i class="fa fa-check"></i> Incontinence of urine </b> <br> <b> <i class="fa fa-check"></i> Amenorrhoea (absent menstrual periods) </b> <br> <b> <i class="fa fa-check"></i> Dysmenorrhoea (painful menstrual periods) </b> <br> <b> <i class="fa fa-check"></i> Infertility </b> <br> <b> <i class="fa fa-check"></i> Menorrhagia (heavy menstrual periods); a common indication for hysterectomy </b> <br> <b> <i class="fa fa-check"></i> Prolapse of pelvic organs </b> <br> <b> <i class="fa fa-check"></i> Infections of the vagina (vaginitis), cervix and uterus (including fungal, bacterial, viral, and protozoal) </b> <br> <b> <i class="fa fa-check"></i> UTI and Pelvic Inflammatory Disease </b> <br> <b> <i class="fa fa-check"></i> Premenstrual Syndrome </b> <br> <b> <i class="fa fa-check"></i> Other vaginal diseases </b> <br> </div> <br> </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">Gynecology 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="Gynecology" class="form-control auto" id="service" name="service" placeholder="Gynecology" 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/Gynecology]" 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/Gynecology]" class="btn btn-success"><i class="fa fa-twitter"></i>Twitter</a> <a href="whatsapp://send?text=https://vianmedicalcenter.com/services/Gynecology" 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