CINXE.COM

Top Web Designing with CSS/ SCSS/ SASS

<!DOCTYPE html> <html dir="ltr" lang="en-US"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="Pollysys" /> <meta name="google-site-verification" content="vvepmiKsQxlXwbyePbNGKrP0qwZyvaxhhwdFvVxiVvo" /> <!-- Stylesheets ============================================= --> <link rel="stylesheet" href="/srcfxonl/themes/pollysys-website/css/style.css" type="text/css" /> <link rel="stylesheet" href="/srcfxonl/themes/pollysys-website/assets/css/style.css" type="text/css" /> <link rel="stylesheet" href="/srcfxonl/themes/pollysys-website/css/swiper.css" type="text/css" /> <link rel="stylesheet" href="/srcfxonl/themes/pollysys-website/css/dark.css" type="text/css" /> <link rel="stylesheet" href="/srcfxonl/themes/pollysys-website/css/font-icons.css" type="text/css" /> <link rel="apple-touch-icon" sizes="57x57" href="/srcfxonl/themes/pollysys-website/images/favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/srcfxonl/themes/pollysys-website/images/favicon/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/srcfxonl/themes/pollysys-website/images/favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/srcfxonl/themes/pollysys-website/images/favicon/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/srcfxonl/themes/pollysys-website/images/favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/srcfxonl/themes/pollysys-website/images/favicon/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/srcfxonl/themes/pollysys-website/images/favicon/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/srcfxonl/themes/pollysys-website/images/favicon/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/srcfxonl/themes/pollysys-website/images/favicon/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/srcfxonl/themes/pollysys-website/images/favicon/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/srcfxonl/themes/pollysys-website/images/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/srcfxonl/themes/pollysys-website/images/favicon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/srcfxonl/themes/pollysys-website/images/favicon/favicon-16x16.png"> <link rel="manifest" href="/srcfxonl/themes/pollysys-website/images/favicon/manifest.json"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css"/> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-REF2090P9L"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-REF2090P9L'); </script> <style> .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}#featureContainer .carousel-inner .carousel-item-end.active,#featureContainer .carousel-inner .carousel-item-next{transform:translateX(25%)}#featureContainer .carousel-inner .carousel-item-prev,#featureContainer .carousel-inner .carousel-item-start.active{transform:translateX(-25%)}#featureContainer .card img{width:90%}#featureContainer .carousel-item{justify-content:space-between}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}#featureContainer .carousel-inner .carousel-item-next,#featureContainer .carousel-inner .carousel-item-prev,#featureContainer .carousel-inner .carousel-item.active{display:flex}@media (max-width:767px){#featureContainer .carousel-inner .carousel-item>div{display:none}#featureContainer .carousel-inner .carousel-item>div:first-child{display:block}#featureContainer .card img{width:100%}}#featureContainer .carousel-inner .carousel-item-end,#featureContainer .carousel-inner .carousel-item-start{transform:translateX(0)}#featureContainer .card{border:0;position:relative}#featureContainer .card .card-img-overlays{position:absolute;bottom:15%;left:10%;color:#fff;font-weight:bolder}#featureContainer a{text-decoration:none}#featureContainer .indicator{border:1px solid #cacaca;padding:3px 6px;color:#d3d3d3}#featureContainer .indicator:hover{background-color:#00f;border:1px solid #00f;transition:.2s;color:#fff}#featureContainer .float-end{padding-top:0;margin-bottom:2px} </style> <!-- Document Title ============================================= --> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- This site is optimized with the Yoast SEO plugin v23.9 - https://yoast.com/wordpress/plugins/seo/ --> <title>Top Web Designing with CSS/ SCSS/ SASS</title> <meta name="description" content="Take all the benefits of advanced web designing solutions embedded in CSS/ SCSS/ SASS that help you organize and make your web pages even more exciting to land." /> <link rel="canonical" href="https://pollysys.com/css3-scss-sass/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Top Web Designing with CSS/ SCSS/ SASS" /> <meta property="og:description" content="Take all the benefits of advanced web designing solutions embedded in CSS/ SCSS/ SASS that help you organize and make your web pages even more exciting to land." /> <meta property="og:url" content="https://pollysys.com/css3-scss-sass/" /> <meta property="article:modified_time" content="2024-09-09T13:40:34+00:00" /> <meta property="og:image" content="https://pollysys.com/srcfxonl/uploads/2022/11/CSS3-SCSS-SASS.png" /> <meta property="og:image:width" content="684" /> <meta property="og:image:height" content="438" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="1 minute" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://pollysys.com/css3-scss-sass/","url":"https://pollysys.com/css3-scss-sass/","name":"Top Web Designing with CSS/ SCSS/ SASS","isPartOf":{"@id":"https://pollysys.com/#website"},"primaryImageOfPage":{"@id":"https://pollysys.com/css3-scss-sass/#primaryimage"},"image":{"@id":"https://pollysys.com/css3-scss-sass/#primaryimage"},"thumbnailUrl":"/srcfxonl/uploads/2022/11/CSS3-SCSS-SASS.png","datePublished":"2022-11-09T08:23:42+00:00","dateModified":"2024-09-09T13:40:34+00:00","description":"Take all the benefits of advanced web designing solutions embedded in CSS/ SCSS/ SASS that help you organize and make your web pages even more exciting to land.","breadcrumb":{"@id":"https://pollysys.com/css3-scss-sass/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://pollysys.com/css3-scss-sass/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://pollysys.com/css3-scss-sass/#primaryimage","url":"/srcfxonl/uploads/2022/11/CSS3-SCSS-SASS.png","contentUrl":"/srcfxonl/uploads/2022/11/CSS3-SCSS-SASS.png","width":684,"height":438,"caption":"CSS3 / SCSS / SASS"},{"@type":"BreadcrumbList","@id":"https://pollysys.com/css3-scss-sass/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://pollysys.com/"},{"@type":"ListItem","position":2,"name":"CSS3 / SCSS / SASS"}]},{"@type":"WebSite","@id":"https://pollysys.com/#website","url":"https://pollysys.com/","name":"https://pollysys.com","description":"","publisher":{"@id":"https://pollysys.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://pollysys.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://pollysys.com/#organization","name":"Pollysys Global Solutions","url":"https://pollysys.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://pollysys.com/#/schema/logo/image/","url":"/srcfxonl/uploads/2021/03/pollysys.png","contentUrl":"/srcfxonl/uploads/2021/03/pollysys.png","width":176,"height":35,"caption":"Pollysys Global Solutions"},"image":{"@id":"https://pollysys.com/#/schema/logo/image/"}}]}</script> <!-- / Yoast SEO plugin. --> <link href='https://fonts.gstatic.com' crossorigin rel='preconnect' /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://pollysys.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='contact-form-7-css' href='/srcfxonl/plugins/contact-form-7/includes/css/styles.css?ver=6.0' type='text/css' media='all' /> <link rel="https://api.w.org/" href="https://pollysys.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://pollysys.com/wp-json/wp/v2/pages/1439" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://pollysys.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.1" /> <link rel='shortlink' href='https://pollysys.com/?p=1439' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://pollysys.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpollysys.com%2Fcss3-scss-sass%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://pollysys.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpollysys.com%2Fcss3-scss-sass%2F&#038;format=xml" /> </head> <body class="stretched"> <!-- Document Wrapper ============================================= --> <div id="wrapper" class="clearfix"> <!-- Header ============================================= --> <header id="header" class="transparent-header force-not-dark not-dark" data-sticky-class="not-dark"> <div id="header-wrap"> <div class="container-fluid header-upper"> <div class="container"> <div class="row"> <div class="col-lg-9 col-sm-9 col-12"> <div class="flat-custom-info style1"> <ul class="custom-info"> <li class="datetime"><a href="#">Monday - Friday: 08:00 AM - 06:00 PM</a></li> <li class="phone"><a href="tel:02030034830">020-3003-4830 </a></li> <li class="mail"><a href="mailto:support@pollysys.com">support@pollysys.com</a></li> </ul> </div> </div> <div class="col-lg-3 col-sm-3 col-12"> <div class="widget widget-about"> <ul class="social"> <li><a href="https://www.facebook.com/pollysys/" target="_blank"><i class="fab fa-facebook"></i></a></li> <li><a href="https://www.youtube.com/channel/UC0XS9cNNzkByK7POJyjiDVQ" target="_blank"><i class="fab fa-youtube"></i></a></li> <!--<li><a href="https://twitter.com/pollysys" target="_blank"><i class="fab fa-twitter"></i></a></li> <li><a href="#" target="_blank"><i class="fab fa-pinterest"></i></a></li>--> <li><a href="https://www.instagram.com/pollysys_/" target="_blank"><i class="fab fa-instagram"></i></a></li> </ul> </div> </div> </div> </div> </div> <div class="container"> <div class="header-row"> <!-- Logo ============================================= --> <div id="logo"> <a href="https://pollysys.com" class="standard-logo" data-dark-logo="/srcfxonl/themes/pollysys-website/images/logo.png"><img src="/srcfxonl/themes/pollysys-website/images/logo.png" alt="pollysys it solutions"></a> <a href="https://pollysys.com" class="retina-logo" data-dark-logo="/srcfxonl/themes/pollysys-website/images/logo@2x.png"><img src="/srcfxonl/themes/pollysys-website/images/logo@2x.png" alt="pollysys it solutions"></a> </div><!-- #logo end --> <div class="header-misc"> <!-- Top Search ============================================= --> </div> <div id="primary-menu-trigger"> <svg class="svg-trigger" viewBox="0 0 100 100"><path d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20"></path><path d="m 30,50 h 40"></path><path d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20"></path></svg> </div> <!-- Primary Navigation ============================================= --> <nav class="primary-menu"> <ul class="menu-container"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com"><div>Home</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/about"><div>About Us</div></a> </li> <li class="menu-item mega-menu mobile-services"> <a class="menu-link" href="#"><div>Services</div></a> <div class="mega-menu-content mega-menu-style-2"> <div class="container"> <div class="row"> <ul class="sub-menu-container mega-menu-column col-lg-3"> <li class="menu-item mega-menu-title"> <!--<a class="menu-link" href="#"><div>Introductory</div></a>--> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/networking-services"><div>NETWORKING SERVICES</div></a> <ul class="sub-menu-container mega-menu-dropdown"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/network-design-service"><div> Network Design</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/routing-and-switching-service"><div> Routing and Switching </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/network-security-service"><div> Network Security </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/data-center-setup-service"><div> Data Center Setup </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/network-service-provider-operations"><div> Service Provider Operations </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/cisco-meraki-service"><div> Cisco Meraki </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/juniper-networks-managed-services"><div> Juniper Managed Enterprise Services </div></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/cloud-services/"><div> CLOUD SERVICES </div></a> <ul class="sub-menu-container mega-menu-dropdown"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/aws-cloud-services"><div> AWS Cloud Services </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/devops-automation-services"><div> DevOps Automation </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/kubernetes-and-microservices"><div> Kubernetes and Microservices </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/google-cloud-services"><div> Google Cloud Services </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/azure-cloud-platform-service"><div> Azure Cloud Services </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/oracle-cloud-services"><div> Oracle Cloud Services </div></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-link mb-0" href="https://pollysys.com/mobile-app-development/"><div> MOBILE APP DEVELOPMENT</div></a> <ul class="sub-menu-container mega-menu-dropdown"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/app-development-for-ios/"><div> IOS</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/android-app-development/"><div> Android</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/hybrid-mobile-app-development/"><div> Hybrid</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/react-native-mobile-app-development"><div> React Native</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/flutter-app-development-solutions"><div> Flutter</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/ionic-app-development-services"><div> Ionic</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/swift-app-development"><div> Swift</div></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/web-development-services/"><div> WEB DEVELOPMENT </div></a> <ul class="sub-menu-container mega-menu-dropdown"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/custom-software-solutions"><div> Custom Software Solutions </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/csharp-net-development-services"><div> C# / .Net </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/mvc-asp-net-core-services"><div> MVC / ASP.Net Core </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/web-api-development"><div> Web API </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/php-development-services"><div> PHP</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/laravel-development-services"><div> Laravel</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/codeigniter-development-services"><div> Codeigniter </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/angular-development-services"><div> Angular</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/react-native-mobile-app-development"><div> React.js</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/node-js-development-services"><div> Node.js </div></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/ui-ux-development-services/"><div> UI / UX DEVELOPMENT </div></a> <ul class="sub-menu-container mega-menu-dropdown"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/logo-design-services"><div> Logo Design </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/banner-design-services"><div> Banner Design </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/mockup-design-services"><div> Mockup Design </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/html5-canvas"><div> HTML5 Canvas </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/css3-scss-sass"><div> CSS3 / SCSS / SASS </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/bootstrap-3-4-services"><div> Bootstrap v3.4 </div></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/cms-development/"><div> CMS DEVELOPMENT </div></a> <ul class="sub-menu-container mega-menu-dropdown"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/umbraco-cms-development-services"><div> Umbraco</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/sitefinity-cms-development-services/"><div> Sitefinity </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/dotnetnuke-cms-development-services/"><div> DotNetNuke </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/wordpress-cms-development-services"><div> WordPress </div></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/desktop-solutions/"><div> DESKTOP SOLUTIONS </div></a> <ul class="sub-menu-container mega-menu-dropdown"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/winforms-applications"><div> Winforms Applications </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/devexpress-windows-applications"><div> DevExpress Windows Applications </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/wpf-development-services"><div> WPF </div></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/database-development-services/"><div> DATABASE</div></a> <ul class="sub-menu-container mega-menu-dropdown"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/mssql/"><div> MSSQL</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/mysql/"><div> My SQL </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/mongo-db-cosmos-db/"><div> MongoDB / CosmosDB </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/postgre-sql/"><div> Postgre SQL </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/dynamodb/"><div> DynamoDB </div></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/digital-marketing-services/"><div> DIGITAL MARKETING</div></a> <ul class="sub-menu-container mega-menu-dropdown"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/search-engine-optimization-services/"><div> Search Engine Optimization</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/social-media-marketing-services/"><div> Social Media Marketing</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/pay-per-click-services"><div> Pay Per Click Marketing</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/local-seo-services/"><div> Local SEO</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/email-marketing-services/"><div> Email Marketing</div></a> </li> </ul> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/ecommerce-platform-development-services/"><div> ECOMMERCE </div></a> <ul class="sub-menu-container mega-menu-dropdown"> <a class="menu-link" href="https://pollysys.com/shopify-store-development-services"><div> Shopify</div></a> </ul> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/#/"><div> IT SUPPORT SERVICES </div></a> <ul class="sub-menu-container mega-menu-dropdown"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/remote-networking"><div> Remote Networking</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/hardware-support"><div> Hardware Support</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/data-security-services"><div> Data Security</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/data-security-services"><div> Data Backup & Restoration</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/cyber-security-service-providers"><div> Cyber Security</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/mobile-device-management"><div> Mobile Device Management </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/anti-virus-protection"><div> Anti- virus protection </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/data-analytics-services"><div> Data Analytics (IOT) </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/server-management-services"><div> Server Management</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/it-consultancy"><div> IT Consultancy </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/network-support-services"><div> Network Support Services</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/remote-it-support"><div> Remote IT Support</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/managed-it-services"><div> Managed IT Services </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/information-security-gdpr"><div> Information Security & GDPR</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/it-infrastructure-consultancy"><div> IT Infrastructure Consultancy </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/digital-transformation"><div> Digital Transformation</div></a> </li> </ul> </li> </ul> </li> </ul> </div> </div> </div> </li> <li class="menu-item mega-menu desktop-services"> <a class="menu-link line-height40" href="#"><div>Services</div></a> <div class="mega-menu-content mega-menu-style-2"> <div class="container"> <div class="row pb-3"> <ul class="sub-menu-container mega-menu-column col"> <li class="menu-item mega-menu-title"> <a class="menu-link" href="https://pollysys.com/networking-services"><div>NETWORKING SERVICES</div></a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/network-design-service"><div>Network Design</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/routing-and-switching-service"><div> Routing and Switching </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/network-security-service"><div> Network Security </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/data-center-setup-service"><div> Data Center Setup </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/network-service-provider-operations"><div> Service Provider Operations </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/cisco-meraki-service"><div> Cisco Meraki </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/juniper-networks-managed-services"><div> Juniper Managed Enterprise Services </div></a> </li> </ul> </li> </ul> <ul class="sub-menu-container mega-menu-column col"> <li class="menu-item mega-menu-title"> <a class="menu-link" href="https://pollysys.com/cloud-services/"><div> CLOUD SERVICES </div></a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/aws-cloud-services"><div> AWS Cloud Services </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/devops-automation-services"><div> DevOps Automation </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/kubernetes-and-microservices"><div> Kubernetes and Microservices </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/google-cloud-services"><div> Google Cloud Services </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/azure-cloud-platform-service"><div> Azure Cloud Services </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/oracle-cloud-services"><div> Oracle Cloud Services </div></a> </li> </ul> </li> </ul> <ul class="sub-menu-container mega-menu-column col-lg-2"> <li class="menu-item mega-menu-title"> <a class="menu-link mb-0" href="https://pollysys.com/mobile-app-development/"><div> MOBILE APP DEVELOPMENT</div></a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/app-development-for-ios/"><div> IOS</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/android-app-development/"><div> Android</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/hybrid-mobile-app-development/"><div> Hybrid</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/react-native-mobile-app-development"><div> React Native</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/flutter-app-development-solutions"><div> Flutter</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/ionic-app-development-services"><div> Ionic</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/swift-app-development"><div> Swift</div></a> </li> </ul> </li> </ul> <ul class="sub-menu-container mega-menu-column col"> <li class="menu-item mega-menu-title"> <a class="menu-link" href="https://pollysys.com/web-development-services/"><div> WEB DEVELOPMENT </div></a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/custom-software-solutions"><div> Custom Software Solutions </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/csharp-net-development-services"><div> C# / .Net </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/mvc-asp-net-core-services"><div> MVC / ASP.Net Core </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/web-api-development"><div> Web API </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/php-development-services"><div> PHP</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/laravel-development-services"><div>Laravel</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/codeigniter-development-services"><div>Codeigniter </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/angular-development-services"><div>Angular</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/react-native-mobile-app-development"><div>React.js</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/node-js-development-services"><div>Node.js </div></a> </li> </ul> </li> </ul> <ul class="sub-menu-container mega-menu-column col"> <li class="menu-item mega-menu-title"> <a class="menu-link" href="https://pollysys.com/ui-ux-development-services/"><div> UI / UX DEVELOPMENT </div></a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/logo-design-services"><div> Logo Design </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/banner-design-services"><div> Banner Design </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/mockup-design-services"><div> Mockup Design </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/html5-canvas"><div> HTML5 Canvas </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/css3-scss-sass"><div> CSS3 / SCSS / SASS </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/bootstrap-3-4-services"><div> Bootstrap v3.4 </div></a> </li> </ul> </li> </ul> <div style="clear: both;"></div> <ul class="sub-menu-container mega-menu-column col"> <li class="menu-item mega-menu-title"> <a class="menu-link" href="https://pollysys.com/cms-development/"><div> CMS DEVELOPMENT </div></a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/umbraco-cms-development-services"><div> Umbraco</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/sitefinity-cms-development-services/"><div> Sitefinity </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/dotnetnuke-cms-development-services/"><div> DotNetNuke </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/wordpress-cms-development-services"><div> WordPress </div></a> </li> </ul> </li> </ul> <ul class="sub-menu-container mega-menu-column col"> <li class="menu-item mega-menu-title"> <a class="menu-link" href="https://pollysys.com/desktop-solutions/"><div> DESKTOP SOLUTIONS </div></a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/winforms-applications"><div> Winforms Applications </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/devexpress-windows-applications"><div> DevExpress Windows Applications </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/wpf-development-services"><div> WPF </div></a> </li> </ul> </li> </ul> <ul class="sub-menu-container mega-menu-column col-lg-2"> <li class="menu-item mega-menu-title"> <a class="menu-link" href="https://pollysys.com/database-development-services/"><div> DATABASE</div></a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/mssql/"><div> MSSQL</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/mysql/"><div> My SQL </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/mongo-db-cosmos-db/"><div> MongoDB / CosmosDB </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/postgre-sql/"><div> Postgre SQL </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/dynamodb/"><div> DynamoDB </div></a> </li> </ul> </li> </ul> <ul class="sub-menu-container mega-menu-column col"> <li class="menu-item mega-menu-title"> <a class="menu-link" href="https://pollysys.com/digital-marketing-services/"><div> DIGITAL MARKETING</div></a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/search-engine-optimization-services/"><div> Search Engine Optimization</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/social-media-marketing-services/"><div> Social Media Marketing</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/pay-per-click-services"><div> Pay Per Click Marketing</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/local-seo-services/"><div> Local SEO</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/email-marketing-services/"><div> Email Marketing</div></a> </li> </ul> </li> </ul> <ul class="sub-menu-container mega-menu-column col"> <li class="menu-item mega-menu-title"> <a class="menu-link" href="https://pollysys.com/ecommerce-platform-development-services/"><div> ECOMMERCE </div></a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/shopify-store-development-services"><div> Shopify</div></a> </li> </ul> </li> </ul> <div style="clear: both;"></div> <ul class="sub-menu-container sub-menu-container-inner mega-menu-column col-11"> <li class="menu-item mega-menu-title"> <a class="menu-link" href="https://pollysys.com/it-support-services/"><div> IT SUPPORT SERVICES </div></a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/remote-networking"><div> Remote Networking</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/hardware-support"><div> Hardware Support</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/data-security-services"><div> Data Security</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/data-security-services"><div> Data Backup & Restoration</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/cyber-security-service-providers"><div> Cyber Security</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/mobile-device-management"><div> Mobile Device Management </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/anti-virus-protection"><div> Anti- virus protection </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/data-analytics-services"><div> Data Analytics (IOT) </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/server-management-services"><div> Server Management</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/it-consultancy"><div> IT Consultancy </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/network-support-services"><div> Network Support Services</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/remote-it-support"><div> Remote IT Support</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/managed-it-services"><div> Managed IT Services </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/information-security-gdpr"><div> Information Security & GDPR</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/it-infrastructure-consultancy"><div> IT Infrastructure Consultancy </div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/digital-transformation"><div> Digital Transformation</div></a> </li> </ul> </li> </ul> </div> </div> </div> </li> <li class="menu-item mega-menu"> <a class="menu-link" href="https://pollysys.com/blog"><div> Blog</div></a> </li> <li class="menu-item"> <a class="menu-link" href="https://pollysys.com/contact"><div>Contact Us</div></a> </li> </ul> </nav><!-- #primary-menu end --> <form class="top-search-form" action="search.html" method="get"> <input type="text" name="q" class="form-control" value="" placeholder="Type &amp; Hit Enter.." autocomplete="off"> </form> </div> </div> </div> <div class="header-wrap-clone"></div> </header><!-- #header end --> <!-- Slider ============================================= --> <section id="slider" class="slider-element services services-slider" style="background: url('/srcfxonl/uploads/2022/09/uiux.jpg') center center no-repeat; background-size: cover;"> <div class="black-bg"> <div class="container"> <div class="row py-5"> <div class="col-xl-7 col-lg-5 col-md-2 m-auto"> <div class="slider-title dark"> <h1 class="display-4 nott ls0">CSS3 / SCSS / SASS</h1> <p class="lead">Design a sassy platform to welcome users with a feature-rich website created by CSS3, SCSS and SASS.</p> </div> </div> <div class="col-xl-5 col-lg-7 col-md-10"> <div class="card border-0 p-3 shadow-lg" style="background-color: rgba(255,255,255,0.85)"> <h4 class="card-title ls-1 mt-4 fw-bold h5">Contact Form</h4> <h6 class="card-subtitle mb-4 fw-normal text-uppercase ls2 text-black-50">Free Registration here.</h6> <div class=""> <div class="form-result"></div> <div class="wpcf7 no-js" id="wpcf7-f1833-o1" lang="en-US" dir="ltr" data-wpcf7-id="1833"> <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> <form action="/css3-scss-sass/#wpcf7-f1833-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="1833" /> <input type="hidden" name="_wpcf7_version" value="6.0" /> <input type="hidden" name="_wpcf7_locale" value="en_US" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1833-o1" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> <input type="hidden" name="_wpcf7_recaptcha_response" value="" /> </div> <div class="form-widget"> <div class="col-12 form-group"> <p><span class="wpcf7-form-control-wrap" data-name="user-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Enter your Name" value="" type="text" name="user-name" /></span> </p> </div> <div class="col-12 form-group"> <p><span class="wpcf7-form-control-wrap" data-name="user-email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Enter your Email" value="" type="email" name="user-email" /></span> </p> </div> <div class="col-12 form-group"> <p><span class="wpcf7-form-control-wrap" data-name="tel-user"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel" aria-required="true" aria-invalid="false" placeholder="Enter your Phone" value="" type="tel" name="tel-user" /></span> </p> </div> <div class="col-12 form-group"> <p><span class="wpcf7-form-control-wrap" data-name="menu-user"><select class="wpcf7-form-control wpcf7-select" aria-invalid="false" name="menu-user"><option value="Select Your Service">Select Your Service</option><option value="NETWORKING SERVICES">NETWORKING SERVICES</option><option value="CLOUD SERVICES">CLOUD SERVICES</option><option value="MOBILE APP DEVELOPMENT">MOBILE APP DEVELOPMENT</option><option value="WEB DEVELOPMENT">WEB DEVELOPMENT</option><option value="UI / UX DEVELOPMENT">UI / UX DEVELOPMENT</option><option value="CMS DEVELOPMENT">CMS DEVELOPMENT</option><option value="DESKTOP SOLUTIONS">DESKTOP SOLUTIONS</option><option value="DATABASE">DATABASE</option><option value="DIGITAL MARKETING">DIGITAL MARKETING</option><option value="PLATFORMS">PLATFORMS</option><option value="IT SUPPORT SERVICES">IT SUPPORT SERVICES</option></select></span> </p> </div> <div class="col-12 form-group"> <p><button class="button button-3d m-0" type="submit" id="template-contactform-submit1" name="template-contactform-submit1" value="submit">Contact Us</button> </p> </div> </div><div class="wpcf7-response-output" aria-hidden="true"></div> </form> </div> </div> </div> </div> </div> </div> </div> <!--<div class="svg-separator"> <div> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2273 390" fill="#FFF"><path d="M0,211.28s373-254,1119-205,765,173,1154,0v384H0Z"/></svg> </div> </div>--> </section><!-- #page-title end --> <!-- Content ============================================= --> <section id="content" class="services"> <div class=""> <div class="container-fluid clearfix services seo-page"> <div class="row col-mb-50"> <div class="col-lg-12"> <div class="container"> <div class="card imagescalein"> <div class="row p-4 g-0 align-items-center"> <div class="col-md-12 pb-4"> <div class="card-body service-main-content"> <h2 class="text-center">Advance designing services</h2> <h5 class="p-4 text-center">Your Best Shot to expand website features</h5> <p>Reboot your business with Cascading Style Sheets merged with SASS and SCSS.</p> <p>Add extra powerful libraries and functions to process various services effectively.</p> </div> </div> <div class="col-md-8 m-auto"> <img src="/srcfxonl/uploads/2022/11/CSS3-SCSS-SASS.png" class="m-0" alt="CSS3 / SCSS / SASS" /> </div> </div> </div> </div> </div> <div class="col-lg-12 main-service" id=""> <div class="card border-default pt-4 pb-5 bg-light h-shadow-sm shadow-ts"> <h2 class="card-title text-center">Benefits of CSS3, SCSS and SASS</h2> <div class="row g-0 align-items-center"> <div class="col-md-6 p-4 service-main-content"> <div class="card-body"> <h5 class="mb-3 sub-heading">Shoot to the Level-Up with Us</h5> <p>When embedded together, CSS, SCSS and SASS are way too powerful.</p> <p>It is the most desirable choice among developers due to its top-notch compatibility with one another.</p> <p>SCSS have fully advanced features. It can even shorten codes written in CSS3.</p> <p>They make the webpage foundation better and more readable.</p> </div> </div> <div class="col-md-6 text-center m-auto"> <img src="/srcfxonl/uploads/2022/11/Benefits-of-CSS3-SCSS-and-SASS.jpg" class="w-85" alt="Benefits of CSS3, SCSS and SASS"> </div> </div> </div> </div> <div class="clear"></div> <!---services contact--> <div style="background: url('/srcfxonl/uploads/2022/08/contact-bg.webp');"> <div class="container pt-5 service-contact"> <div class="row"> <div class="col-lg-7"> <img data-main-image="" style="opacity: 1;" sizes="(min-width: 587px) 587px, 100vw" alt="Contact Us" srcset="/srcfxonl/uploads/2022/09/services_common.jpg 587w"> </div> <div class="col-lg-5 text-center m-auto"> <br> Looking for a reliable technology partner for your new business? Let us help! <!--<h3 class="mt-3">4.9/5.0</h3>--> <p>Simplify, automate and accelerate your business with Pollysys.</p> <a href="tel:02030034830" class=""> <div class="contact-sec"> <div class=""> <h6>Call for advice now!</h6> <i class="fa fa-phone"></i> <h5> 020 3003 4830</h5> </div> </div> </a> <a href="mailto:support@pollysys.com" class=""> <div class="contact-sec"> <div class=""> <h6>Say hello</h6> <i class="fa fa-envelope"></i> <h5> &nbsp; support@pollysys.com</h5> </div> </div> </a> <br> </div> </div> </div> </div> <div class="clear"></div> <div class="container-fluid"> <div class="row py-5"> <div class="col-xl-7 col-lg-5 col-md-2 m-auto"> <div class="card-body" style="height:335px; overflow-y: scroll;"> <p><strong>Our Services Included in CSS3, SCSS and SASS Development </strong></p> <ul> <li><strong>Website Development –</strong> Our team develop interactive web pages having rich features. By leveraging CSS and SASS to its best, the well-functional and advanced websites are crafted. The advanced features pack the website with the resources needed to deliver the best user experience.</li> <li><strong>Cross-Platform –</strong> Web applications to deploy and function well on different platforms are developed. We help a business grow making it ideal to operate on multiple operating systems and platforms. We customize solutions according to unique business requirements.</li> <li><strong>Regular Migration –</strong> Our experts know the importance of migration and therefore we utilize caching and code optimization. It enhances the functionality of CSS and SASS websites. Web pages and applications get a modern interface and regular upgrades with migration.</li> <li><strong>Source Control –</strong> The best thing about CSS with SCSS/ SASS is that it adds the feature of tracking. You can collaborate with other developers and utilize the new technologies. This drastically improves output quality and eliminates errors.</li> </ul> <p><strong>Why Pollysys for CSS3, SCSS and SASS?</strong></p> <p>Pollysys is a well-versed IT firm providing feature-rich website designing services. Of the various types of webpage solutions, we provide, CSS3, SCSS and SASS. Do you seek to make your website attractive, seamless and well-optimized? Pollysys high-end IT solutions can rocket launch your business to the next level. We are the best CSS3, SCSS and SASS development company in the market that can customize your website to the best of your interest. Our leading ux/ui development services earned us the reputation of top-notch quality, customer-oriented solutions, and cost-effective services. When CSS is combined with SCSS and SASS; it makes a huge difference. However, our skilled developers increase the impact with a wealth of knowledge. Every project is our next opportunity to design interactive, functional, and reliable web pages and applications. Our team stays up-to-date with the evolving world of front-end and back-end development. Transform the way you look at web designing and development. Get in touch with our team for more information.</p> <p><strong>Build Modern Websites with CSS, SCSS and SASS</strong></p> <p>Pollysys uses efficient styling and designing features to make your websites look modern. Our specialists are highly qualified to work with rich tools &amp; features when CSS is combined with SCSS/ SASS. The features are extended when these two are blended with CSS. Features such as nesting and variables are extended. This makes the work easier and more advanced for developers. Enjoy the fully responsible and fast-loading websites. Pollysys is a UK-based company serving around the globe for reliable web-based platforms. The best thing about our team is that they go hand-in-hand with innovation. We admire evolving technology and therefore keep upgrading ourselves. By this, our intelligent crew refine their skills through training &amp; coaching. Apart from that, the team get proper training from the managers and structure engineers. Our team get all the information through manuals, training sessions and coaching programs. This is how we keep track of technology and offer business transformation.</p> <p><strong>The Process We Follow </strong></p> <p>Being a popular web development agency, we follow a comprehensive approach to delivering customized solutions. We closely collaborate with clients to understand their needs deeply. The development team plans code with SASS and CSS, ensuring proper development and functionality. The next step includes testing &amp; deployment. Here, our experts inspect the design detailing and code functionality. We focus on designing user-friendly interfaces with sophisticated styling. The required changes are implemented if necessary. Depending on the project planning; we make sure our developers follow the same. Our services truly represent your brand identity and services. Streamline your business and get a robust presence. Get in touch to know more.</p> </div> </div> <div class="col-xl-5 col-lg-7 col-md-10 m-auto"> <img src="/srcfxonl/uploads/2024/09/2b5ff339-d36d-422f-84c4-7651d5322129.jpg" alt=""> </div> </div> </div> <div class="clear"></div> <!---services contact ends--> <div class="col-lg-12 why-choose pt-4 pb-4 border-default bg-light imagescale h-shadow-sm shadow-ts"> <div class="container "> <h2 class="mb-4 text-center nott ls0 fw-semibold">FAQs</h3> <p style="text-align: center;" class="text-ceter lead op-07 mb-12 sub-heading"></p> <div class="row"> <div class="col-sm-12"> <!-- faq --> <div id="faqs" class="faqs"> <div id="marketplace" class="sub-section pt-5 pb-5"> <div class="toggle faq"> <div class="toggle-header"> <div class="toggle-title"> What is SASS in web development? </div> <div class="toggle-icon"> <i class="toggle-closed icon-line-chevron-down"></i> <i class="toggle-open icon-line-chevron-up"></i> </div> </div> <div class="toggle-content service-main-content" style="display: none;"><p>The full form of SASS is Syntactically Awesome Style Sheets. It is the pre-processor of Cascading Style Sheets and is widely used to add additional, awesome, cool and high-end nesting features to a webpage. Also, it is fully compatible with all versions of CSS. </p> </div> </div> <div class="toggle faq"> <div class="toggle-header"> <div class="toggle-title"> What is SCSS? </div> <div class="toggle-icon"> <i class="toggle-closed icon-line-chevron-down"></i> <i class="toggle-open icon-line-chevron-up"></i> </div> </div> <div class="toggle-content service-main-content" style="display: none;"><p>SCSS is an acronym for Sassy Cascading Style Sheets and an advanced version of CSS. Web developers popularly use it to add exciting features to existing CSS codes. Additionally, it works as a pre-processor with the extension of .scss. </p> </div> </div> <div class="toggle faq"> <div class="toggle-header"> <div class="toggle-title"> What is the difference between CSS and SCSS? </div> <div class="toggle-icon"> <i class="toggle-closed icon-line-chevron-down"></i> <i class="toggle-open icon-line-chevron-up"></i> </div> </div> <div class="toggle-content service-main-content" style="display: none;"><p>CSS is an extremely useful web technology used to design web pages. This scripting language gives stylish parameters to web pages and is used with HTML and js. </p> <p>On the other hand, SCSS is a pre-processor and is a more advanced version of CSS. It is used to write quick and clean scripts in CSS. </p> </div> </div> </div> </div> <!-- faq ends--> </div> </div> </div> </div> <section class="blog-section pt-5 pb-5"> <div class="container"> <div class="row mb-30"> <div class="col-12 col-lg-12"> <div class="section-title style-3 text-center"> <h2>Latest News &amp; Blog</h2> </div> </div> </div> <div class="row"> <div class="col-xl-4 col-md-6 col-12"> <div class="single-blog-card style-2"> <div class="blog-featured-thumb bg-cover" style="background-image: url('/srcfxonl/uploads/2024/01/Best-Network-Solution-Providing-Company-in-UK.jpg')"></div> <div class="content"> <div class="content_inner"> <h3><a href="https://pollysys.com/why-pollysys-is-the-best-network-solution-providing-company-in-uk/">Why Pollysys is the Best Network Solution Providing Company in UK?...</a></h3> <p>In today's fast-paced digital landscape, businesses rely heavily on their network infrastructure to </p> </div> <div class="btn-link-share"> <a href="https://pollysys.com/why-pollysys-is-the-best-network-solution-providing-company-in-uk/" class="theme-btn minimal-btn button-red">read more <i class="fas fa-arrow-right"></i></a> </div> </div> </div> </div> <div class="col-xl-4 col-md-6 col-12"> <div class="single-blog-card style-2"> <div class="blog-featured-thumb bg-cover" style="background-image: url('/srcfxonl/uploads/2023/12/Why-online-reviews-for-your-services-are-important.jpg')"></div> <div class="content"> <div class="content_inner"> <h3><a href="https://pollysys.com/why-online-reviews-for-your-services-are-important/">Why online reviews for your services are important?...</a></h3> <p>Ever lost potential customers because they doubted your services? With 91% of consumers trusting </p> </div> <div class="btn-link-share"> <a href="https://pollysys.com/why-online-reviews-for-your-services-are-important/" class="theme-btn minimal-btn button-red">read more <i class="fas fa-arrow-right"></i></a> </div> </div> </div> </div> <div class="col-xl-4 col-md-6 col-12"> <div class="single-blog-card style-2"> <div class="blog-featured-thumb bg-cover" style="background-image: url('/srcfxonl/uploads/2023/12/Social-Media-Reputation.jpg')"></div> <div class="content"> <div class="content_inner"> <h3><a href="https://pollysys.com/things-you-should-know-about-social-media-reputation-management/">Things You Should Know About Social Media Reputation Management....</a></h3> <p>Do you own a business? I am sure it must be on social media. How do people see you? Do they va</p> </div> <div class="btn-link-share"> <a href="https://pollysys.com/things-you-should-know-about-social-media-reputation-management/" class="theme-btn minimal-btn button-red">read more <i class="fas fa-arrow-right"></i></a> </div> </div> </div> </div> </div> </div> </section> <!--section parallax--> <!--<div class="top-logo pt-5 pb-5"> <div class="heading-block center border-bottom-0"> <h2>Trusted By</h2> </div> <div class="container clearfix pt-0 pb-2"> <div id="oc-clients" class="owl-carousel image-carousel carousel-widget" data-margin="60" data-loop="true" data-nav="false" data-autoplay="5000" data-pagi="false" data-items-xs="2" data-items-sm="3" data-items-md="4" data-items-lg="5" data-items-xl="6"> <div class="oc-item"><a href="#"><img src="/srcfxonl/uploads/2022/08/6.png " alt="Clients"></a></div> <div class="oc-item"><a href="#"><img src="/srcfxonl/uploads/2022/08/5.png " alt="Clients"></a></div> <div class="oc-item"><a href="#"><img src="/srcfxonl/uploads/2022/08/4.png " alt="Clients"></a></div> <div class="oc-item"><a href="#"><img src="/srcfxonl/uploads/2022/08/3.png " alt="Clients"></a></div> <div class="oc-item"><a href="#"><img src="/srcfxonl/uploads/2022/08/2.png " alt="Clients"></a></div> <div class="oc-item"><a href="#"><img src="/srcfxonl/uploads/2022/08/1.png " alt="Clients"></a></div> </div> </div> <br/><br/> </div>--> <!--section parallax--> </div> </div> </div> </section> <!--<section id="content"> <div class="content-wrap py-0"> <div data-target="#block-modal-recovery-email"></div> Modal <div class="modal1 mfp-hide" id="block-modal-recovery-email"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content rounded text-center align-items-center shadow-lg border-0" style="background-color: #F1F1F1;"> <iframe width="560" height="315" src="https://www.youtube.com/embed/E1xkXZs0cAQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </div> </div> </section>--><!-- #content end --> <section class="cta-banner style-2 dark"> <div class="container-fluid bg-cover section-bg" style="background-image: url('/srcfxonl/themes/pollysys-website/assets/img/cta_bg1.png')"> <div class="cta-content"> <div class="row align-items-center"> <div class="col-xl-7 text-white col-12 text-left text-xl-left"> <h2>Ready to bridge the gap between your vision and reality?</h2> </div> <div class="col-xl-5 col-12 text-center text-xl-right"> <a href="https://pollysys.com/contact" class="theme-btn mt-4 mt-xl-0">Get a quote <i class="fas fa-arrow-right"></i></a> <a href="https://pollysys.com/about" class="ml-sm-3 mt-4 mt-xl-0 theme-btn minimal-btn">read more <i class="fas fa-arrow-right"></i></a> </div> </div> </div> </div> </section> <!-- Footer ============================================= --> <footer id="footer" class="dark footer-3 footer-wrap bg-cover"> <div class="container"> <!-- Footer Widgets ============================================= --> <div class="footer-widgets-wrap"> <div class="row col-mb-50"> <div class="col-lg-8"> <div class="row col-mb-50"> <div class="col-md-4"> <div class="widget clearfix"> <img src="/srcfxonl/themes/pollysys-website/images/pollysys-logo.png" alt="Image" class="footer-logo"> <!--<p>We believe in <strong>Simple</strong>, <strong>Creative</strong> &amp; <strong>Flexible</strong> Design Standards.</p>--> <div style="background: url('/srcfxonl/themes/pollysys-website/images/world-map.png') no-repeat center center; background-size: 100%;"> <address> <strong>Our Location:</strong><br> Unit 8, Hayes Business Studios, Coldharbour Lane, Hayes, London UB3 3BB<br> </address> <abbr title="Phone Number"><strong>Phone:</strong></abbr> 02030034830<br> <abbr title="Fax"><strong>Fax:</strong></abbr> 02030034830<br> <abbr title="Email Address"><strong>Email:</strong></abbr> support@pollysys.com​​ </div> </div> </div> <div class="col-md-4"> <div class="widget widget_links clearfix"> <h4>Our Services</h4> <ul> <li><a href="https://pollysys.com/networking-services">Networking Services</a></li> <li><a href="https://pollysys.com/cloud-services/">Cloud Services</a></li> <li><a href="https://pollysys.com/mobile-app-development/">Mobile App Development</a></li> <li><a href="https://pollysys.com/web-development-services/">Web Development</a></li> <li><a href="https://pollysys.com/ui-ux-development-services/">UI/UX Development</a></li> <li><a href="https://pollysys.com/ecommerce-platform-development-services/">Platforms</a></li> </ul> </div> </div> <div class="col-md-4"> <div class="widget widget_links clearfix"> <h4> &nbsp; </h4> <ul> <li><a href="https://pollysys.com/cms-development/">CMS Development</a></li> <li><a href="https://pollysys.com/desktop-solutions/">Desktop Solutions</a></li> <li><a href="https://pollysys.com/database-development-services/">Database</a></li> <li><a href="https://pollysys.com/it-support-services/">IT support</a></li> <li><a href="https://pollysys.com/digital-marketing-services/">Digital Marketing</a></li> </ul> </div> </div> </div> </div> <div class="col-lg-4"> <div class="row col-mb-50"> <div class="col-md-4 col-lg-12"> <div class="widget clearfix" style="margin-bottom: -20px;"> <div class="row"> <div class="col-lg-6"> </div> <div class="col-lg-6"> </div> </div> </div> </div> <div class="col-md-5 col-lg-12 pb-4"> <div class="widget subscribe-widget clearfix"> <h5><strong>Subscribe</strong> to Our Newsletter to get Important News, Amazing Offers &amp; Inside Scoops:</h5> <div class="widget-subscribe-form-result"></div> <div id="contactForm"> <div class="wpcf7 no-js" id="wpcf7-f2373-o2" lang="en-US" dir="ltr" data-wpcf7-id="2373"> <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> <form action="/css3-scss-sass/#wpcf7-f2373-o2" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="2373" /> <input type="hidden" name="_wpcf7_version" value="6.0" /> <input type="hidden" name="_wpcf7_locale" value="en_US" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f2373-o2" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> <input type="hidden" name="_wpcf7_recaptcha_response" value="" /> </div> <div class="row mt-20"> <div class="col-md-8"> <div class="form-group"> <p><span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control" autocomplete="email" aria-required="true" aria-invalid="false" placeholder="Your Email" value="" type="email" name="your-email" /></span> </p> </div> </div> <div class="col-md-4"> <div style="color:red" id="warning-catchadiv"> </div> <p><input class="wpcf7-form-control wpcf7-submit has-spinner theme-btn minimal-btn button-red subscribe-btn" type="submit" value="Submit" /> </p> </div> </div> <div class="wpcf7-response-output" aria-hidden="true"></div> </form> </div> </div> </div> </div> <div class="col-md-3 col-lg-12"> <div class="widget clearfix mt-10" style="margin-bottom: -20px;"> <div class="row"> <div class="col-6 col-md-12 col-lg-6 clearfix "> <a href="https://www.facebook.com/pollysys/" target="_blank" class="social-icon si-dark si-colored si-facebook mb-0" style="margin-right: 10px;"> <i class="icon-facebook"></i> <i class="icon-facebook"></i> </a> <a href="https://www.facebook.com/pollysys/"><small style="display: block; margin-top: 3px;"><strong>Like us</strong><br>on Facebook</small></a> </div> <div class="col-6 col-md-12 col-lg-6 clearfix"> <a href="https://twitter.com/pollysys" class="social-icon si-dark si-colored si-twitter mb-0" style="margin-right: 10px;"> <i class="icon-twitter"></i> <i class="icon-twitter"></i> </a> <a href="#"><small style="display: block; margin-top: 3px;"><strong>Like us</strong><br>on twitter</small></a> </div> </div> </div> </div> </div> </div> </div> </div><!-- .footer-widgets-wrap end --> </div> <!-- Copyrights ============================================= --> <div id="copyrights"> <div class="container"> <div class="row col-mb-30"> <div class="col-md-6 text-center text-md-start"> Copyrights &copy; 2024 All Rights Reserved by Pollysys.<br> <div class="copyright-links"><a href="https://pollysys.com/terms-conditions/">Terms of Use</a> / <a href="https://pollysys.com/privacy-policy/">Privacy Policy</a></div> </div> <div class="col-md-6 text-center text-md-end"> <div class="d-flex justify-content-center justify-content-md-end"> <a href="https://www.facebook.com/pollysys/" target="_blank" class="social-icon si-small si-borderless si-facebook"> <i class="icon-facebook"></i> <i class="icon-facebook"></i> </a> <a href="https://twitter.com/pollysys" target="_blank" class="social-icon si-small si-borderless si-twitter"> <i class="icon-twitter"></i> <i class="icon-twitter"></i> </a> <a href="https://www.youtube.com/channel/UC0XS9cNNzkByK7POJyjiDVQ" target="_blank" class="social-icon si-small si-borderless si-youtube"> <i class="icon-youtube"></i> <i class="icon-youtube"></i> </a> <a href="https://www.instagram.com/pollysys_/" target="_blank" class="social-icon si-small si-borderless si-instagram"> <i class="icon-instagram"></i> <i class="icon-instagram"></i> </a> <!--<a href="#" class="social-icon si-small si-borderless si-pinterest"> <i class="icon-pinterest"></i> <i class="icon-pinterest"></i> </a> <a href="#" class="social-icon si-small si-borderless si-github"> <i class="icon-github"></i> <i class="icon-github"></i> </a> <a href="#" class="social-icon si-small si-borderless si-yahoo"> <i class="icon-yahoo"></i> <i class="icon-yahoo"></i> </a>--> <a href="https://www.linkedin.com/authwall?trk=gf&trkInfo=AQH2nLYYOcQFPQAAAYMNIxMQ7YA4FecyMrgLTtSQN2XxT0XECbM7OX0idXDbgG_SRWDTRiNto_DRVC5R3SAST9Bgg0FXN4TCFhzy57aMUNXuxdRWzCJ4Mts1xXRKVq69lwBGnnE=&original_referer=https://pollysys.com:8443/&sessionRedirect=https%3A%2F%2Fwww.linkedin.com%2Fcompany%2Fpollysys%2F" target="_blank" class="social-icon si-small si-borderless si-linkedin"> <i class="icon-linkedin"></i> <i class="icon-linkedin"></i> </a> </div> <div class="clear"></div> </div> </div> </div> </div><!-- #copyrights end --> </footer><!-- #footer end --> </div><!-- #wrapper end --> <!-- Go To Top ============================================= --> <div id="gotoTop" class="icon-angle-up"></div> <!-- JavaScripts ============================================= --> <script src="/srcfxonl/themes/pollysys-website/js/jquery.js"></script> <script src="/srcfxonl/themes/pollysys-website/js/plugins.min.js"></script> <!-- Footer Scripts ============================================= --> <script src="/srcfxonl/themes/pollysys-website/js/functions.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script> <script> function lazyloadImages(){ var tablinks = document.getElementsByClassName("lazyload"); for (i = 0; i < tablinks.length; i++) { var lazy = tablinks[i]; var src = lazy.dataset.src; lazy.style.background = 'url("'+src+'")'; } } lazyloadImages(); const observer = lozad(); observer.observe(); </script> <script type="text/javascript" src="https://pollysys.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://pollysys.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="/srcfxonl/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/pollysys.com\/wp-json\/", "namespace": "contact-form-7\/v1" }, "cached": 1 }; /* ]]> */ </script> <script type="text/javascript" src="/srcfxonl/plugins/contact-form-7/includes/js/index.js?ver=6.0" id="contact-form-7-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LfkcncjAAAAAIy7Vyxe-eS27hvchPx32N9wPTBy&amp;ver=3.0" id="google-recaptcha-js"></script> <script type="text/javascript" src="https://pollysys.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="wpcf7-recaptcha-js-before"> /* <![CDATA[ */ var wpcf7_recaptcha = { "sitekey": "6LfkcncjAAAAAIy7Vyxe-eS27hvchPx32N9wPTBy", "actions": { "homepage": "homepage", "contactform": "contactform" } }; /* ]]> */ </script> <script type="text/javascript" src="/srcfxonl/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.0" id="wpcf7-recaptcha-js"></script> </body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1732663061 -->

Pages: 1 2 3 4 5 6 7 8 9 10