همکاران مرکز - مرکز فناوری اطلاعات و ارتباطات

<!DOCTYPE html> <html class="rtl" dir="rtl" lang="fa-IR"> <head> <title>همکاران مرکز - مرکز فناوری اطلاعات و ارتباطات</title> <meta content="initial-scale=1.0, width=device-width" name="viewport" /> <meta content="IE=edge" http-equiv="x-ua-compatible" /> <meta content="text/html; charset=UTF-8" http-equiv="content-type" /> <script data-senna-track="permanent" src="/o/frontend-js-svg4everybody-web/index.js" type="text/javascript"></script> <script data-senna-track="permanent" src="/o/frontend-compatibility-ie/closest.js" type="text/javascript"></script> <script data-senna-track="permanent" src="/o/frontend-compatibility-ie/control.menu.js" type="text/javascript"></script> <script data-senna-track="permanent" src="/o/frontend-compatibility-ie/core-js-bundle.min.js" type="text/javascript"></script> <script data-senna-track="permanent" src="/o/frontend-compatibility-ie/fetch.js" type="text/javascript"></script> <script data-senna-track="permanent" src="/o/frontend-compatibility-ie/intersection-observer.js" type="text/javascript"></script> <script data-senna-track="permanent" src="/o/frontend-compatibility-ie/remove.js" type="text/javascript"></script> <script data-senna-track="permanent" src="/o/frontend-compatibility-ie/svg.contains.js" type="text/javascript"></script> <script data-senna-track="permanent" src="/o/frontend-compatibility-ie/uint16array.slice.js" type="text/javascript"></script> <link data-senna-track="permanent" href="/o/frontend-compatibility-ie/css/main.css" rel="stylesheet" type="text/css"> <link data-senna-track="permanent" href="/o/frontend-theme-font-awesome-web/css/main.css" rel="stylesheet" type="text/css" /> <link data-senna-track="temporary" href="https://ictc.sharif.ir/colleagues" rel="canonical" /> <link data-senna-track="temporary" href="https://ictc.sharif.ir/colleagues/tr/" hreflang="tr-TR" rel="alternate" /> <link data-senna-track="temporary" href="https://ictc.sharif.ir/colleagues" hreflang="fa-IR" rel="alternate" /> <link data-senna-track="temporary" href="https://ictc.sharif.ir/colleagues/ru/" hreflang="ru-RU" rel="alternate" /> <link data-senna-track="temporary" href="https://ictc.sharif.ir/colleagues/ar/" hreflang="ar-SA" rel="alternate" /> <link data-senna-track="temporary" href="https://ictc.sharif.ir/colleagues/en/" hreflang="en-US" rel="alternate" /> <link data-senna-track="temporary" href="https://ictc.sharif.ir/colleagues" hreflang="x-default" rel="alternate" /> <meta property="og:locale" content="fa_IR"> <meta property="og:locale:alternate" content="fa_IR"> <meta property="og:locale:alternate" content="en_US"> <meta property="og:locale:alternate" content="ar_SA"> <meta property="og:locale:alternate" content="tr_TR"> <meta property="og:locale:alternate" content="ru_RU"> <meta property="og:site_name" content="مرکز فناوری اطلاعات و ارتباطات"> <meta property="og:title" content="همکاران مرکز - مرکز فناوری اطلاعات و ارتباطات - پورتال دانشگاه شریف"> <meta property="og:type" content="website"> <meta property="og:url" content="https://ictc.sharif.ir/colleagues"> <link href="/favicon.ico" rel="icon" /> <link class="lfr-css-file" data-senna-track="temporary" href="https://ictc.sharif.ir/o/shu-theme/css/clay.css?browserId=ie&themeId=shutheme_WAR_shutheme&minifierType=css&languageId=fa_IR&b=7307&t=1737807942000" id="liferayAUICSS" rel="stylesheet" type="text/css" /> <link data-senna-track="temporary" href="/o/frontend-css-web/main.css?browserId=ie&themeId=shutheme_WAR_shutheme&minifierType=css&languageId=fa_IR&b=7307&t=1737807885743" id="liferayPortalCSS" rel="stylesheet" type="text/css" /> <link data-senna-track="temporary" href="/combo?browserId=ie&minifierType=&themeId=shutheme_WAR_shutheme&languageId=fa_IR&b=7307&com_liferay_portal_search_web_portlet_SearchPortlet:%2Fcss%2Fmain.css&com_liferay_product_navigation_product_menu_web_portlet_ProductMenuPortlet:%2Fcss%2Fmain.css&com_liferay_product_navigation_user_personal_bar_web_portlet_ProductNavigationUserPersonalBarPortlet:%2Fcss%2Fmain.css&t=1737807942000" id="1d26e54b" rel="stylesheet" type="text/css" /> <script data-senna-track="temporary" type="text/javascript"> // <![CDATA[ var Liferay = Liferay || {}; Liferay.Browser = { acceptsGzip: function() { return true; }, getMajorVersion: function() { return 7.0; }, getRevision: function() { return '7.0'; }, getVersion: function() { return '7.0'; }, isAir: function() { return false; }, isChrome: function() { return false; }, isEdge: function() { return false; }, isFirefox: function() { return false; }, isGecko: function() { return false; }, isIe: function() { return true; }, isIphone: function() { return false; }, isLinux: function() { return false; }, isMac: function() { return false; }, isMobile: function() { return false; }, isMozilla: function() { return false; }, isOpera: function() { return false; }, isRtf: function() { return true; }, isSafari: function() { return false; }, isSun: function() { return false; }, isWebKit: function() { return false; }, isWindows: function() { return true; } }; Liferay.Data = Liferay.Data || {}; Liferay.Data.ICONS_INLINE_SVG = true; Liferay.Data.NAV_SELECTOR = '#navigation'; Liferay.Data.NAV_SELECTOR_MOBILE = '#navigationCollapse'; Liferay.Data.isCustomizationView = function() { return false; }; Liferay.Data.notices = [ ]; Liferay.PortletKeys = { DOCUMENT_LIBRARY: 'com_liferay_document_library_web_portlet_DLPortlet', DYNAMIC_DATA_MAPPING: 'com_liferay_dynamic_data_mapping_web_portlet_DDMPortlet', ITEM_SELECTOR: 'com_liferay_item_selector_web_portlet_ItemSelectorPortlet' }; Liferay.PropsValues = { JAVASCRIPT_SINGLE_PAGE_APPLICATION_TIMEOUT: 0, NTLM_AUTH_ENABLED: false, UPLOAD_SERVLET_REQUEST_IMPL_MAX_SIZE: 512000000 }; Liferay.ThemeDisplay = { getLayoutId: function() { return '24'; }, getLayoutRelativeControlPanelURL: function() { return '/group/ictc/~/control_panel/manage'; }, getLayoutRelativeURL: function() { return '/colleagues'; }, getLayoutURL: function() { return 'https://ictc.sharif.ir/colleagues'; }, getParentLayoutId: function() { return '18'; }, isControlPanel: function() { return false; }, isPrivateLayout: function() { return 'false'; }, isVirtualLayout: function() { return false; }, getBCP47LanguageId: function() { return 'fa-IR'; }, getCanonicalURL: function() { return 'https\x3a\x2f\x2fictc\x2esharif\x2eir\x2fcolleagues'; }, getCDNBaseURL: function() { return 'https://ictc.sharif.ir'; }, getCDNDynamicResourcesHost: function() { return ''; }, getCDNHost: function() { return ''; }, getCompanyGroupId: function() { return '20124'; }, getCompanyId: function() { return '20098'; }, getDefaultLanguageId: function() { return 'fa_IR'; }, getDoAsUserIdEncoded: function() { return ''; }, getLanguageId: function() { return 'fa_IR'; }, getParentGroupId: function() { return '109144'; }, getPathContext: function() { return ''; }, getPathImage: function() { return '/image'; }, getPathJavaScript: function() { return '/o/frontend-js-web'; }, getPathMain: function() { return '/c'; }, getPathThemeImages: function() { return 'https://ictc.sharif.ir/o/shu-theme/images'; }, getPathThemeRoot: function() { return '/o/shu-theme'; }, getPlid: function() { return '3326'; }, getPortalURL: function() { return 'https://ictc.sharif.ir'; }, getScopeGroupId: function() { return '109144'; }, getScopeGroupIdOrLiveGroupId: function() { return '109144'; }, getSessionId: function() { return ''; }, getSiteAdminURL: function() { return 'https://ictc.sharif.ir/group/ictc/~/control_panel/manage?p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view'; }, getSiteGroupId: function() { return '109144'; }, getURLControlPanel: function() { return '/group/control_panel?refererPlid=3326'; }, getURLHome: function() { return 'https\x3a\x2f\x2fictc\x2esharif\x2eir\x2fweb\x2fguest'; }, getUserEmailAddress: function() { return ''; }, getUserId: function() { return '20103'; }, getUserName: function() { return ''; }, isAddSessionIdToURL: function() { return false; }, isImpersonated: function() { return false; }, isSignedIn: function() { return false; }, isStateExclusive: function() { return false; }, isStateMaximized: function() { return false; }, isStatePopUp: function() { return false; } }; var themeDisplay = Liferay.ThemeDisplay; Liferay.AUI = { getAvailableLangPath: function() { return 'available_languages.jsp?browserId=ie&themeId=shutheme_WAR_shutheme&colorSchemeId=01&minifierType=js&languageId=fa_IR&b=7307&t=1737966042429'; }, getCombine: function() { return true; }, getComboPath: function() { return '/combo/?browserId=ie&minifierType=&languageId=fa_IR&b=7307&t=1737807891117&'; }, getDateFormat: function() { return '%m/%d/%Y'; }, getEditorCKEditorPath: function() { return '/o/frontend-editor-ckeditor-web'; }, getFilter: function() { var filter = 'raw'; filter = 'min'; return filter; }, getFilterConfig: function() { var instance = this; var filterConfig = null; if (!instance.getCombine()) { filterConfig = { replaceStr: '.js' + instance.getStaticResourceURLParams(), searchExp: '\\.js$' }; } return filterConfig; }, getJavaScriptRootPath: function() { return '/o/frontend-js-web'; }, getLangPath: function() { return 'aui_lang.jsp?browserId=ie&themeId=shutheme_WAR_shutheme&colorSchemeId=01&minifierType=js&languageId=fa_IR&b=7307&t=1737807891117'; }, getPortletRootPath: function() { return '/html/portlet'; }, getStaticResourceURLParams: function() { return '?browserId=ie&minifierType=&languageId=fa_IR&b=7307&t=1737807891117'; } }; Liferay.authToken = 'gRhVxByG'; Liferay.currentURL = '\x2fcolleagues'; Liferay.currentURLEncoded = '\x252Fcolleagues'; // ]]> </script> <script src="/o/js_loader_config?t=1737807919476" type="text/javascript"></script> <script data-senna-track="permanent" src="/combo?browserId=ie&minifierType=js&languageId=fa_IR&b=7307&t=1737807892659&/o/frontend-js-aui-web/aui/aui/aui.js&/o/frontend-js-aui-web/liferay/modules.js&/o/frontend-js-aui-web/liferay/aui_sandbox.js&/o/frontend-js-aui-web/aui/attribute-base/attribute-base.js&/o/frontend-js-aui-web/aui/attribute-complex/attribute-complex.js&/o/frontend-js-aui-web/aui/attribute-core/attribute-core.js&/o/frontend-js-aui-web/aui/attribute-observable/attribute-observable.js&/o/frontend-js-aui-web/aui/attribute-extras/attribute-extras.js&/o/frontend-js-aui-web/aui/event-custom-base/event-custom-base.js&/o/frontend-js-aui-web/aui/event-custom-complex/event-custom-complex.js&/o/frontend-js-aui-web/aui/oop/oop.js&/o/frontend-js-aui-web/aui/aui-base-lang/aui-base-lang.js&/o/frontend-js-aui-web/liferay/dependency.js&/o/frontend-js-aui-web/liferay/util.js&/o/frontend-js-web/loader/config.js&/o/frontend-js-web/loader/loader.js&/o/frontend-js-web/liferay/dom_task_runner.js&/o/frontend-js-web/liferay/events.js&/o/frontend-js-web/liferay/lazy_load.js&/o/frontend-js-web/liferay/liferay.js&/o/frontend-js-web/liferay/global.bundle.js&/o/frontend-js-web/liferay/portlet.js&/o/frontend-js-web/liferay/workflow.js" type="text/javascript"></script> <script data-senna-track="temporary" src="/o/js_bundle_config?t=1737807937814" type="text/javascript"></script> <script data-senna-track="temporary" type="text/javascript"> // <![CDATA[ // ]]> </script> <link class="lfr-css-file" data-senna-track="temporary" href="https://ictc.sharif.ir/o/shu-theme/css/main.css?browserId=ie&themeId=shutheme_WAR_shutheme&minifierType=css&languageId=fa_IR&b=7307&t=1737807942000" id="liferayThemeCSS" rel="stylesheet" type="text/css" /> <style data-senna-track="temporary" type="text/css"> #p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet-content { background-color: #; border-top-color: #; border-right-color: #; border-bottom-color: #; border-left-color: #; color: # } </style> <link href="/o/commerce-frontend-js/styles/main.css" rel="stylesheet" type="text/css" /><style data-senna-track="temporary" type="text/css"> </style> <link data-senna-track="permanent" href="https://ictc.sharif.ir/combo?browserId=ie&minifierType=css&languageId=fa_IR&b=7307&t=1737807892626&/o/frontend-admin-theme-contributor/css/main.css&/o/sain-admin-theme-contributor/css/sain-admin.css" rel="stylesheet" type = "text/css" /> <script data-senna-track="permanent" src="https://ictc.sharif.ir/combo?browserId=ie&minifierType=js&languageId=fa_IR&b=7307&t=1737807892626&/o/frontend-admin-theme-contributor/js/main.js&/o/sain-admin-theme-contributor/js/sain-admin.js" type = "text/javascript"></script> <script src="https://ictc.sharif.ir/o/adaptive-media-image-web/picturefill.min.js" type= "text/javascript"></script> <script data-senna-track="temporary" type="text/javascript"> if (window.Analytics) { window._com_liferay_document_library_analytics_isViewFileEntry = false; } </script> <script type="text/javascript"> // <![CDATA[ Liferay.on( 'ddmFieldBlur', function(event) { if (window.Analytics) { Analytics.send( 'fieldBlurred', 'Form', { fieldName: event.fieldName, focusDuration: event.focusDuration, formId: event.formId, page: event.page } ); } } ); Liferay.on( 'ddmFieldFocus', function(event) { if (window.Analytics) { Analytics.send( 'fieldFocused', 'Form', { fieldName: event.fieldName, formId: event.formId, page: event.page } ); } } ); Liferay.on( 'ddmFormPageShow', function(event) { if (window.Analytics) { Analytics.send( 'pageViewed', 'Form', { formId: event.formId, page: event.page, title: event.title } ); } } ); Liferay.on( 'ddmFormSubmit', function(event) { if (window.Analytics) { Analytics.send( 'formSubmitted', 'Form', { formId: event.formId } ); } } ); Liferay.on( 'ddmFormView', function(event) { if (window.Analytics) { Analytics.send( 'formViewed', 'Form', { formId: event.formId, title: event.title } ); } } ); // ]]> </script> <link rel="stylesheet" href="https://ictc.sharif.ir/o/shu-theme/css/fonts.css?v=2"> <link rel="stylesheet" href="https://ictc.sharif.ir/o/shu-theme/css/navbar.css">  <script src="https://ictc.sharif.ir/o/shu-theme/js/jalali-moment.browser.js"></script> <script src="https://ictc.sharif.ir/o/shu-theme/js/splide.js"></script> <link rel="stylesheet" href="https://ictc.sharif.ir/o/shu-theme/css/splide.min.css"> <link rel="stylesheet" href="https://ictc.sharif.ir/o/shu-theme/css/splide-core.min.css"> <link rel="stylesheet" href="https://ictc.sharif.ir/o/shu-theme/css/themes/splide-default.min.css"> <link href="https://ictc.sharif.ir/o/shu-theme/css/aos.css" rel="stylesheet"> <script src="https://ictc.sharif.ir/o/shu-theme/js/aos.js"></script>  </head> <body class="faculty-page blue ie controls-visible yui3-skin-sam signed-out public-page organization-site"> <nav aria-label="لینک‌های سریع" class="quick-access-nav" id="zsjg_quickAccessNav"> <h1 class="hide-accessible">پیمایش</h1> <ul> <li><a href="#main-content">صرف‌نظر از محتوا</a></li> </ul> </nav> <div class="d-flex flex-column min-vh-100"> <div class="offcanvas-menu"> <div class="offcanvas-inner"> <section class="sp-logo-wrapper"> <div class="container"> <div class="row"> <div class="col-12"> <div class="sp-logo float-left"> <div class="sp-column "> <div class="logo"> <a href="http://www.sharif.edu" > <picture data-fileentryid="95200"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/95200/Thumbnail-300x300/logo-fa-IR.png?t=1609608338755, /o/adaptive-media/image/95200/thumbnail-600x600/logo-fa-IR.png?t=1609608338755 2x" /><source media="(max-width:600px) and (min-width:300px)" srcset="/o/adaptive-media/image/95200/thumbnail-600x600/logo-fa-IR.png?t=1609608338755" /><source media="(max-width:730px) and (min-width:600px)" srcset="/o/adaptive-media/image/95200/Preview-1000x0/logo-fa-IR.png?t=1609608338755" /><source media="(max-width:730px) and (min-width:730px)" srcset="/o/adaptive-media/image/95200/thumbnail-1700x1000/logo-fa-IR.png?t=1609608338755" /><img class="sp-default-logo" alt="" data-fileentryid="95200" src="/documents/20124/0/logo-fa-IR.png/4d9b72bc-494b-ed5a-d3bb-e7dfd319aec8?t=1609608338755" /></picture> <span class="sp-text-logo">دانشگاه صنعتی شریف</span> </a> <style> .sp-text-subsite { padding: 5px; top: -37px; } .sp-text-subsite-logo { color: #fff; font-style: normal; font-weight: 700; font-size: 1.07em; line-height: 20px; } .sp-header .sp-main-menu .navbar { padding-right: 25px !important; } @media (max-width:991px) { .sp-header .sp-logo-wrapper .sp-text-logo { display:none; } .sp-header .sp-text-subsite { top: -37px; position: relative; } .sp-header .sp-main-menu { margin: 0 4.143em 0 0; } .ltr .sp-header .sp-main-menu { margin: 0 0 0 4.143em; } .offcanvas-menu .sp-logo-wrapper .sp-text-logo { display:none; } .offcanvas-menu .sp-text-subsite { float:none !important; } } </style> <a href="./" id="sp-text-subsite" class="sp-text-subsite float-left"> <span class="sp-text-subsite-logo">مرکز فناوری اطلاعات و ارتباطات</span> </a> </div> </div> </div> <div class="sp-logo-right float-right"> <ul> <li class="d-md-none"> <a href="JavaScript:Void(0);" class="close-offcanvas" onclick="offcanvas()"> <svg class="lexicon-icon" focusable="false" viewBox="0 0 512 512"><title>بستن</title> <path class="lexicon-icon-outline" d="M295.781 256l205.205-205.205c10.998-10.998 10.998-28.814 0-39.781-10.998-10.998-28.815-10.998-39.781 0l-205.205 205.205-205.205-205.238c-10.966-10.998-28.814-10.998-39.781 0-10.998 10.998-10.998 28.814 0 39.781l205.205 205.238-205.205 205.205c-10.998 10.998-10.998 28.815 0 39.781 5.467 5.531 12.671 8.265 19.874 8.265s14.407-2.734 19.907-8.233l205.205-205.238 205.205 205.205c5.5 5.5 12.703 8.233 19.906 8.233s14.407-2.734 19.906-8.233c10.998-10.998 10.998-28.815 0-39.781l-205.238-205.205z"></path> </svg> </a> <script> function offcanvas() { var body = document.body; body.classList.toggle("offcanvas"); document.querySelector('.sp-header').classList.toggle("opacity-0"); } var specifiedElements = document.querySelector(".offcanvas-menu"); document.addEventListener('click', function(event) { var isClickInside = specifiedElements.contains(event.target); if (isClickInside) { //console.log('You clicked inside') } else { var specifiedElementss = document.querySelector("#offcanvas-toggler"); var isClickInsides = specifiedElementss.contains(event.target); if (isClickInsides) { var body = document.body; body.classList.add("offcanvas"); document.querySelector('.sp-header').classList.add("opacity-0"); } else { var body = document.body; body.classList.remove("offcanvas"); document.querySelector('.sp-header').classList.remove("opacity-0"); } } }); </script> </li> </ul> </div> </div> </div> </div> </section> <div class="sp-module"> <div class="sp-module-search"> <div class="search"> <div class="portlet-boundary portlet-boundary_com_liferay_portal_search_web_portlet_SearchPortlet_ portlet-static portlet-static-end portlet-barebone portlet-search " id="p_p_id_com_liferay_portal_search_web_portlet_SearchPortlet_"> <span id="p_com_liferay_portal_search_web_portlet_SearchPortlet"></span> <section class="portlet" id="portlet_com_liferay_portal_search_web_portlet_SearchPortlet"> <div class="portlet-content"> <div class=" portlet-content-container"> <div class="portlet-body"> <form action="https://ictc.sharif.ir/colleagues?p_p_id=com_liferay_portal_search_web_portlet_SearchPortlet&p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view&_com_liferay_portal_search_web_portlet_SearchPortlet_mvcPath=%2Fsearch.jsp&_com_liferay_portal_search_web_portlet_SearchPortlet_redirect=https%3A%2F%2Fictc.sharif.ir%2Fcolleagues%3Fp_p_id%3Dcom_liferay_portal_search_web_portlet_SearchPortlet%26p_p_lifecycle%3D0%26p_p_state%3Dnormal%26p_p_mode%3Dview" class="form " data-fm-namespace="_com_liferay_portal_search_web_portlet_SearchPortlet_" id="_com_liferay_portal_search_web_portlet_SearchPortlet_fm" method="get" name="_com_liferay_portal_search_web_portlet_SearchPortlet_fm" > <fieldset class="input-container" disabled="disabled"> <input class="field form-control" id="_com_liferay_portal_search_web_portlet_SearchPortlet_formDate" name="_com_liferay_portal_search_web_portlet_SearchPortlet_formDate" type="hidden" value="1740503814286" /> <input name="p_p_id" type="hidden" value="com_liferay_portal_search_web_portlet_SearchPortlet" /><input name="p_p_lifecycle" type="hidden" value="0" /><input name="p_p_state" type="hidden" value="maximized" /><input name="p_p_mode" type="hidden" value="view" /><input name="_com_liferay_portal_search_web_portlet_SearchPortlet_mvcPath" type="hidden" value="/search.jsp" /><input name="_com_liferay_portal_search_web_portlet_SearchPortlet_redirect" type="hidden" value="https://ictc.sharif.ir/colleagues?p_p_id=com_liferay_portal_search_web_portlet_SearchPortlet&p_p_lifecycle=0&p_p_state=normal&p_p_mode=view" /> <div class="form-group-autofit search-input-group"> <div class="form-group-item"> <div class="input-group"> <div class="input-group-item"> <input class="form-control input-group-inset input-group-inset-after search-input search-portlet-keywords-input" id="_com_liferay_portal_search_web_portlet_SearchPortlet_keywords" name="_com_liferay_portal_search_web_portlet_SearchPortlet_keywords" placeholder="جستجو" type="text" value="" /> <div class="input-group-inset-item input-group-inset-item-after"> <button class="btn btn-light btn-unstyled" onclick="_com_liferay_portal_search_web_portlet_SearchPortlet_search();" type="submit"> <span class="" > <span id="qfkd____"><svg aria-hidden="true" class="lexicon-icon lexicon-icon-search" focusable="false" ><use href="https://ictc.sharif.ir/o/shu-theme/images/clay/icons.svg#search"></use></svg></span> </span> </button> </div> </div> </div> </div> <input class="field form-control" id="_com_liferay_portal_search_web_portlet_SearchPortlet_scope" name="_com_liferay_portal_search_web_portlet_SearchPortlet_scope" type="hidden" value="this-site" /> </div> <script type="text/javascript"> // <![CDATA[ window._com_liferay_portal_search_web_portlet_SearchPortlet_search = function () { var keywords = document._com_liferay_portal_search_web_portlet_SearchPortlet_fm._com_liferay_portal_search_web_portlet_SearchPortlet_keywords.value; keywords = keywords.replace(/^\s+|\s+$/, ''); if (keywords != '') { submitForm(document._com_liferay_portal_search_web_portlet_SearchPortlet_fm); } }; // ]]> </script> </fieldset> </form> <script type="text/javascript"> // <![CDATA[ AUI().use('liferay-form', function(A) {(function() {var $ = AUI.$;var _ = AUI._; Liferay.Form.register( { id: '_com_liferay_portal_search_web_portlet_SearchPortlet_fm' , fieldRules: [ ] , onSubmit: function(event) { _com_liferay_portal_search_web_portlet_SearchPortlet_search(); event.preventDefault(); } , validateOnBlur: true } ); var onDestroyPortlet = function(event) { if (event.portletId === 'com_liferay_portal_search_web_portlet_SearchPortlet') { delete Liferay.Form._INSTANCES['_com_liferay_portal_search_web_portlet_SearchPortlet_fm']; } }; Liferay.on('destroyPortlet', onDestroyPortlet); A.all('#_com_liferay_portal_search_web_portlet_SearchPortlet_fm .input-container').removeAttribute('disabled'); Liferay.fire( '_com_liferay_portal_search_web_portlet_SearchPortlet_formReady', { formName: '_com_liferay_portal_search_web_portlet_SearchPortlet_fm' } ); })();}); // ]]> </script> </div> </div> </div> </section> </div> </div> </div> </div> <div class="sp-module"> <div class="sp-module-menu"> <ul class="nav menu-canvas"> <li class="item-1 deeper parent"> <a href=" https://ictc.sharif.ir/home "> صفحه اصلی </a> </li> <li class="item-2 deeper parent"> <a href=" JavaScript:Void(0); "> درباره مرکز </a> <span class="offcanvas-2 offcanvas-menu-toggler collapsed" data-toggle="collapse" data-target="#collapse-menu-2"> <i class="fa fa-2x fa-angle-down"></i> </span> <script> document.querySelector('.offcanvas-2').addEventListener('click', function(e) { document.querySelector('.offcanvas-2').classList.toggle('collapsed'); [].map.call(document.querySelectorAll('#collapse-menu-2'), function(el) { el.classList.toggle('show'); }); }); </script> <ul class="collapse" id="collapse-menu-2"> <li class="item-3 deeper parent"> <a href="https://ictc.sharif.ir/%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D9%85%D8%B1%DA%A9%D8%B2" > معرفی مرکز </a> </li> <li class="item-4 deeper parent"> <a href="https://ictc.sharif.ir/%D9%85%D8%B1%DA%A9%D8%B2-%D8%AF%D8%A7%D8%AF%D9%87-%D8%AF%D8%A7%D9%86%D8%B4%DA%AF%D8%A7%D9%87" > مرکز داده دانشگاه </a> </li> <li class="item-5 deeper parent"> <a href="https://ictc.sharif.ir/%D8%A2%DB%8C%DB%8C%D9%86-%D9%86%D8%A7%D9%85%D9%87-%D9%81%D9%86%D8%A7%D9%88%D8%B1%DB%8C-%D8%A7%D8%B7%D9%84%D8%A7%D8%B9%D8%A7%D8%AA" > آیین‌نامه فناوری اطلاعات </a> </li> <li class="item-6 deeper parent"> <a href="https://ictc.sharif.ir/colleagues" > همکاران مرکز </a> </li> </ul> </li> <li class="item-7 deeper parent"> <a href=" JavaScript:Void(0); "> خدمات </a> <span class="offcanvas-7 offcanvas-menu-toggler collapsed" data-toggle="collapse" data-target="#collapse-menu-7"> <i class="fa fa-2x fa-angle-down"></i> </span> <script> document.querySelector('.offcanvas-7').addEventListener('click', function(e) { document.querySelector('.offcanvas-7').classList.toggle('collapsed'); [].map.call(document.querySelectorAll('#collapse-menu-7'), function(el) { el.classList.toggle('show'); }); }); </script> <ul class="collapse" id="collapse-menu-7"> <li class="item-8 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B4%D9%86%D8%A7%D8%B3%D9%87-%D8%B4%D8%B1%DB%8C%D9%81-%D9%88-%D8%A7%DB%8C%D9%86%D8%AA%D8%B1%D9%86%D8%AA" > شناسه شریف و اینترنت </a> </li> <li class="item-9 deeper parent"> <a href="https://ictc.sharif.ir/%D9%BE%D8%B3%D8%AA-%D8%A7%D9%84%DA%A9%D8%AA%D8%B1%D9%88%D9%86%DB%8C%DA%A9" > پست الکترونیکی </a> </li> <li class="item-10 deeper parent"> <a href="https://ictc.sharif.ir/%D8%AF%D8%A7%D9%85%D9%86%D9%87-%D8%B4%D8%B1%DB%8C%D9%81" > دامنه شریف </a> </li> <li class="item-11 deeper parent"> <a href="https://ictc.sharif.ir/%D9%85%DB%8C%D8%B2%D8%A8%D8%A7%D9%86%DB%8C-%D9%88%D8%A8" > میزبانی وب </a> </li> <li class="item-12 deeper parent"> <a href="https://ictc.sharif.ir/vps-service" > سرور مجازی‌ اختصاصی (VPS) </a> </li> <li class="item-13 deeper parent"> <a href="https://ictc.sharif.ir/colocation-service" > فضای میزبانی سرور (Colocation) </a> </li> <li class="item-14 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B3%D8%A7%D9%85%D8%A7%D9%86%D9%87-%D9%BE%D8%B1%D8%AF%D8%A7%D8%B2%D8%B4-%D8%B3%D8%B1%DB%8C%D8%B9-hpc" > سامانه پردازش سریع (HPC) </a> </li> <li class="item-15 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B3%D8%A7%D9%85%D8%A7%D9%86%D9%87-%D9%88%DB%8C%D8%B1%D8%A7%DB%8C%D8%B4%DA%AF%D8%B1-%D9%88-%D9%BE%D8%B1%D8%AF%D8%A7%D8%B2%D8%B4%DA%AF%D8%B1-%D8%A8%D8%B1%D8%AE%D8%B7-latex" > سامانه ویرایشگر و پردازشگر برخط LaTex </a> </li> <li class="item-16 deeper parent"> <a href="https://ictc.sharif.ir/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%B4%D8%A8%DA%A9%D9%87-%D9%88-%D8%A7%DB%8C%D9%86%D8%AA%D8%B1%D9%86%D8%AA-%D8%B1%D9%88%DB%8C%D8%AF%D8%A7%D8%AF%D9%87%D8%A7" > خدمات شبکه و اینترنت رویدادها </a> </li> <li class="item-17 deeper parent"> <a href="https://ictc.sharif.ir/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%B3%D8%AE%D8%AA-%D8%A7%D9%81%D8%B2%D8%A7%D8%B1%DB%8C" > خدمات سخت افزاری </a> </li> <li class="item-18 deeper parent"> <a href="https://ictc.sharif.ir/%D8%A2%D9%86%D8%AA%DB%8C-%D9%88%DB%8C%D8%B1%D9%88%D8%B3" > آنتی ویروس </a> </li> <li class="item-19 deeper parent"> <a href="https://ictc.sharif.ir/%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF%D9%87%D8%A7%DB%8C-%D8%AD%D8%AC%DB%8C%D9%85" > دانلودهای حجیم </a> </li> <li class="item-20 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B3%D8%B1%D9%88%DB%8C%D8%B3-ftp" > سرویس FTP </a> </li> <li class="item-21 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B3%D8%A7%D9%85%D8%A7%D9%86%D9%87-%D8%A7%D8%B1%D8%B3%D8%A7%D9%84-%D9%BE%DB%8C%D8%A7%D9%85%DA%A9" > سامانه ارسال پیامک </a> </li> <li class="item-22 deeper parent"> <a href="https://bw.ictc.sharif.edu" > مشاهده و مدیریت ترافیک </a> </li> </ul> </li> <li class="item-23 deeper parent"> <a href=" https://ictc.sharif.ir/%D8%B3%D8%A7%D9%85%D8%A7%D9%86%D9%87-%D9%87%D8%A7 "> سامانه‌ها </a> </li> <li class="item-24 deeper parent"> <a href=" http://noc.sharif.ir/ "> گزارش مشکل </a> </li> <li class="item-25 deeper parent"> <a href=" JavaScript:Void(0); "> راهنماها </a> <span class="offcanvas-25 offcanvas-menu-toggler collapsed" data-toggle="collapse" data-target="#collapse-menu-25"> <i class="fa fa-2x fa-angle-down"></i> </span> <script> document.querySelector('.offcanvas-25').addEventListener('click', function(e) { document.querySelector('.offcanvas-25').classList.toggle('collapsed'); [].map.call(document.querySelectorAll('#collapse-menu-25'), function(el) { el.classList.toggle('show'); }); }); </script> <ul class="collapse" id="collapse-menu-25"> <li class="item-26 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%B4%D8%B1%DB%8C%D9%81%E2%80%8C%D9%85%D9%86" > راهنمای شریف‌من </a> </li> <li class="item-27 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%B4%D9%86%D8%A7%D8%B3%D9%87-%D8%B4%D8%B1%DB%8C%D9%81-%D8%A7%D8%AD%D8%B1%D8%A7%D8%B2-%D9%87%D9%88%DB%8C%D8%AA-%DB%8C%DA%A9%D9%BE%D8%A7%D8%B1%DA%86%D9%87" > راهنمای شناسه شریف و احراز هویت یکپارچه </a> </li> <li class="item-28 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%A7%D8%AA%D8%B5%D8%A7%D9%84-%D8%A8%D9%87-%D8%A7%DB%8C%D9%86%D8%AA%D8%B1%D9%86%D8%AA" > راهنمای اتصال به اینترنت </a> </li> <li class="item-29 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%A7%D8%AA%D8%B5%D8%A7%D9%84-%D8%B1%D8%A7%D9%87-%D8%AF%D9%88%D8%B1-%D8%A8%D9%87-%D8%B4%D8%A8%DA%A9%D9%87-%D8%AF%D8%A7%D9%86%D8%B4%DA%AF%D8%A7%D9%87" > راهنمای اتصال راه دور به شبکه دانشگاه </a> </li> <li class="item-30 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D9%BE%D8%B3%D8%AA-%D8%A7%D9%84%DA%A9%D8%AA%D8%B1%D9%88%D9%86%DB%8C%DA%A9%DB%8C" > راهنمای پست الکترونیکی </a> </li> <li class="item-31 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%AF%D8%A7%D9%85%D9%86%D9%87-%D8%B4%D8%B1%DB%8C%D9%81" > راهنمای دامنه شریف </a> </li> <li class="item-32 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D9%85%DB%8C%D8%B2%D8%A8%D8%A7%D9%86%DB%8C-%D9%88%D8%A8" > راهنمای میزبانی وب </a> </li> <li class="item-33 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%B3%D8%B1%D9%88%D8%B1-%D9%85%D8%AC%D8%A7%D8%B2%DB%8C-%D8%A7%D8%AE%D8%AA%D8%B5%D8%A7%D8%B5%DB%8C-vps" > راهنمای سرور مجازی اختصاصی (VPS) </a> </li> <li class="item-34 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D9%81%D8%B6%D8%A7%DB%8C-%D8%A7%D8%AE%D8%AA%D8%B5%D8%A7%D8%B5%DB%8C-%D8%B3%D8%B1%D9%88%D8%B1-colocation-" > راهنمای فضای اختصاصی سرور (Colocation) </a> </li> <li class="item-35 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%B3%D8%A7%D9%85%D8%A7%D9%86%D9%87-%D9%BE%D8%B1%D8%AF%D8%A7%D8%B2%D8%B4-%D8%B3%D8%B1%DB%8C%D8%B9-hpc" > راهنمای سامانه پردازش سریع (HPC)‫ ‪‬ </a> </li> <li class="item-36 deeper parent"> <a href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%A2%D9%86%D8%AA%DB%8C-%D9%88%DB%8C%D8%B1%D9%88%D8%B3%E2%80%AC%E2%80%AC" > راهنمای آنتی ویروس‬‬ </a> </li> <li class="item-37 deeper parent"> <a href="https://ictc.sharif.ir/cas-development" > راهنمای CAS Development </a> </li> </ul> </li> <li class="item-38 deeper parent"> <a href=" https://ictc.sharif.ir/%D8%AA%D9%85%D8%A7%D8%B3-%D8%A8%D8%A7-%D9%85%D8%A7 "> تماس با ما </a> </li> </ul> </div> </div> <div class="sp-module"> <div class="sp-module-login"> <a data-redirect="false" href="https://ictc.sharif.ir/c/portal/login?p_l_id=3326" id="sign-in" rel="nofollow">ورود</a> </div> </div> <div class="sp-module"> <div class="sp-module-content"> </div> </div> </div> </div> <div class="d-flex flex-column flex-fill" id="wrapper" > <header class="sp-header" > <section class="sp-logo-wrapper"> <div class="container"> <div class="row"> <div class="col-12"> <div class="sp-logo float-left"> <div class="sp-column "> <div class="logo"> <a href="http://www.sharif.edu" > <picture data-fileentryid="95200"><source media="(max-width:300px)" srcset="/o/adaptive-media/image/95200/Thumbnail-300x300/logo-fa-IR.png?t=1609608338755, /o/adaptive-media/image/95200/thumbnail-600x600/logo-fa-IR.png?t=1609608338755 2x" /><source media="(max-width:600px) and (min-width:300px)" srcset="/o/adaptive-media/image/95200/thumbnail-600x600/logo-fa-IR.png?t=1609608338755" /><source media="(max-width:730px) and (min-width:600px)" srcset="/o/adaptive-media/image/95200/Preview-1000x0/logo-fa-IR.png?t=1609608338755" /><source media="(max-width:730px) and (min-width:730px)" srcset="/o/adaptive-media/image/95200/thumbnail-1700x1000/logo-fa-IR.png?t=1609608338755" /><img class="sp-default-logo" alt="" data-fileentryid="95200" src="/documents/20124/0/logo-fa-IR.png/4d9b72bc-494b-ed5a-d3bb-e7dfd319aec8?t=1609608338755" /></picture> <span class="sp-text-logo">دانشگاه صنعتی شریف</span> </a> </div> </div> </div> <div class="sp-logo-right float-right"> <ul> <li> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ portlet-static portlet-static-end portlet-barebone portlet-language " id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_"> <span id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span> <section class="portlet" id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"> <div class="portlet-content"> <div class=" portlet-content-container"> <div class="portlet-body"> <style> .language-entry-short-text { padding: 0 0.5em; } </style> <a href="/c/portal/update_language?p_l_id=3326&redirect=%2Fcolleagues&languageId=en_US" class="language-entry-short-text" lang="en-US" >en</a> </div> </div> </div> </section> </div> <style> @media screen and (max-width: 345px) { .ltr .sp-header .sp-logo-wrapper .sp-text-logo { font-size: 10px; } } </style> </li> <li> </li> <li class="d-lg-none"> <a class="navbar-light" id="offcanvas-toggler" href="javascript:void(0)" onclick="offcanvas()"> <i class="icon-menu"></i> </a> <script> function offcanvas() { var body = document.body; body.classList.toggle("offcanvas"); document.querySelector('.sp-header').classList.toggle("opacity-0"); } </script> </li> <li class="d-none d-lg-inline-block"> <div class="portlet-boundary portlet-boundary_com_liferay_product_navigation_user_personal_bar_web_portlet_ProductNavigationUserPersonalBarPortlet_ portlet-static portlet-static-end portlet-barebone portlet-user-personal-bar " id="p_p_id_com_liferay_product_navigation_user_personal_bar_web_portlet_ProductNavigationUserPersonalBarPortlet_"> <span id="p_com_liferay_product_navigation_user_personal_bar_web_portlet_ProductNavigationUserPersonalBarPortlet"></span> <span class="sign-in text-default" role="presentation"> <a href="https://ictc.sharif.ir/c/portal/login?p_l_id=3326" class="sign-in text-default" id="_com_liferay_product_navigation_user_personal_bar_web_portlet_ProductNavigationUserPersonalBarPortlet_jbfs____" data-redirect="false" ><svg aria-hidden="true" class="lexicon-icon lexicon-icon-user" focusable="false" ><use href="https://ictc.sharif.ir/o/shu-theme/images/clay/icons.svg#user"></use></svg><span class="taglib-icon-label">ورود</span></a> </span> <script type="text/javascript"> // <![CDATA[ (function() {var $ = AUI.$;var _ = AUI._; var signInLink = document.querySelector('.sign-in > a'); if (signInLink && signInLink.dataset.redirect === 'false') { var signInURL = 'https://ictc.sharif.ir/c/portal/login?p_l_id=3326'; var modalSignInURL = Liferay.Util.addParams( 'windowState=exclusive', signInURL ); var setModalContent = function (html) { var modalBody = document.querySelector('.liferay-modal-body'); if (modalBody) { var fragment = document .createRange() .createContextualFragment(html); modalBody.innerHTML = ''; modalBody.appendChild(fragment); } }; var loading = false; var redirect = false; var html = ''; var modalOpen = false; var fetchModalSignIn = function () { if (loading || html) { return; } loading = true; Liferay.Util.fetch(modalSignInURL) .then(function (response) { return response.text(); }) .then(function (response) { if (!loading) { return; } loading = false; if (!response) { redirect = true; return; } html = response; if (modalOpen) { setModalContent(response); } }) .catch(function () { redirect = true; }); }; signInLink.addEventListener('mouseover', fetchModalSignIn); signInLink.addEventListener('focus', fetchModalSignIn); signInLink.addEventListener('click', function (event) { event.preventDefault(); if (redirect) { Liferay.Util.navigate(signInURL); return; } Liferay.Util.openModal({ bodyHTML: html ? html : '<span class="loading-animation">', height: '400px', onClose: function () { loading = false; redirect = false; html = ''; modalOpen = false; }, onOpen: function () { modalOpen = true; if (html && document.querySelector('.loading-animation')) { setModalContent(html); } }, size: 'md', title: '\u0648\u0631\u0648\u062f', }); }); } })(); // ]]> </script> </div> </li> <li class="d-none d-lg-inline-block"><a onclick="quick()" href="javascript:void(0)" class="sp-quick dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-menu"></i> </a> <ul class="sp-quick-dropdown dropdown-menu" role="menu"> </ul> </li> </ul> </div> </div> </div> </div> </section> <div class="container"> <div class="row"> <div class="col"> <div id="sp-menu-wrapper" class="hidden-xs"> <div id="sp-top-bar"> <div class="sp-main-menu"> <style> .sp-text-subsite { padding: 5px; top: -37px; } .sp-text-subsite-logo { color: #fff; font-style: normal; font-weight: 700; font-size: 1.07em; line-height: 20px; } .sp-header .sp-main-menu .navbar { padding-right: 25px !important; } @media (max-width:991px) { .sp-header .sp-logo-wrapper .sp-text-logo { display:none; } .sp-header .sp-text-subsite { top: -37px; position: relative; } .sp-header .sp-main-menu { margin: 0 4.143em 0 0; } .ltr .sp-header .sp-main-menu { margin: 0 0 0 4.143em; } .offcanvas-menu .sp-logo-wrapper .sp-text-logo { display:none; } .offcanvas-menu .sp-text-subsite { float:none !important; } } </style> <a href="./" id="sp-text-subsite" class="sp-text-subsite float-left"> <span class="sp-text-subsite-logo">مرکز فناوری اطلاعات و ارتباطات</span> </a> <script> var list, index; list = document.getElementsByClassName("sp-text-subsite"); for (index = 0; index < list.length; ++index) { list[index].setAttribute("href", "https://ictc.sharif.ir"); } </script> <nav class="navbar navbar-expand-lg navbar-dark p-0">  <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav p-0"> <li class="nav-item "> <a class="nav-link " href="https://ictc.sharif.ir/home" > صفحه اصلی </a> </li> <li class="nav-item position-static dropdown"> <a class="nav-link dropdown-toggle" href="JavaScript:Void(0);" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-angle-down"></i> درباره مرکز </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D9%85%D8%B1%DA%A9%D8%B2" role="menuitem"> معرفی مرکز </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D9%85%D8%B1%DA%A9%D8%B2-%D8%AF%D8%A7%D8%AF%D9%87-%D8%AF%D8%A7%D9%86%D8%B4%DA%AF%D8%A7%D9%87" role="menuitem"> مرکز داده دانشگاه </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%A2%DB%8C%DB%8C%D9%86-%D9%86%D8%A7%D9%85%D9%87-%D9%81%D9%86%D8%A7%D9%88%D8%B1%DB%8C-%D8%A7%D8%B7%D9%84%D8%A7%D8%B9%D8%A7%D8%AA" role="menuitem"> آیین‌نامه فناوری اطلاعات </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/colleagues" role="menuitem"> همکاران مرکز </a> </li> </ul> </li> <li class="nav-item position-static dropdown"> <a class="nav-link dropdown-toggle" href="JavaScript:Void(0);" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-angle-down"></i> خدمات </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B4%D9%86%D8%A7%D8%B3%D9%87-%D8%B4%D8%B1%DB%8C%D9%81-%D9%88-%D8%A7%DB%8C%D9%86%D8%AA%D8%B1%D9%86%D8%AA" role="menuitem"> شناسه شریف و اینترنت </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D9%BE%D8%B3%D8%AA-%D8%A7%D9%84%DA%A9%D8%AA%D8%B1%D9%88%D9%86%DB%8C%DA%A9" role="menuitem"> پست الکترونیکی </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%AF%D8%A7%D9%85%D9%86%D9%87-%D8%B4%D8%B1%DB%8C%D9%81" role="menuitem"> دامنه شریف </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D9%85%DB%8C%D8%B2%D8%A8%D8%A7%D9%86%DB%8C-%D9%88%D8%A8" role="menuitem"> میزبانی وب </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/vps-service" role="menuitem"> سرور مجازی‌ اختصاصی (VPS) </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/colocation-service" role="menuitem"> فضای میزبانی سرور (Colocation) </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B3%D8%A7%D9%85%D8%A7%D9%86%D9%87-%D9%BE%D8%B1%D8%AF%D8%A7%D8%B2%D8%B4-%D8%B3%D8%B1%DB%8C%D8%B9-hpc" role="menuitem"> سامانه پردازش سریع (HPC) </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B3%D8%A7%D9%85%D8%A7%D9%86%D9%87-%D9%88%DB%8C%D8%B1%D8%A7%DB%8C%D8%B4%DA%AF%D8%B1-%D9%88-%D9%BE%D8%B1%D8%AF%D8%A7%D8%B2%D8%B4%DA%AF%D8%B1-%D8%A8%D8%B1%D8%AE%D8%B7-latex" role="menuitem"> سامانه ویرایشگر و پردازشگر برخط LaTex </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%B4%D8%A8%DA%A9%D9%87-%D9%88-%D8%A7%DB%8C%D9%86%D8%AA%D8%B1%D9%86%D8%AA-%D8%B1%D9%88%DB%8C%D8%AF%D8%A7%D8%AF%D9%87%D8%A7" role="menuitem"> خدمات شبکه و اینترنت رویدادها </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%AE%D8%AF%D9%85%D8%A7%D8%AA-%D8%B3%D8%AE%D8%AA-%D8%A7%D9%81%D8%B2%D8%A7%D8%B1%DB%8C" role="menuitem"> خدمات سخت افزاری </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%A2%D9%86%D8%AA%DB%8C-%D9%88%DB%8C%D8%B1%D9%88%D8%B3" role="menuitem"> آنتی ویروس </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF%D9%87%D8%A7%DB%8C-%D8%AD%D8%AC%DB%8C%D9%85" role="menuitem"> دانلودهای حجیم </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B3%D8%B1%D9%88%DB%8C%D8%B3-ftp" role="menuitem"> سرویس FTP </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B3%D8%A7%D9%85%D8%A7%D9%86%D9%87-%D8%A7%D8%B1%D8%B3%D8%A7%D9%84-%D9%BE%DB%8C%D8%A7%D9%85%DA%A9" role="menuitem"> سامانه ارسال پیامک </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://bw.ictc.sharif.edu" role="menuitem"> مشاهده و مدیریت ترافیک </a> </li> </ul> </li> <li class="nav-item "> <a class="nav-link " href="https://ictc.sharif.ir/%D8%B3%D8%A7%D9%85%D8%A7%D9%86%D9%87-%D9%87%D8%A7" > سامانه‌ها </a> </li> <li class="nav-item "> <a class="nav-link " href="http://noc.sharif.ir/" > گزارش مشکل </a> </li> <li class="nav-item position-static dropdown"> <a class="nav-link dropdown-toggle" href="JavaScript:Void(0);" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-angle-down"></i> راهنماها </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%B4%D8%B1%DB%8C%D9%81%E2%80%8C%D9%85%D9%86" role="menuitem"> راهنمای شریف‌من </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%B4%D9%86%D8%A7%D8%B3%D9%87-%D8%B4%D8%B1%DB%8C%D9%81-%D8%A7%D8%AD%D8%B1%D8%A7%D8%B2-%D9%87%D9%88%DB%8C%D8%AA-%DB%8C%DA%A9%D9%BE%D8%A7%D8%B1%DA%86%D9%87" role="menuitem"> راهنمای شناسه شریف و احراز هویت یکپارچه </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%A7%D8%AA%D8%B5%D8%A7%D9%84-%D8%A8%D9%87-%D8%A7%DB%8C%D9%86%D8%AA%D8%B1%D9%86%D8%AA" role="menuitem"> راهنمای اتصال به اینترنت </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%A7%D8%AA%D8%B5%D8%A7%D9%84-%D8%B1%D8%A7%D9%87-%D8%AF%D9%88%D8%B1-%D8%A8%D9%87-%D8%B4%D8%A8%DA%A9%D9%87-%D8%AF%D8%A7%D9%86%D8%B4%DA%AF%D8%A7%D9%87" role="menuitem"> راهنمای اتصال راه دور به شبکه دانشگاه </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D9%BE%D8%B3%D8%AA-%D8%A7%D9%84%DA%A9%D8%AA%D8%B1%D9%88%D9%86%DB%8C%DA%A9%DB%8C" role="menuitem"> راهنمای پست الکترونیکی </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%AF%D8%A7%D9%85%D9%86%D9%87-%D8%B4%D8%B1%DB%8C%D9%81" role="menuitem"> راهنمای دامنه شریف </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D9%85%DB%8C%D8%B2%D8%A8%D8%A7%D9%86%DB%8C-%D9%88%D8%A8" role="menuitem"> راهنمای میزبانی وب </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%B3%D8%B1%D9%88%D8%B1-%D9%85%D8%AC%D8%A7%D8%B2%DB%8C-%D8%A7%D8%AE%D8%AA%D8%B5%D8%A7%D8%B5%DB%8C-vps" role="menuitem"> راهنمای سرور مجازی اختصاصی (VPS) </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D9%81%D8%B6%D8%A7%DB%8C-%D8%A7%D8%AE%D8%AA%D8%B5%D8%A7%D8%B5%DB%8C-%D8%B3%D8%B1%D9%88%D8%B1-colocation-" role="menuitem"> راهنمای فضای اختصاصی سرور (Colocation) </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%B3%D8%A7%D9%85%D8%A7%D9%86%D9%87-%D9%BE%D8%B1%D8%AF%D8%A7%D8%B2%D8%B4-%D8%B3%D8%B1%DB%8C%D8%B9-hpc" role="menuitem"> راهنمای سامانه پردازش سریع (HPC)‫ ‪‬ </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%D8%A2%D9%86%D8%AA%DB%8C-%D9%88%DB%8C%D8%B1%D9%88%D8%B3%E2%80%AC%E2%80%AC" role="menuitem"> راهنمای آنتی ویروس‬‬ </a> </li> <li class="position-relative"> <a class="dropdown-item" href="https://ictc.sharif.ir/cas-development" role="menuitem"> راهنمای CAS Development </a> </li> </ul> </li> <li class="nav-item "> <a class="nav-link " href="https://ictc.sharif.ir/%D8%AA%D9%85%D8%A7%D8%B3-%D8%A8%D8%A7-%D9%85%D8%A7" > تماس با ما </a> </li> </ul> </div>  </nav> </div> <div class="sp-search"> <div class="sp-column text-center text-lg-right"> <a onclick="opensearch()"> <i class="fa fa-search"></i></a> <script> function opensearch() { var elements = document.getElementsByClassName('sp-search'); for(var i=0; i<elements.length; i++) { elements[i].classList.toggle('open'); } } var specifiedElement = document.querySelector(".sp-search"); document.addEventListener('click', function(event) { var isClickInside = specifiedElement.contains(event.target); if (isClickInside) { //console.log('You clicked inside') } else { specifiedElement.classList.remove("open"); //console.log('You clicked outside') } }); </script> <div class="portlet-boundary portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ portlet-static portlet-static-end portlet-barebone portlet-search-bar " id="p_p_id_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_"> <span id="p_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch"></span> <section class="portlet" id="portlet_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch"> <div class="portlet-content"> <div class=" portlet-content-container"> <div class="portlet-body"> <form action="https://ictc.sharif.ir/search" class="form " data-fm-namespace="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_" id="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_fm" method="get" name="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_fm" > <input class="field form-control" id="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_formDate" name="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_formDate" type="hidden" value="1740503814300" /> <fieldset class="fieldset search-bar" ><div class=""> <input class="field search-bar-empty-search-input form-control" id="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_emptySearchEnabled" name="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_emptySearchEnabled" type="hidden" value="false" /> <div class="input-group search-bar-simple"> <div class="input-group-item search-bar-keywords-input-wrapper"> <input class="form-control input-group-inset input-group-inset-after search-bar-keywords-input" data-qa-id="searchInput" id="dkrk___q" name="q" placeholder="جستجو..." title="جستجو" type="text" value="" /> <input class="field form-control" id="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_scope" name="_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_scope" type="hidden" value="" /> <div class="input-group-inset-item input-group-inset-item-after"> <button class="btn btn-monospaced btn-unstyled"type="submit" aria-label="ارسال" ><span class="inline-item"><svg class="lexicon-icon lexicon-icon-search" role="presentation" viewBox="0 0 512 512"><use xlink:href="https://ictc.sharif.ir/o/shu-theme/images/clay/icons.svg#search" /></svg></span></button> </div> </div> </div> </div></fieldset> </form> <script type="text/javascript"> // <![CDATA[ AUI().use('liferay-form', function(A) {(function() {var $ = AUI.$;var _ = AUI._; Liferay.Form.register( { id: '_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_fm' , fieldRules: [ ] , validateOnBlur: true } ); var onDestroyPortlet = function(event) { if (event.portletId === 'com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch') { delete Liferay.Form._INSTANCES['_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_fm']; } }; Liferay.on('destroyPortlet', onDestroyPortlet); Liferay.fire( '_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_formReady', { formName: '_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_fm' } ); })();}); // ]]> </script> <script type="text/javascript"> // <![CDATA[ AUI().use('liferay-search-bar', function(A) {(function() {var $ = AUI.$;var _ = AUI._; new Liferay.Search.SearchBar(A.one('#_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_fm')); })();}); // ]]> </script> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> </div> </div> </header> <section id="content"> <div class="layout-content portlet-layout" id="main-content" role="main"> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-3 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center mb-sm-1 mt-sm-3 mb-0 mt-1 mb-md-1 mt-md-3" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ivhj" > <h2 class="component-heading mb-0 text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="text">همکاران مرکز فناوری اطلاعات و ارتباطات</h2></div><style>.fragment-heading-text-colored a { color: inherit; }</style> </div> </div> <div class=""> <div class=" bg-rgb(211, 214, 224) mb-lg-3 ml-lg-0 mr-lg-0 mt-lg-4 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center mb-sm-3 mt-sm-4 mb-3 mt-4 mb-md-3 mt-md-4" style="box-sizing: border-box;background-color: rgb(211, 214, 224);border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-faon" > <h3 class="component-heading mb-0 text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="text">مدیریت مرکز</h3></div> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;"> <div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row no-gutters"> <div class="col col-lg-6 col-sm-6 col-12 col-md-6"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-2 pt-sm-0 mt-sm-0 pt-0 mt-0 pt-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-nxlk" > <div class="layout-one"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/citations.png/279c22a1-332c-44da-da73-81543939cebb?t=1706611331279&download=true"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">دکتر هادی نوبهاری</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">مدیر مرکز</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p class="mb-20" style="height:50px">مدیر مرکز فناوری اطلاعات و ارتباطات دانشگاه </p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-faas"> <div class="addon-button-wrapper addon-button-wrapper-faas addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-faas ">66164154<br> <br> داخلی: 152</a> <style> .addon-button-wrapper-faas, .addon-button-wrapper-faas .addon-button { display: block; } .addon-button-wrapper-faas { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-faas .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-zlwp"> <i class="addon-icon addon-icon-zlwp"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-zlwp { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-zlwp'); var fragmentNamespace = 'zlwp';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-faas , #wrapper[dir="ltr"] .addon-button-wrapper-faas { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-faas , #wrapper[dir="rtl"] .addon-button-wrapper-faas { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-faas .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-faas'); var fragmentNamespace = 'faas';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-1 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mt-sm-0 mb-1 mt-0 mb-md-1 mt-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-rcsc"> <div class="addon-button-wrapper addon-button-wrapper-rcsc addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-rcsc ">ictc.m@sharif.edu</a> <style> .addon-button-wrapper-rcsc, .addon-button-wrapper-rcsc .addon-button { display: inline-block; } .addon-button-wrapper-rcsc { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-rcsc .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-parx"> <i class="addon-icon addon-icon-parx"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-parx { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-parx'); var fragmentNamespace = 'parx';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-rcsc , #wrapper[dir="ltr"] .addon-button-wrapper-rcsc { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-rcsc , #wrapper[dir="rtl"] .addon-button-wrapper-rcsc { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-rcsc .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-rcsc'); var fragmentNamespace = 'rcsc';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;font-weight: fontWeightBold;opacity: 1.0;"> <div id="fragment-0-tvje"> <div class="addon-button-wrapper addon-button-wrapper-tvje addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-tvje " href="http://ae.sharif.edu/~portal/faculty/1091235256">صفحه شخصی</a> <style> .addon-button-wrapper-tvje, .addon-button-wrapper-tvje .addon-button { display: block; } .addon-button-wrapper-tvje { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-tvje .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-szip"> <i class="addon-icon addon-icon-szip"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':3,'iconIndex':7}"><g><path d="M995.52 906.752c-6.432-4.256-123.136-80.8-296.736-118.368 63.68-80.672 104.576-189.184 121.952-261.408 24.128-100.096 14.752-295.936-81.376-417.984-56.192-71.328-134.816-108.992-227.36-108.992-92.544 0-171.168 37.696-227.328 108.992-96.128 122.016-105.472 317.856-81.376 417.952 17.376 72.224 58.24 180.736 121.952 261.408-173.6 37.568-290.304 114.112-296.704 118.368-23.456 15.616-33.952 44.8-25.76 71.744 8.128 27.040 33.056 45.536 61.216 45.536h896c28.192 0 53.056-18.496 61.248-45.504 8.224-26.944-2.272-56.128-25.728-71.744zM648.544 748.736l-10.432 13.248c-76.32 87.68-175.84 87.68-252.128 0l-10.464-13.248c-89.12-112.928-133.344-262.304-114.304-404.8 17.44-136.928 95.904-279.936 250.784-279.936 154.88 0 233.376 143.040 250.816 279.968 18.976 142.56-25.088 291.776-114.272 404.768zM64 960c4.416-2.944 112.832-74.048 274.752-109.056l79.488-17.184c28.384 18.624 59.52 30.24 93.76 30.24 34.272 0 65.376-11.616 93.76-30.24l79.488 17.184c160.64 34.752 268.672 105.056 274.752 109.056h-896z" /></g></svg> </i> <style> .addon-icon-szip { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':3,'iconIndex':7}\"><g><path d=\"M995.52 906.752c-6.432-4.256-123.136-80.8-296.736-118.368 63.68-80.672 104.576-189.184 121.952-261.408 24.128-100.096 14.752-295.936-81.376-417.984-56.192-71.328-134.816-108.992-227.36-108.992-92.544 0-171.168 37.696-227.328 108.992-96.128 122.016-105.472 317.856-81.376 417.952 17.376 72.224 58.24 180.736 121.952 261.408-173.6 37.568-290.304 114.112-296.704 118.368-23.456 15.616-33.952 44.8-25.76 71.744 8.128 27.040 33.056 45.536 61.216 45.536h896c28.192 0 53.056-18.496 61.248-45.504 8.224-26.944-2.272-56.128-25.728-71.744zM648.544 748.736l-10.432 13.248c-76.32 87.68-175.84 87.68-252.128 0l-10.464-13.248c-89.12-112.928-133.344-262.304-114.304-404.8 17.44-136.928 95.904-279.936 250.784-279.936 154.88 0 233.376 143.040 250.816 279.968 18.976 142.56-25.088 291.776-114.272 404.768zM64 960c4.416-2.944 112.832-74.048 274.752-109.056l79.488-17.184c28.384 18.624 59.52 30.24 93.76 30.24 34.272 0 65.376-11.616 93.76-30.24l79.488 17.184c160.64 34.752 268.672 105.056 274.752 109.056h-896z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-szip'); var fragmentNamespace = 'szip';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-qowq"> <i class="addon-icon addon-icon-qowq"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':1,'iconIndex':193}"><g><path d="M819.2 102.4h204.8v768c0 84.831-68.769 153.6-153.6 153.6v0h-716.8c-84.831 0-153.6-68.769-153.6-153.6v0-870.4h819.2v102.4zM819.2 204.8v665.6c0 28.277 22.923 51.2 51.2 51.2v0c28.277 0 51.2-22.923 51.2-51.2v0-665.6h-102.4zM102.4 102.4v768c0 28.277 22.923 51.2 51.2 51.2v0h571.904c-5.515-15.127-8.705-32.59-8.705-50.798 0-0.141 0-0.283 0.001-0.424l-0 0.022v-768h-614.4zM204.8 512h409.6v102.4h-409.6v-102.4zM204.8 716.8h409.6v102.4h-409.6v-102.4zM204.8 204.8h409.6v204.8h-409.6v-204.8z" /></g></svg> </i> <style> .addon-icon-qowq { fill: currentColor; background: transparent; } </style></div><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':1,'iconIndex':193}\"><g><path d=\"M819.2 102.4h204.8v768c0 84.831-68.769 153.6-153.6 153.6v0h-716.8c-84.831 0-153.6-68.769-153.6-153.6v0-870.4h819.2v102.4zM819.2 204.8v665.6c0 28.277 22.923 51.2 51.2 51.2v0c28.277 0 51.2-22.923 51.2-51.2v0-665.6h-102.4zM102.4 102.4v768c0 28.277 22.923 51.2 51.2 51.2v0h571.904c-5.515-15.127-8.705-32.59-8.705-50.798 0-0.141 0-0.283 0.001-0.424l-0 0.022v-768h-614.4zM204.8 512h409.6v102.4h-409.6v-102.4zM204.8 716.8h409.6v102.4h-409.6v-102.4zM204.8 204.8h409.6v204.8h-409.6v-204.8z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-qowq'); var fragmentNamespace = 'qowq';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-tvje , #wrapper[dir="ltr"] .addon-button-wrapper-tvje { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-tvje , #wrapper[dir="rtl"] .addon-button-wrapper-tvje { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-tvje .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-tvje'); var fragmentNamespace = 'tvje';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-nxlk"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-6 col-sm-6 col-12 col-md-6"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-2 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 pt-sm-0 mt-sm-2 pt-0 mt-2 pt-md-0 mt-md-2" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-mfwx" > <div class="clearfix component-paragraph text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="rich-text">  <ul> <li><strong>دکترای هوافضا از دانشگاه صنعتی شریف</strong></li> <li><strong>عضو هیات علمی دانشکده مهندسی هوافضا</strong></li> </ul> <h3> سوابق اجرایی </h3> - عضو هيات علمي دانشکده مهندسی هوافضا، از سال ۱۳۸۷<br> - مدیر گروه دینامیک پرواز دانشكده مهندسی هوافضا به مدت ۷ سال <br> - مدیر کل حوزه ریاست دانشگاه صنعتی شریف از آبان 1400 <h4> </h4> </div></div><style>.component-paragraph img { max-width: 100%; }</style> </div> </div> </div> <div class="col col-lg-6 col-sm-12 col-12 col-md-12"> </div> <div class="col col-lg-6 col-sm-12 col-12 col-md-12"> <div class=""> <div class=" mb-lg-0 ml-lg-2 mr-lg-2 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 pr-sm-0 ml-sm-2 mr-sm-2 pr-0 ml-2 mr-2 pr-md-0 ml-md-2 mr-md-2" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-rkgo" > <div class="clearfix component-paragraph text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="rich-text"><h4> </h4> <ul> <li> <p><strong> افتخارات</strong></p> </li> </ul> <p dir="RTL" style="text-align:justify">- فارغ‌التحصيل رتبه اول هوافضا در مقاطع کارشناسی و دکترا در سال‌های ۱۳۷۷ و ۱۳۸۵<br> - رتبه سوم پژوهش‌های کاربردی در نوزدهمین جشنواره بین‌المللی خوارزمی در سال ۱۳۸۴ در حوزه نرم‌افزار<br> - مولف برگزیده دانشگاه در سال ۱۳۹۴<br> - مدیر دفتر فناوری برتر دانشگاه در سال‌های ۱۳۹۶ و ۱۳۹۸<br> - ارائه بیش از یکصد مقاله علمی در مجلات و همایش‌های معتبر علمی در داخل و خارج از کشور<br> - مجری ده‌ها پروژه صنعتی از سال ۱۳۸۷<b> </b></p> </div></div> </div> </div> </div> </div> </div> <div class=""> <div class=" bg-rgb(211, 214, 224) mb-lg-3 ml-lg-0 mr-lg-0 mt-lg-4 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center mb-sm-3 mt-sm-4 mb-3 mt-4 mb-md-3 mt-md-4" style="box-sizing: border-box;background-color: rgb(211, 214, 224);border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-pode" > <h3 class="component-heading mb-0 text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="text">معاونین و مدیران مرکز</h3></div><style>.fragment-heading-text-colored a { color: inherit; }</style> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;"> <div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row no-gutters"> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-nvdf" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/mollaei-white.jpg/e3666198-61d6-6fbc-352e-111f0eef2763?t=1653759283567&download=true"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">مسعود ملایی</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">معاون اجرایی</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p>مدیریت امور داخلی از جمله امور دفتری، قراردادها و نظارت بر کل فعالیتهای مرکز</p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mt-sm-0 mb-1 mt-0 mb-md-1 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-nrcz"> <div class="addon-button-wrapper addon-button-wrapper-nrcz addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-nrcz ">66164154<br> <br> داخلی: 159</a> <style> .addon-button-wrapper-nrcz, .addon-button-wrapper-nrcz .addon-button { display: block; } .addon-button-wrapper-nrcz { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-nrcz .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-exlj"> <i class="addon-icon addon-icon-exlj"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-exlj { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-exlj'); var fragmentNamespace = 'exlj';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-nrcz , #wrapper[dir="ltr"] .addon-button-wrapper-nrcz { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-nrcz , #wrapper[dir="rtl"] .addon-button-wrapper-nrcz { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-nrcz .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-nrcz'); var fragmentNamespace = 'nrcz';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ezzs"> <div class="addon-button-wrapper addon-button-wrapper-ezzs addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-ezzs " href="mollaei@sharif.edu">mollaei@sharif.edu</a> <style> .addon-button-wrapper-ezzs, .addon-button-wrapper-ezzs .addon-button { display: inline-block; } .addon-button-wrapper-ezzs { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-ezzs .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-cmlf"> <i class="addon-icon addon-icon-cmlf"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-cmlf { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-cmlf'); var fragmentNamespace = 'cmlf';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-ezzs , #wrapper[dir="ltr"] .addon-button-wrapper-ezzs { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-ezzs , #wrapper[dir="rtl"] .addon-button-wrapper-ezzs { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-ezzs .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-ezzs'); var fragmentNamespace = 'ezzs';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-nvdf"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-xlmp" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/kamran-white.jpg/4b2b2f9c-7102-11ec-3d84-65141ef61bde?t=1653759332260&download=true"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">کامران صورتگر</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">معاون فنی</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p>مدیریت زیرساخت و امنیت شبکه دانشگاه </p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-cwfd"> <div class="addon-button-wrapper addon-button-wrapper-cwfd addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-cwfd "> 66164154<br> <br> داخلی: 162</a> <style> .addon-button-wrapper-cwfd, .addon-button-wrapper-cwfd .addon-button { display: block; } .addon-button-wrapper-cwfd { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-cwfd .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-oake"> <i class="addon-icon addon-icon-oake"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-oake { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-oake'); var fragmentNamespace = 'oake';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-cwfd , #wrapper[dir="ltr"] .addon-button-wrapper-cwfd { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-cwfd , #wrapper[dir="rtl"] .addon-button-wrapper-cwfd { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-cwfd .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-cwfd'); var fragmentNamespace = 'cwfd';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-jres"> <div class="addon-button-wrapper addon-button-wrapper-jres addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-jres ">ksouratgar@sharif.edu</a> <style> .addon-button-wrapper-jres, .addon-button-wrapper-jres .addon-button { display: inline-block; } .addon-button-wrapper-jres { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-jres .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ibpb"> <i class="addon-icon addon-icon-ibpb"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-ibpb { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-ibpb'); var fragmentNamespace = 'ibpb';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-jres , #wrapper[dir="ltr"] .addon-button-wrapper-jres { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-jres , #wrapper[dir="rtl"] .addon-button-wrapper-jres { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-jres .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-jres'); var fragmentNamespace = 'jres';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-xlmp"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-aomp" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/tallan.jpg/e1401ba2-6731-71ad-b7ed-b05e4aa23b88?t=1710658289273&download=true"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">اسماعیل تلان</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">مدیر توسعه نرم‌افزار</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p>مدیریت توسعه و نگهداری سامانه‌های نرم‌افزاری دانشگاه</p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-bwbw"> <div class="addon-button-wrapper addon-button-wrapper-bwbw addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-bwbw ">66164154<br> <br> داخلی: 172</a> <style> .addon-button-wrapper-bwbw, .addon-button-wrapper-bwbw .addon-button { display: block; } .addon-button-wrapper-bwbw { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-bwbw .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-pcuu"> <i class="addon-icon addon-icon-pcuu"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-pcuu { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-pcuu'); var fragmentNamespace = 'pcuu';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-bwbw , #wrapper[dir="ltr"] .addon-button-wrapper-bwbw { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-bwbw , #wrapper[dir="rtl"] .addon-button-wrapper-bwbw { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-bwbw .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-bwbw'); var fragmentNamespace = 'bwbw';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mt-sm-0 mt-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-tvso"> <div class="addon-button-wrapper addon-button-wrapper-tvso addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-tvso ">e_tallan@sharif.edu</a> <style> .addon-button-wrapper-tvso, .addon-button-wrapper-tvso .addon-button { display: inline-block; } .addon-button-wrapper-tvso { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-tvso .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-quwe"> <i class="addon-icon addon-icon-quwe"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-quwe { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-quwe'); var fragmentNamespace = 'quwe';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-tvso , #wrapper[dir="ltr"] .addon-button-wrapper-tvso { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-tvso , #wrapper[dir="rtl"] .addon-button-wrapper-tvso { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-tvso .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-tvso'); var fragmentNamespace = 'tvso';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-aomp"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-hbyq" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/74EndWjl.png/967124a7-642e-e34d-6586-a5cc4a5ea3ad?t=1709976079737&download=true"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">رضا شهبازی</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">مدیر شبکه  </div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">مدیریت شبکه دانشگاه </p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mt-sm-0 mb-1 mt-0 mb-md-1 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-emel"> <div class="addon-button-wrapper addon-button-wrapper-emel addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-emel ">66164154<br> <br> داخلی: 166</a> <style> .addon-button-wrapper-emel, .addon-button-wrapper-emel .addon-button { display: block; } .addon-button-wrapper-emel { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-emel .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-aovi"> <i class="addon-icon addon-icon-aovi"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-aovi { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-aovi'); var fragmentNamespace = 'aovi';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-emel , #wrapper[dir="ltr"] .addon-button-wrapper-emel { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-emel , #wrapper[dir="rtl"] .addon-button-wrapper-emel { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-emel .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-emel'); var fragmentNamespace = 'emel';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-qzsf"> <div class="addon-button-wrapper addon-button-wrapper-qzsf addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-qzsf ">r.shahbazi@staff.sharif.ir</a> <style> .addon-button-wrapper-qzsf, .addon-button-wrapper-qzsf .addon-button { display: inline-block; } .addon-button-wrapper-qzsf { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-qzsf .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-zrvf"> <i class="addon-icon addon-icon-zrvf"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-zrvf { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-zrvf'); var fragmentNamespace = 'zrvf';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-qzsf , #wrapper[dir="ltr"] .addon-button-wrapper-qzsf { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-qzsf , #wrapper[dir="rtl"] .addon-button-wrapper-qzsf { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-qzsf .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-qzsf'); var fragmentNamespace = 'qzsf';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-hbyq"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;"> <div class="row align-items-lg-start align-items-sm-start align-items-center align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row no-gutters"> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> <div class=""> <div class=" bg-rgb(211, 214, 224) mb-lg-3 ml-lg-0 mr-lg-0 mt-lg-4 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center mb-sm-3 mt-sm-4 mb-3 mt-4 mb-md-3 mt-md-4" style="box-sizing: border-box;background-color: rgb(211, 214, 224);border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-vudw" > <h3 class="component-heading mb-0 text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="text">امور دفتری</h3></div><style>.fragment-heading-text-colored a { color: inherit; }</style> </div> </div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-kttg" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile+%281%29.png/48941bfc-8e51-269c-19d6-5269e3d753db?t=1631119191976&download=true" data-fileentryid="1598253"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">مریم جلالیان</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">مسئول دفتر</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">پیگیری مکاتبات درون و برون‌سازمانی، مدیریت اسناد دفتری، امین اموال</p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-wloy"> <div class="addon-button-wrapper addon-button-wrapper-wloy addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-wloy ">66164150</a> <style> .addon-button-wrapper-wloy, .addon-button-wrapper-wloy .addon-button { display: block; } .addon-button-wrapper-wloy { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-wloy .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ulif"> <i class="addon-icon addon-icon-ulif"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-ulif { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-ulif'); var fragmentNamespace = 'ulif';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-wloy , #wrapper[dir="ltr"] .addon-button-wrapper-wloy { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-wloy , #wrapper[dir="rtl"] .addon-button-wrapper-wloy { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-wloy .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-wloy'); var fragmentNamespace = 'wloy';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-oslm"> <div class="addon-button-wrapper addon-button-wrapper-oslm addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-oslm ">jalalian@sharif.edu</a> <style> .addon-button-wrapper-oslm, .addon-button-wrapper-oslm .addon-button { display: inline-block; } .addon-button-wrapper-oslm { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-oslm .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-qtuo"> <i class="addon-icon addon-icon-qtuo"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-qtuo { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-qtuo'); var fragmentNamespace = 'qtuo';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-oslm , #wrapper[dir="ltr"] .addon-button-wrapper-oslm { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-oslm , #wrapper[dir="rtl"] .addon-button-wrapper-oslm { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-oslm .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-oslm'); var fragmentNamespace = 'oslm';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-kttg"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> <div class=""> <div class=" bg-rgb(211, 214, 224) mb-lg-3 ml-lg-0 mr-lg-0 mt-lg-4 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center mb-sm-3 mt-sm-4 mb-3 mt-4 mb-md-3 mt-md-4" style="box-sizing: border-box;background-color: rgb(211, 214, 224);border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-fxpt" > <h3 class="component-heading mb-0 text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="text">امور مالی</h3></div><style>.fragment-heading-text-colored a { color: inherit; }</style> </div> </div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-yvtl" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/shirazi-1-removebg-preview.jpg/9ed4ae47-c780-21d0-b0e5-002d1912e509?t=1653797265862&download=true"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">محمد حسین شیرازی</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">مسئول تجهیزات و انبار</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p class="mb-20" style="height:50px">مدیریت دارایی‌ها در معاونت، کارپردازی و انبارداری</p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-chid"> <div class="addon-button-wrapper addon-button-wrapper-chid addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-chid ">66164154<br> <br> داخلی: 156</a> <style> .addon-button-wrapper-chid, .addon-button-wrapper-chid .addon-button { display: block; } .addon-button-wrapper-chid { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-chid .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-abbp"> <i class="addon-icon addon-icon-abbp"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-abbp { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-abbp'); var fragmentNamespace = 'abbp';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-chid , #wrapper[dir="ltr"] .addon-button-wrapper-chid { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-chid , #wrapper[dir="rtl"] .addon-button-wrapper-chid { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-chid .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-chid'); var fragmentNamespace = 'chid';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-mitv"> <div class="addon-button-wrapper addon-button-wrapper-mitv addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-mitv ">m.shirazi@sharif.edu</a> <style> .addon-button-wrapper-mitv, .addon-button-wrapper-mitv .addon-button { display: inline-block; } .addon-button-wrapper-mitv { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-mitv .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-nosg"> <i class="addon-icon addon-icon-nosg"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-nosg { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-nosg'); var fragmentNamespace = 'nosg';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-mitv , #wrapper[dir="ltr"] .addon-button-wrapper-mitv { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-mitv , #wrapper[dir="rtl"] .addon-button-wrapper-mitv { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-mitv .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-mitv'); var fragmentNamespace = 'mitv';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-yvtl"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> </div> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> </div> </div> </div> <div class=""> <div class=" bg-rgb(211, 214, 224) mb-lg-3 ml-lg-0 mr-lg-0 mt-lg-4 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center mb-sm-3 mt-sm-4 mb-3 mt-4 mb-md-3 mt-md-4" style="box-sizing: border-box;background-color: rgb(211, 214, 224);border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-rbbz" > <h3 class="component-heading mb-0 text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="text">گروه توسعه نرم افزار</h3></div><style>.fragment-heading-text-colored a { color: inherit; }</style> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;"> <div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row"> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-xqow" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile+%281%29.png/48941bfc-8e51-269c-19d6-5269e3d753db?t=1631119191976&download=true" data-fileentryid="1598253"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">محمدعلی خوشدونی</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">برنامه‌نویس سیستم</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">برنامه‌نویس سیستم</p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-sfyf"> <div class="addon-button-wrapper addon-button-wrapper-sfyf addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-sfyf ">66164154<br> <br> داخلی: 172</a> <style> .addon-button-wrapper-sfyf, .addon-button-wrapper-sfyf .addon-button { display: block; } .addon-button-wrapper-sfyf { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-sfyf .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-fxjk"> <i class="addon-icon addon-icon-fxjk"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-fxjk { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-fxjk'); var fragmentNamespace = 'fxjk';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-sfyf , #wrapper[dir="ltr"] .addon-button-wrapper-sfyf { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-sfyf , #wrapper[dir="rtl"] .addon-button-wrapper-sfyf { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-sfyf .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-sfyf'); var fragmentNamespace = 'sfyf';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-maor"> <div class="addon-button-wrapper addon-button-wrapper-maor addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-maor "></a> <style> .addon-button-wrapper-maor, .addon-button-wrapper-maor .addon-button { display: inline-block; } .addon-button-wrapper-maor { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-maor .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-jaow"> <i class="addon-icon addon-icon-jaow"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-jaow { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-jaow'); var fragmentNamespace = 'jaow';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-maor , #wrapper[dir="ltr"] .addon-button-wrapper-maor { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-maor , #wrapper[dir="rtl"] .addon-button-wrapper-maor { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-maor .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-maor'); var fragmentNamespace = 'maor';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-xqow"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ifwc" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile+%281%29.png/48941bfc-8e51-269c-19d6-5269e3d753db?t=1631119191976&download=true" data-fileentryid="1598253"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">محمد حسن یزدانی</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">برنامه‌نویس سیستم</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">برنامه‌نویس سیستم</p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-nmjt"> <div class="addon-button-wrapper addon-button-wrapper-nmjt addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-nmjt ">داخلی: </a> <style> .addon-button-wrapper-nmjt, .addon-button-wrapper-nmjt .addon-button { display: block; } .addon-button-wrapper-nmjt { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-nmjt .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-rwzy"> <i class="addon-icon addon-icon-rwzy"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-rwzy { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-rwzy'); var fragmentNamespace = 'rwzy';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-nmjt , #wrapper[dir="ltr"] .addon-button-wrapper-nmjt { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-nmjt , #wrapper[dir="rtl"] .addon-button-wrapper-nmjt { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-nmjt .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-nmjt'); var fragmentNamespace = 'nmjt';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-jeaf"> <div class="addon-button-wrapper addon-button-wrapper-jeaf addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-jeaf "></a> <style> .addon-button-wrapper-jeaf, .addon-button-wrapper-jeaf .addon-button { display: inline-block; } .addon-button-wrapper-jeaf { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-jeaf .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ifxy"> <i class="addon-icon addon-icon-ifxy"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-ifxy { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-ifxy'); var fragmentNamespace = 'ifxy';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-jeaf , #wrapper[dir="ltr"] .addon-button-wrapper-jeaf { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-jeaf , #wrapper[dir="rtl"] .addon-button-wrapper-jeaf { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-jeaf .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-jeaf'); var fragmentNamespace = 'jeaf';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-ifwc"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-rbte" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile+%281%29.png/48941bfc-8e51-269c-19d6-5269e3d753db?t=1631119191976&download=true" data-fileentryid="1598253"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">شادی بهرامی</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">برنامه‌نویس سیستم</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">برنامه‌نویس سیستم</p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ioim"> <div class="addon-button-wrapper addon-button-wrapper-ioim addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-ioim ">داخلی: </a> <style> .addon-button-wrapper-ioim, .addon-button-wrapper-ioim .addon-button { display: block; } .addon-button-wrapper-ioim { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-ioim .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-wmkl"> <i class="addon-icon addon-icon-wmkl"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-wmkl { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-wmkl'); var fragmentNamespace = 'wmkl';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-ioim , #wrapper[dir="ltr"] .addon-button-wrapper-ioim { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-ioim , #wrapper[dir="rtl"] .addon-button-wrapper-ioim { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-ioim .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-ioim'); var fragmentNamespace = 'ioim';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-olpt"> <div class="addon-button-wrapper addon-button-wrapper-olpt addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-olpt "></a> <style> .addon-button-wrapper-olpt, .addon-button-wrapper-olpt .addon-button { display: inline-block; } .addon-button-wrapper-olpt { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-olpt .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-mxzm"> <i class="addon-icon addon-icon-mxzm"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-mxzm { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-mxzm'); var fragmentNamespace = 'mxzm';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-olpt , #wrapper[dir="ltr"] .addon-button-wrapper-olpt { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-olpt , #wrapper[dir="rtl"] .addon-button-wrapper-olpt { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-olpt .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-olpt'); var fragmentNamespace = 'olpt';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-rbte"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-njco" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile+%281%29.png/48941bfc-8e51-269c-19d6-5269e3d753db?t=1631119191976&download=true" data-fileentryid="1598253"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">حسین مسیحی</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">برنامه‌نویس سیستم</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">برنامه‌نویس سیستم</p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-busj"> <div class="addon-button-wrapper addon-button-wrapper-busj addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-busj ">داخلی: </a> <style> .addon-button-wrapper-busj, .addon-button-wrapper-busj .addon-button { display: block; } .addon-button-wrapper-busj { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-busj .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-crhv"> <i class="addon-icon addon-icon-crhv"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-crhv { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-crhv'); var fragmentNamespace = 'crhv';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-busj , #wrapper[dir="ltr"] .addon-button-wrapper-busj { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-busj , #wrapper[dir="rtl"] .addon-button-wrapper-busj { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-busj .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-busj'); var fragmentNamespace = 'busj';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-fook"> <div class="addon-button-wrapper addon-button-wrapper-fook addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-fook "></a> <style> .addon-button-wrapper-fook, .addon-button-wrapper-fook .addon-button { display: inline-block; } .addon-button-wrapper-fook { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-fook .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-rozi"> <i class="addon-icon addon-icon-rozi"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-rozi { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-rozi'); var fragmentNamespace = 'rozi';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-fook , #wrapper[dir="ltr"] .addon-button-wrapper-fook { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-fook , #wrapper[dir="rtl"] .addon-button-wrapper-fook { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-fook .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-fook'); var fragmentNamespace = 'fook';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-njco"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;"> <div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row"> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-imjc" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile+%281%29.png/48941bfc-8e51-269c-19d6-5269e3d753db?t=1631119191976&download=true" data-fileentryid="1598253"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">مرضیه منشی‌زاده کریمی</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">برنامه‌نویس سیستم</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">برنامه نویس سیستم</p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-pngd"> <div class="addon-button-wrapper addon-button-wrapper-pngd addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-pngd ">داخلی: </a> <style> .addon-button-wrapper-pngd, .addon-button-wrapper-pngd .addon-button { display: block; } .addon-button-wrapper-pngd { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-pngd .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ezts"> <i class="addon-icon addon-icon-ezts"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-ezts { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-ezts'); var fragmentNamespace = 'ezts';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-pngd , #wrapper[dir="ltr"] .addon-button-wrapper-pngd { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-pngd , #wrapper[dir="rtl"] .addon-button-wrapper-pngd { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-pngd .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-pngd'); var fragmentNamespace = 'pngd';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-dpkz"> <div class="addon-button-wrapper addon-button-wrapper-dpkz addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-dpkz "></a> <style> .addon-button-wrapper-dpkz, .addon-button-wrapper-dpkz .addon-button { display: inline-block; } .addon-button-wrapper-dpkz { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-dpkz .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-aplh"> <i class="addon-icon addon-icon-aplh"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-aplh { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-aplh'); var fragmentNamespace = 'aplh';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-dpkz , #wrapper[dir="ltr"] .addon-button-wrapper-dpkz { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-dpkz , #wrapper[dir="rtl"] .addon-button-wrapper-dpkz { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-dpkz .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-dpkz'); var fragmentNamespace = 'dpkz';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-imjc"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-yhic" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile+%281%29.png/48941bfc-8e51-269c-19d6-5269e3d753db?t=1631119191976&download=true" data-fileentryid="1598253"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">سید‌فرهاد حسینی</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">کارشناس هوش تجاری (BI)</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">کارشناس هوش تجاری (BI)</p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-gsck"> <div class="addon-button-wrapper addon-button-wrapper-gsck addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-gsck ">داخلی: </a> <style> .addon-button-wrapper-gsck, .addon-button-wrapper-gsck .addon-button { display: block; } .addon-button-wrapper-gsck { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-gsck .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-suig"> <i class="addon-icon addon-icon-suig"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-suig { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-suig'); var fragmentNamespace = 'suig';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-gsck , #wrapper[dir="ltr"] .addon-button-wrapper-gsck { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-gsck , #wrapper[dir="rtl"] .addon-button-wrapper-gsck { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-gsck .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-gsck'); var fragmentNamespace = 'gsck';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-bsvz"> <div class="addon-button-wrapper addon-button-wrapper-bsvz addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-bsvz ">ictc.bi@sharif.edu</a> <style> .addon-button-wrapper-bsvz, .addon-button-wrapper-bsvz .addon-button { display: inline-block; } .addon-button-wrapper-bsvz { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-bsvz .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ymwv"> <i class="addon-icon addon-icon-ymwv"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-ymwv { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-ymwv'); var fragmentNamespace = 'ymwv';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-bsvz , #wrapper[dir="ltr"] .addon-button-wrapper-bsvz { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-bsvz , #wrapper[dir="rtl"] .addon-button-wrapper-bsvz { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-bsvz .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-bsvz'); var fragmentNamespace = 'bsvz';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-yhic"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ixii" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile+%281%29.png/48941bfc-8e51-269c-19d6-5269e3d753db?t=1631119191976&download=true" data-fileentryid="1598253"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">علی نجیمی</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">کارشناس ارشد امنیت</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">کارشناس ارشد امنیت</p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ukzs"> <div class="addon-button-wrapper addon-button-wrapper-ukzs addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-ukzs ">داخلی: </a> <style> .addon-button-wrapper-ukzs, .addon-button-wrapper-ukzs .addon-button { display: block; } .addon-button-wrapper-ukzs { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-ukzs .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-vgew"> <i class="addon-icon addon-icon-vgew"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-vgew { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-vgew'); var fragmentNamespace = 'vgew';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-ukzs , #wrapper[dir="ltr"] .addon-button-wrapper-ukzs { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-ukzs , #wrapper[dir="rtl"] .addon-button-wrapper-ukzs { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-ukzs .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-ukzs'); var fragmentNamespace = 'ukzs';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-bbsu"> <div class="addon-button-wrapper addon-button-wrapper-bbsu addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-bbsu "></a> <style> .addon-button-wrapper-bbsu, .addon-button-wrapper-bbsu .addon-button { display: inline-block; } .addon-button-wrapper-bbsu { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-bbsu .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-mjdr"> <i class="addon-icon addon-icon-mjdr"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-mjdr { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-mjdr'); var fragmentNamespace = 'mjdr';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-bbsu , #wrapper[dir="ltr"] .addon-button-wrapper-bbsu { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-bbsu , #wrapper[dir="rtl"] .addon-button-wrapper-bbsu { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-bbsu .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-bbsu'); var fragmentNamespace = 'bbsu';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-ixii"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> </div> </div> </div> <div class=""> <div class=" bg-rgb(211, 214, 224) mb-lg-3 ml-lg-0 mr-lg-0 mt-lg-4 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center mb-sm-3 mt-sm-4 mb-3 mt-4 mb-md-3 mt-md-4" style="box-sizing: border-box;background-color: rgb(211, 214, 224);border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-wvrz" > <h3 class="component-heading mb-0 text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="text">گروه شبکه و زیرساخت</h3></div><style>.fragment-heading-text-colored a { color: inherit; }</style> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-4 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mt-sm-4 mt-4 mt-md-4" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;"> <div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row no-gutters"> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-xtzl" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile+%281%29.png/48941bfc-8e51-269c-19d6-5269e3d753db?t=1631119191976&download=true" data-fileentryid="1598253"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">شهاب خدایار</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">کارشناس شبکه</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">پشتیبانی شبکه غیر فعال و فعال در سطح دانشگاه و خوابگاه ها</p> <ul dir="rtl"> </ul> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-gqsk"> <div class="addon-button-wrapper addon-button-wrapper-gqsk addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-gqsk ">داخلی: </a> <style> .addon-button-wrapper-gqsk, .addon-button-wrapper-gqsk .addon-button { display: block; } .addon-button-wrapper-gqsk { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-gqsk .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-foxd"> <i class="addon-icon addon-icon-foxd"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-foxd { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-foxd'); var fragmentNamespace = 'foxd';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-gqsk , #wrapper[dir="ltr"] .addon-button-wrapper-gqsk { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-gqsk , #wrapper[dir="rtl"] .addon-button-wrapper-gqsk { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-gqsk .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-gqsk'); var fragmentNamespace = 'gqsk';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-xhuq"> <div class="addon-button-wrapper addon-button-wrapper-xhuq addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-xhuq ">sha.khodayar21@staff.sharif.edu</a> <style> .addon-button-wrapper-xhuq, .addon-button-wrapper-xhuq .addon-button { display: inline-block; } .addon-button-wrapper-xhuq { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-xhuq .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ioxt"> <i class="addon-icon addon-icon-ioxt"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-ioxt { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-ioxt'); var fragmentNamespace = 'ioxt';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-xhuq , #wrapper[dir="ltr"] .addon-button-wrapper-xhuq { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-xhuq , #wrapper[dir="rtl"] .addon-button-wrapper-xhuq { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-xhuq .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-xhuq'); var fragmentNamespace = 'xhuq';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-xtzl"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-hesi" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/shiri-1-removebg-preview.jpg/b65794db-8d17-b638-8208-30ba189339b3?t=1653803425092&download=true"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">امیر شیری</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">تکنسین شبکه</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">اجرا و پشتیبانی شبکه غیر فعال در سطح دانشگاه</p> <ul dir="rtl"> </ul> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-qluq"> <div class="addon-button-wrapper addon-button-wrapper-qluq addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-qluq ">66164154<br> <br> داخلی: 170</a> <style> .addon-button-wrapper-qluq, .addon-button-wrapper-qluq .addon-button { display: block; } .addon-button-wrapper-qluq { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-qluq .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-wugv"> <i class="addon-icon addon-icon-wugv"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-wugv { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-wugv'); var fragmentNamespace = 'wugv';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-qluq , #wrapper[dir="ltr"] .addon-button-wrapper-qluq { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-qluq , #wrapper[dir="rtl"] .addon-button-wrapper-qluq { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-qluq .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-qluq'); var fragmentNamespace = 'qluq';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ytkz"> <div class="addon-button-wrapper addon-button-wrapper-ytkz addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-ytkz ">amir.shiri@sharif.edu</a> <style> .addon-button-wrapper-ytkz, .addon-button-wrapper-ytkz .addon-button { display: inline-block; } .addon-button-wrapper-ytkz { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-ytkz .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-jegi"> <i class="addon-icon addon-icon-jegi"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-jegi { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-jegi'); var fragmentNamespace = 'jegi';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-ytkz , #wrapper[dir="ltr"] .addon-button-wrapper-ytkz { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-ytkz , #wrapper[dir="rtl"] .addon-button-wrapper-ytkz { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-ytkz .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-ytkz'); var fragmentNamespace = 'ytkz';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-hesi"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ibvo" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile+%281%29.png/48941bfc-8e51-269c-19d6-5269e3d753db?t=1631119191976&download=true" data-fileentryid="1598253"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">محمدرضا هاشمی</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">تکنسین شبکه</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">اجرا و پشتیبانی شبکه غیر فعال در سطح دانشگاه</p> <ul dir="rtl"> </ul> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-qrsn"> <div class="addon-button-wrapper addon-button-wrapper-qrsn addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-qrsn ">66164154<br> <br> داخلی: 165</a> <style> .addon-button-wrapper-qrsn, .addon-button-wrapper-qrsn .addon-button { display: block; } .addon-button-wrapper-qrsn { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-qrsn .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-uduo"> <i class="addon-icon addon-icon-uduo"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-uduo { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-uduo'); var fragmentNamespace = 'uduo';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-qrsn , #wrapper[dir="ltr"] .addon-button-wrapper-qrsn { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-qrsn , #wrapper[dir="rtl"] .addon-button-wrapper-qrsn { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-qrsn .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-qrsn'); var fragmentNamespace = 'qrsn';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-htyx"> <div class="addon-button-wrapper addon-button-wrapper-htyx addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-htyx ">m.hashemi@sharif.edu</a> <style> .addon-button-wrapper-htyx, .addon-button-wrapper-htyx .addon-button { display: inline-block; } .addon-button-wrapper-htyx { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-htyx .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-sfvu"> <i class="addon-icon addon-icon-sfvu"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-sfvu { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-sfvu'); var fragmentNamespace = 'sfvu';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-htyx , #wrapper[dir="ltr"] .addon-button-wrapper-htyx { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-htyx , #wrapper[dir="rtl"] .addon-button-wrapper-htyx { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-htyx .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-htyx'); var fragmentNamespace = 'htyx';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-ibvo"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-joad" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/%D8%B3%D8%B1%D8%A7%D8%AC+%282%29-removebg-preview.jpg/8cf380d0-6f84-d086-14a3-b1efb040cb43?t=1653803525744&download=true"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">عباس علی سراج</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">تکنسین برق و شبکه</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">اجرا و پشتیبانی شبکه غیر فعال در سطح دانشگاه</p> <ul dir="rtl"> </ul> <ul dir="rtl"> </ul> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-cccj"> <div class="addon-button-wrapper addon-button-wrapper-cccj addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-cccj ">66164165</a> <style> .addon-button-wrapper-cccj, .addon-button-wrapper-cccj .addon-button { display: block; } .addon-button-wrapper-cccj { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-cccj .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-dmvo"> <i class="addon-icon addon-icon-dmvo"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-dmvo { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-dmvo'); var fragmentNamespace = 'dmvo';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-cccj , #wrapper[dir="ltr"] .addon-button-wrapper-cccj { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-cccj , #wrapper[dir="rtl"] .addon-button-wrapper-cccj { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-cccj .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-cccj'); var fragmentNamespace = 'cccj';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mt-sm-0 mt-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-gwrp"> <div class="addon-button-wrapper addon-button-wrapper-gwrp addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-gwrp ">:abbas.seraj@sharif.edu</a> <style> .addon-button-wrapper-gwrp, .addon-button-wrapper-gwrp .addon-button { display: inline-block; } .addon-button-wrapper-gwrp { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-gwrp .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-lykw"> <i class="addon-icon addon-icon-lykw"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-lykw { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-lykw'); var fragmentNamespace = 'lykw';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-gwrp , #wrapper[dir="ltr"] .addon-button-wrapper-gwrp { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-gwrp , #wrapper[dir="rtl"] .addon-button-wrapper-gwrp { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-gwrp .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-gwrp'); var fragmentNamespace = 'gwrp';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-joad"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> </div> </div> <div class=""> <div class=" bg-rgb(211, 214, 224) mb-lg-3 ml-lg-0 mr-lg-0 mt-lg-4 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center mb-sm-3 mt-sm-4 mb-3 mt-4 mb-md-3 mt-md-4" style="box-sizing: border-box;background-color: rgb(211, 214, 224);border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-xvlf" > <h3 class="component-heading mb-0 text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="text">گروه سیستم و زیرساخت</h3></div><style>.fragment-heading-text-colored a { color: inherit; }</style> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;"> <div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row no-gutters"> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-dxqb" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile+%281%29.png/48941bfc-8e51-269c-19d6-5269e3d753db?t=1631119191976&download=true" data-fileentryid="1598253"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text"><div>آزاده آریاپور</div> </div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">کارشناس سامانه‌های نرم افزاری</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">توسعه و پشتیبانی وب‌سایت‌های دانشگاه و سامانه‌های داخلی </p> <ul dir="rtl"> </ul> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-pvbd"> <div class="addon-button-wrapper addon-button-wrapper-pvbd addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-pvbd ">66164154<br> <br> داخلی: 159</a> <style> .addon-button-wrapper-pvbd, .addon-button-wrapper-pvbd .addon-button { display: block; } .addon-button-wrapper-pvbd { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-pvbd .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-hkkx"> <i class="addon-icon addon-icon-hkkx"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-hkkx { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-hkkx'); var fragmentNamespace = 'hkkx';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-pvbd , #wrapper[dir="ltr"] .addon-button-wrapper-pvbd { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-pvbd , #wrapper[dir="rtl"] .addon-button-wrapper-pvbd { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-pvbd .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-pvbd'); var fragmentNamespace = 'pvbd';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-qrob"> <div class="addon-button-wrapper addon-button-wrapper-qrob addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-qrob "></a> <style> .addon-button-wrapper-qrob, .addon-button-wrapper-qrob .addon-button { display: inline-block; } .addon-button-wrapper-qrob { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-qrob .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-thfl"> <i class="addon-icon addon-icon-thfl"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-thfl { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-thfl'); var fragmentNamespace = 'thfl';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-qrob , #wrapper[dir="ltr"] .addon-button-wrapper-qrob { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-qrob , #wrapper[dir="rtl"] .addon-button-wrapper-qrob { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-qrob .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-qrob'); var fragmentNamespace = 'qrob';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-dxqb"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-fugy" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/mohseni-1-removebg-preview.jpg/3fcfcef3-52b7-c5f8-d010-f05bc2766cda?t=1653803697809&download=true"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">علی محسنی</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">کارشناس سامانه‌های نرم افزاری</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p class="mb-20">مدیریت Mailing List و FTP Server، رسیدگی به درخواست‌های اساتید از جمله ایمیل، شناسه کاربر، وب سایت‌شخصی، دانلود، ارتباط با انجمن فارغ التحصیلان، پاسخگویی آنکال و...</p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-brtu"> <div class="addon-button-wrapper addon-button-wrapper-brtu addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-brtu ">66164154<br> <br> داخلی: 161</a> <style> .addon-button-wrapper-brtu, .addon-button-wrapper-brtu .addon-button { display: block; } .addon-button-wrapper-brtu { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-brtu .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-xyfy"> <i class="addon-icon addon-icon-xyfy"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-xyfy { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-xyfy'); var fragmentNamespace = 'xyfy';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-brtu , #wrapper[dir="ltr"] .addon-button-wrapper-brtu { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-brtu , #wrapper[dir="rtl"] .addon-button-wrapper-brtu { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-brtu .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-brtu'); var fragmentNamespace = 'brtu';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mt-sm-0 mt-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-fwld"> <div class="addon-button-wrapper addon-button-wrapper-fwld addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-fwld ">mohseni@sharif.edu</a> <style> .addon-button-wrapper-fwld, .addon-button-wrapper-fwld .addon-button { display: inline-block; } .addon-button-wrapper-fwld { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-fwld .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-oelm"> <i class="addon-icon addon-icon-oelm"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-oelm { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-oelm'); var fragmentNamespace = 'oelm';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-fwld , #wrapper[dir="ltr"] .addon-button-wrapper-fwld { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-fwld , #wrapper[dir="rtl"] .addon-button-wrapper-fwld { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-fwld .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-fwld'); var fragmentNamespace = 'fwld';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-fugy"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ikrv" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile+%281%29.png/48941bfc-8e51-269c-19d6-5269e3d753db?t=1631119191976&download=true" data-fileentryid="1598253"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text"><div>زینب تیز‌کار سعدآبادی</div> </div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">کارشناس سامانه‌های نرم افزاری</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL"><span style="background-color: rgb(245, 245, 245);">اجرا و پشتیبانی از سرویس‌های مجازی‌سازی و سرویس‌های پایه مانند دامنه، ایمیل، احراز هویت یکپارچه و زیرساخت سیستم‌های اطلاعاتی</span></p> <ul dir="rtl"> </ul> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" container mb-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-wdsk"> <div class="addon-button-wrapper addon-button-wrapper-wdsk addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-wdsk ">66164154<br> <br> داخلی: 168</a> <style> .addon-button-wrapper-wdsk, .addon-button-wrapper-wdsk .addon-button { display: block; } .addon-button-wrapper-wdsk { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-wdsk .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-zyud"> <i class="addon-icon addon-icon-zyud"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-zyud { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-zyud'); var fragmentNamespace = 'zyud';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-wdsk , #wrapper[dir="ltr"] .addon-button-wrapper-wdsk { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-wdsk , #wrapper[dir="rtl"] .addon-button-wrapper-wdsk { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-wdsk .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-wdsk'); var fragmentNamespace = 'wdsk';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-oywl"> <div class="addon-button-wrapper addon-button-wrapper-oywl addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-oywl "></a> <style> .addon-button-wrapper-oywl, .addon-button-wrapper-oywl .addon-button { display: inline-block; } .addon-button-wrapper-oywl { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-oywl .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-liiq"> <i class="addon-icon addon-icon-liiq"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-liiq { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-liiq'); var fragmentNamespace = 'liiq';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-oywl , #wrapper[dir="ltr"] .addon-button-wrapper-oywl { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-oywl , #wrapper[dir="rtl"] .addon-button-wrapper-oywl { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-oywl .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-oywl'); var fragmentNamespace = 'oywl';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-ikrv"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-3 col-3 col-md-3"> </div> </div> </div> <div class=""> <div class=" bg-rgb(211, 214, 224) mb-lg-3 ml-lg-0 mr-lg-0 mt-lg-4 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center mb-sm-3 mt-sm-4 mb-3 mt-4 mb-md-3 mt-md-4" style="box-sizing: border-box;background-color: rgb(211, 214, 224);border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ygrp" > <h3 class="component-heading mb-0 text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="text">گروه پشتیبانی</h3></div><style>.fragment-heading-text-colored a { color: inherit; }</style> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;"> <div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row no-gutters"> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-lnrx" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile.png/595d92f5-650e-62c5-776e-bc9ad73f7794?t=1631118871212&download=true" data-fileentryid="1598209"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">یگانه ابراهیم زاده</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">کارشناس میز خدمت</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p style="height:60px" class="mb-20">پاسخگویی به مشکلات عمومی کاربران از طریق سیستم تیکتینگ، تماس تلفنی و مراجعات حضوری</p></div> </div> <div class="addon-person-social-networks"> <div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mt-sm-0 mb-1 mt-0 mb-md-1 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ovzq"> <div class="addon-button-wrapper addon-button-wrapper-ovzq addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-ovzq ">66164154<br> <br> داخلی: 164</a> <style> .addon-button-wrapper-ovzq, .addon-button-wrapper-ovzq .addon-button { display: block; } .addon-button-wrapper-ovzq { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-ovzq .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-xyrv"> <i class="addon-icon addon-icon-xyrv"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-xyrv { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-xyrv'); var fragmentNamespace = 'xyrv';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-ovzq , #wrapper[dir="ltr"] .addon-button-wrapper-ovzq { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-ovzq , #wrapper[dir="rtl"] .addon-button-wrapper-ovzq { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-ovzq .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-ovzq'); var fragmentNamespace = 'ovzq';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-udha"> <div class="addon-button-wrapper addon-button-wrapper-udha addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-udha "></a> <style> .addon-button-wrapper-udha, .addon-button-wrapper-udha .addon-button { display: inline-block; } .addon-button-wrapper-udha { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-udha .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-wlda"> <i class="addon-icon addon-icon-wlda"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-wlda { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-wlda'); var fragmentNamespace = 'wlda';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-udha , #wrapper[dir="ltr"] .addon-button-wrapper-udha { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-udha , #wrapper[dir="rtl"] .addon-button-wrapper-udha { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-udha .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-udha'); var fragmentNamespace = 'udha';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-lnrx"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-cdkh" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile.png/595d92f5-650e-62c5-776e-bc9ad73f7794?t=1631118871212&download=true" data-fileentryid="1598209"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">علی حیدری نژاد</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">کارشناس میز خدمت</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">پشتیبانی و مانیتورینگ وضعیت مرکز داده، خارج از ساعات اداری</p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mt-sm-0 mb-1 mt-0 mb-md-1 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-tnyn"> <div class="addon-button-wrapper addon-button-wrapper-tnyn addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-tnyn ">66164154<br> <br> داخلی: ۱۶۴</a> <style> .addon-button-wrapper-tnyn, .addon-button-wrapper-tnyn .addon-button { display: block; } .addon-button-wrapper-tnyn { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-tnyn .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-xvyt"> <i class="addon-icon addon-icon-xvyt"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-xvyt { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-xvyt'); var fragmentNamespace = 'xvyt';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-tnyn , #wrapper[dir="ltr"] .addon-button-wrapper-tnyn { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-tnyn , #wrapper[dir="rtl"] .addon-button-wrapper-tnyn { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-tnyn .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-tnyn'); var fragmentNamespace = 'tnyn';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ppwl"> <div class="addon-button-wrapper addon-button-wrapper-ppwl addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-ppwl "></a> <style> .addon-button-wrapper-ppwl, .addon-button-wrapper-ppwl .addon-button { display: inline-block; } .addon-button-wrapper-ppwl { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-ppwl .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-teoz"> <i class="addon-icon addon-icon-teoz"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-teoz { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-teoz'); var fragmentNamespace = 'teoz';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-ppwl , #wrapper[dir="ltr"] .addon-button-wrapper-ppwl { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-ppwl , #wrapper[dir="rtl"] .addon-button-wrapper-ppwl { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-ppwl .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-ppwl'); var fragmentNamespace = 'ppwl';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-cdkh"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-yoyx" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile.png/595d92f5-650e-62c5-776e-bc9ad73f7794?t=1631118871212&download=true" data-fileentryid="1598209"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">داوود فرجی</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">کارشناس میز خدمت</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p dir="RTL">پشتیبانی و مانیتورینگ وضعیت مرکز داده، خارج از ساعات اداری</p> </div> </div> <div class="addon-person-social-networks"> <div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mt-sm-0 mb-1 mt-0 mb-md-1 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-csly"> <div class="addon-button-wrapper addon-button-wrapper-csly addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-csly ">66164154<br> <br> داخلی: ۱۶۴</a> <style> .addon-button-wrapper-csly, .addon-button-wrapper-csly .addon-button { display: block; } .addon-button-wrapper-csly { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-csly .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-wghf"> <i class="addon-icon addon-icon-wghf"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-wghf { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-wghf'); var fragmentNamespace = 'wghf';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-csly , #wrapper[dir="ltr"] .addon-button-wrapper-csly { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-csly , #wrapper[dir="rtl"] .addon-button-wrapper-csly { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-csly .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-csly'); var fragmentNamespace = 'csly';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-0 mt-sm-0 mb-0 mt-0 mb-md-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-yhjg"> <div class="addon-button-wrapper addon-button-wrapper-yhjg addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-yhjg ">davod.faraji78@staff.sharif.edu</a> <style> .addon-button-wrapper-yhjg, .addon-button-wrapper-yhjg .addon-button { display: inline-block; } .addon-button-wrapper-yhjg { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-yhjg .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-fbty"> <i class="addon-icon addon-icon-fbty"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-fbty { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-fbty'); var fragmentNamespace = 'fbty';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-yhjg , #wrapper[dir="ltr"] .addon-button-wrapper-yhjg { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-yhjg , #wrapper[dir="rtl"] .addon-button-wrapper-yhjg { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-yhjg .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-yhjg'); var fragmentNamespace = 'yhjg';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-yoyx"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> </div> </div> </div> <div class=""> <div class=" bg-rgb(211, 214, 224) mb-lg-3 ml-lg-0 mr-lg-0 mt-lg-4 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center mb-sm-3 mt-sm-4 mb-3 mt-4 mb-md-3 mt-md-4" style="box-sizing: border-box;background-color: rgb(211, 214, 224);border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-klaa" > <h3 class="component-heading mb-0 text-break" data-lfr-editable-id="element-text" data-lfr-editable-type="text">مرکز پردازش سریع</h3></div><style>.fragment-heading-text-colored a { color: inherit; }</style> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;overflow: hidden;"> <div class="row align-items-lg-start align-items-sm-start align-items-start align-items-md-start flex-lg-row flex-sm-row flex-row flex-md-row no-gutters"> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 text-center" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-tlml" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/empty-profile+%286%29.png/c3c4f716-6a3e-6960-7c84-2f71a07ec2e6?t=1631127033579&download=true" data-fileentryid="1599360"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">رضا افتخاری</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">کارشناس ارشد پردازش سریع</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p style="height:50px" class="mb-20">پشتیبانی، توسعه و مدیریت بستر پردازش سریع (HPC)</p></div> </div> <div class="addon-person-social-networks"> <div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ajpk"> <div class="addon-button-wrapper addon-button-wrapper-ajpk addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-ajpk ">داخلی: </a> <style> .addon-button-wrapper-ajpk, .addon-button-wrapper-ajpk .addon-button { display: block; } .addon-button-wrapper-ajpk { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-ajpk .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-lsnn"> <i class="addon-icon addon-icon-lsnn"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-lsnn { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-lsnn'); var fragmentNamespace = 'lsnn';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-ajpk , #wrapper[dir="ltr"] .addon-button-wrapper-ajpk { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-ajpk , #wrapper[dir="rtl"] .addon-button-wrapper-ajpk { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-ajpk .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-ajpk'); var fragmentNamespace = 'ajpk';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mt-sm-0 mt-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-heic"> <div class="addon-button-wrapper addon-button-wrapper-heic addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-heic ">eftekhary@sharif.edu</a> <style> .addon-button-wrapper-heic, .addon-button-wrapper-heic .addon-button { display: inline-block; } .addon-button-wrapper-heic { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-heic .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-lxtp"> <i class="addon-icon addon-icon-lxtp"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-lxtp { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-lxtp'); var fragmentNamespace = 'lxtp';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-heic , #wrapper[dir="ltr"] .addon-button-wrapper-heic { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-heic , #wrapper[dir="rtl"] .addon-button-wrapper-heic { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-heic .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-heic'); var fragmentNamespace = 'heic';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-tlml"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-oaph" > <div class="layout-two"> <div class="addon-person"> <div class="addon-person-media"> <div class="addon-person-image"> <img class="addon-person-img" data-lfr-editable-id="person-img" data-lfr-editable-type="image" src="/documents/109144/0/baraani-1-removebg-preview.jpg/a7bb748c-4832-0d97-f03f-e6424d765b46?t=1653803917423&download=true"> </div> <div class="addon-person-media-body"> <div class="addon-person-information"> <div class="addon-person-name" data-lfr-editable-id="person-name-0" data-lfr-editable-type="text">علیرضا براآنی</div> <div class="addon-person-designation" data-lfr-editable-id="person-designation-0" data-lfr-editable-type="text">کارشناس ارشد پردازش سریع</div> <div class="addon-person-introtext" data-lfr-editable-id="person-introtext-0" data-lfr-editable-type="rich-text"><p style="height:50px" class="mb-20">پشتیبانی، توسعه و مدیریت بستر پردازش سریع (HPC)</p></div> </div> <div class="addon-person-social-networks"> <div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-1 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mb-sm-1 mb-1 mb-md-1" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-hcoo"> <div class="addon-button-wrapper addon-button-wrapper-hcoo addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-hcoo ">داخلی: </a> <style> .addon-button-wrapper-hcoo, .addon-button-wrapper-hcoo .addon-button { display: block; } .addon-button-wrapper-hcoo { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-hcoo .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-auan"> <i class="addon-icon addon-icon-auan"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':7,'iconIndex':244}"><g><path d="M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z" /></g></svg> </i> <style> .addon-icon-auan { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':7,'iconIndex':244}\"><g><path d=\"M574.925 574.925c-81.050 80.998-174.95 158.515-212.070 121.395-53.094-53.094-85.862-99.379-203.008-5.222-117.094 94.106-27.136 156.877 24.32 208.282 59.392 59.392 280.781 3.174 499.61-215.603 218.778-218.829 274.842-440.218 215.398-499.61-51.456-51.507-113.92-141.414-208.026-24.32-94.157 117.094-47.923 149.862 5.274 203.008 36.966 37.12-40.499 131.021-121.498 212.070z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-auan'); var fragmentNamespace = 'auan';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-hcoo , #wrapper[dir="ltr"] .addon-button-wrapper-hcoo { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-hcoo , #wrapper[dir="rtl"] .addon-button-wrapper-hcoo { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-hcoo .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":true,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-hcoo'); var fragmentNamespace = 'hcoo';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0 mt-sm-0 mt-0 mt-md-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-ougq"> <div class="addon-button-wrapper addon-button-wrapper-ougq addon-button-hover-opacity"> <a data-lfr-editable-type="link" data-lfr-editable-id="addon-button-link-0" class="addon-button addon-button-ougq ">baraani@ce.sharif.edu</a> <style> .addon-button-wrapper-ougq, .addon-button-wrapper-ougq .addon-button { display: inline-block; } .addon-button-wrapper-ougq { color: #000000; background-color: #CDCED9 !important; } .addon-button-wrapper-ougq .addon-button { color: #000000 !important; } </style> <div class="addon-button-icon"><div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;opacity: 1.0;"> <div id="fragment-0-uihs"> <i class="addon-icon addon-icon-uihs"> <svg viewbox="0 0 1024 1024" data-value="{'packIndex':6,'iconIndex':4}"><g><path d="M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z" /></g></svg> </i> <style> .addon-icon-uihs { fill: currentColor; background: transparent; } </style></div><style>.addon-icon { display: block; max-height: 100%; max-width: 100%; } .addon-icon > svg { height: 100%; width: 100%; }</style><script>(function() {var configuration = {"background":"transparent","icon":"<svg viewBox=\"0 0 1024 1024\" data-value=\"{'packIndex':6,'iconIndex':4}\"><g><path d=\"M554.667 256h-256v85.333h256v-85.333zM682.667 384h-384v42.667h384v-42.667zM682.667 469.333h-384v42.667h384v-42.667zM853.333 512.043v-469.376h-725.333v470.741l-85.333-44.075v554.667h896v-554.325l-85.333 42.368zM213.333 128h554.667v422.784l-85.333 45.739v-41.856h-384v42.667h382.507l-191.659 102.741-276.181-142.635v-429.44zM128 938.667v-335.616l625.109 335.616h-625.109zM853.333 893.824l-272.128-145.365 272.128-145.408v290.773z\"/><\/g><\/svg>","fill":"transparent"}; var fragmentElement = document.querySelector('#fragment-0-uihs'); var fragmentNamespace = 'uihs';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div></div> <style> [dir="ltr"] .addon-button-wrapper-ougq , #wrapper[dir="ltr"] .addon-button-wrapper-ougq { padding-left: 4em !important; padding-right: 2em !important; } [dir="rtl"] .addon-button-wrapper-ougq , #wrapper[dir="rtl"] .addon-button-wrapper-ougq { padding-left: 2em !important; padding-right: 4em !important; } .addon-button-wrapper-ougq .addon-icon { fill: #000000; } </style> </div> </div><style>.addon-button-wrapper { background: #0b5fff; padding: 1em 3em; border-radius: 9em; transition: all 0.3s ease-out, background-position 0.4s ease-out; transform: perspective(1px); cursor: pointer; line-height: 1; } .addon-button-wrapper .addon-button { color: #fff; } .addon-button-wrapper:hover { color: #fff; text-decoration: none; } .addon-button-wrapper:focus { outline: none; } .addon-button-wrapper.addon-button-hover-zoom-in:hover, .addon-button-wrapper.addon-button-hover-zoom-in:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:focus, .addon-button-wrapper.addon-button-hover-zoom-in:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in:active, .addon-button-wrapper.addon-button-hover-zoom-in:active + .addon-button-icon { transform: scale(1.05); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out { box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-zoom-out:hover, .addon-button-wrapper.addon-button-hover-zoom-out:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:focus, .addon-button-wrapper.addon-button-hover-zoom-out:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-out:active, .addon-button-wrapper.addon-button-hover-zoom-out:active + .addon-button-icon { transform: scale(0.95); box-shadow: none; } .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active, .addon-button-wrapper.addon-button-hover-zoom-in-rotate:active + .addon-button-icon { transform: scale(1.05) rotate(-2deg); box-shadow: 0 0 20px -10px #000; } .addon-button-wrapper.addon-button-hover-opacity:hover, .addon-button-wrapper.addon-button-hover-opacity:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:focus, .addon-button-wrapper.addon-button-hover-opacity:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-opacity:active, .addon-button-wrapper.addon-button-hover-opacity:active + .addon-button-icon { opacity: 0.8 !important; } .addon-button-wrapper.addon-button-hover-skew { border-radius: 0; } .addon-button-wrapper.addon-button-hover-skew:hover, .addon-button-wrapper.addon-button-hover-skew:hover + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:focus, .addon-button-wrapper.addon-button-hover-skew:focus + .addon-button-icon, .addon-button-wrapper.addon-button-hover-skew:active, .addon-button-wrapper.addon-button-hover-skew:active + .addon-button-icon { transform: skew(-20deg) translateX(4%); } .addon-button-wrapper.addon-button-gradient { border: none; background-size: 300% 100%; } .addon-button-wrapper.addon-button-gradient:hover { background-position: 100% 0; } .addon-button-wrapper.addon-button-gradient.gradient-1 { background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-2 { background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19); box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-3 { background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7); box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-4 { background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516); box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-5 { background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-6 { background-image: linear-gradient(to right, #009245, #fcee21, #00a8c5, #d9e021); box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-7 { background-image: linear-gradient(to right, #6253e1, #852d91, #a3a1ff, #f24645); box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-8 { background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-9 { background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-10 { background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #fbb03b); box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75); } .addon-button-wrapper.addon-button-gradient.gradient-11 { background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f); box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4); } .addon-button-wrapper { position: relative; } .addon-button-wrapper .addon-button-icon { position: absolute; width: 2em; height: 2em; top: calc(50% - 1em); left: 1.5em; overflow: hidden; transition: all 0.3s ease-out; text-align: center; } .addon-button-wrapper .addon-button-icon * { max-height: 2em; } .addon-button-wrapper .addon-button-icon .page-editor__no-fragments-message { text-indent: 9999em; white-space: nowrap; padding: 0 !important; height: 2em; } [dir="rtl"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="rtl"] .addon-button-wrapper .addon-button-icon { right: 1.5em; left: auto; } [dir="ltr"] .addon-button-wrapper .addon-button-icon, #wrapper[dir="ltr"] .addon-button-wrapper .addon-button-icon { left: 1.5em; right: auto; }</style><script>(function() {var configuration = {"hoverAnimation":"opacity","color":"#000000","fluidWidth":false,"background":"#CDCED9","gradient":0,"showIcon":true}; var fragmentElement = document.querySelector('#fragment-0-ougq'); var fragmentNamespace = 'ougq';Liferay.Loader.require("fragment-js-web@1.0.0/index", function (fragment) { if (!window.FRAGMENT) fragment.default(); FRAGMENT.init({ configuration, fragment: fragmentElement, namespace: fragmentNamespace, }); });;}());</script> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> div[id^="fragment-"][id$="-oaph"] { height: 100%; } </style></div><style>.addon-person { font-size: 0.625em; height: 100%; } .addon-person .addon-person-media { display: flex !important; align-items: flex-start; } .addon-person .addon-person-media-body { flex: 1; padding: 0 2.5em 2em; min-width: 20em; } .addon-person .addon-person-media-body .page-editor__no-fragments-message { padding: 0; } .addon-person .addon-person-image { line-height: 0; } .addon-person .addon-person-image .addon-person-img { height: auto; display: inline-block; max-width: 100%; width: 20em; min-width: 10em; } .addon-person .addon-person-information .addon-person-name { font-size: 1.8em; font-weight: bolder; margin-top: 2em; font-size: 2.4em; line-height: 1.25em; margin: 0 0 0 0; } .addon-person .addon-person-information .addon-person-designation { font-size: 1.4em; line-height: 1.43em; margin: -0.2em 0 1em 0; display: block; opacity: 0.6; } .addon-person .addon-person-information .addon-person-introtext { margin: 1em 0 0; font-size: 1.4em; line-height: 1.7; } .addon-person .addon-person-social-networks { display: inline-block; } /* ---------- Person themes ---------- */ .layout-two, .layout-four { height: 100%; } /* ---------- Person theme one ---------- */ .layout-one .addon-person-image { max-width: 40%; } .layout-one .addon-person-media-body { padding: 1.5em 2.5em 2em; } /* ---------- Person theme two ---------- */ .layout-two .addon-person { box-shadow: 0 0.2em 1.5em 0 #e8e8e8; padding: 5em; text-align: center; } .layout-two .addon-person .addon-person-media { flex-wrap: wrap; } .layout-two .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-two .addon-person .addon-person-media .addon-person-image .addon-person-img { border-radius: 0.5em; } .layout-two .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 2em; } .layout-two .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme three ---------- */ .layout-three .addon-person .addon-person-media { flex-wrap: wrap; } .layout-three .addon-person .addon-person-media .addon-person-image { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; } .layout-three .addon-person .addon-person-media .addon-person-media-body { padding: 0; margin-top: 4em; } .layout-three .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } /* ---------- Person theme four ---------- */ .layout-four .addon-person { border-radius: 0.25em; overflow: hidden; } .layout-four .addon-person .addon-person-media { flex-wrap: wrap; position: relative; overflow: hidden; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image { width: 100%; height: 100%; } .layout-four .addon-person .addon-person-media .addon-person-image .addon-person-img { width: 100%; height: 100%; object-fit: cover; } .layout-four .addon-person .addon-person-media .addon-person-media-body { position: absolute; display: flex; flex-direction: column-reverse; margin: 0; left: 0; right: 0; top: 0; bottom: 0; justify-content: space-between; padding: 2em; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks { margin: -2em 0 0; transform: translateY(-100%); opacity: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-social-networks .addon-icon { fill: #fff; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information { margin-bottom: -2em; transform: translateY(100%); } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information .addon-person-designation { margin-top: 0; } .layout-four .addon-person .addon-person-media .addon-person-media-body .addon-person-information > * { filter: brightness(0) invert(1); } .layout-four .addon-person .addon-person-media .addon-person-media-body:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(208deg, #04befe 5%, #4481eb 80%); z-index: 0; opacity: 0; transition: all 200ms ease-out; } .layout-four .addon-person .addon-person-media .addon-person-media-body > * { position: relative; z-index: 1; transition: all 200ms ease-out; } .layout-four .addon-person:hover .addon-person-media-body { opacity: 1; box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); } .layout-four .addon-person:hover .addon-person-media-body:after { box-shadow: 0 0.5em 1em 0 rgba(68, 129, 235, 0.5); opacity: 0.8; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks { transform: translateY(0); margin-top: 0; opacity: 1; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-social-networks .addon-icon:hover { opacity: 0.75; } .layout-four .addon-person:hover .addon-person-media-body .addon-person-information { transform: translateY(0); margin-bottom: -0.9em; } @media (max-width: 991px) { .our-team-grid.layout-two .addon-person { padding: 4em 3em; } } @media (max-width: 767px) { .our-team-grid.layout-two .addon-person { padding: 3em 2em; } .layout-one .addon-person-media { align-items: center; flex-direction: column; } .layout-one .addon-person-name, .layout-one .addon-person-designation { text-align: center; } }</style> </div> </div> </div> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> </div> <div class="col col-lg-3 col-sm-6 col-12 col-md-6"> </div> </div> </div> </div> <div class=""> <div class=" mb-lg-0 ml-lg-0 mr-lg-0 mt-lg-0 pb-lg-0 pl-lg-0 pr-lg-0 pt-lg-0" style="box-sizing: border-box;border-style: solid; border-width: 0px;height: py-3;opacity: 1.0;"> <div id="fragment-0-mtfb" > <div class="py-3"></div></div> </div> </div> </div> <form action="#" aria-hidden="true" class="hide" id="hrefFm" method="post" name="hrefFm"><span></span><input hidden type="submit"/></form> </section> <footer class="sp-footer"> <div class="sp-top-footer"> <div class="container"> <div class="row"> <div class="col-12 order-2 col-md-5 order-md-1"> <div class="sp-social"> <ul class="sp-social-items"> </ul> </div> </div> <div class="col-12 order-1 col-md-2 order-md-2"> </div> <div class="col-12 order-3 col-md-5 order-md-3">  </div> </div> </div> </div> <div class="sp-center-footer"> <div class="container"> <div class="row"> <div class="col-12 col-sm-6 col-lg-3 "> <ul class="sp-list text-left mb-3 mb-md-0"> <h4 class="sp-title">دفاتر ، وزارتخانه ها</h4> <li><a href="http://www.msrt.ir/">وزارت علوم ،تحقیقات و فناوری</a> </li> <li><a href="https://www.ict.gov.ir/">وزارت ارتباطات و فناوری اطلاعات</a> </li> <li><a href="https://tafa.msrt.ir">اداره کل فناوری اطلاعات وزارت عتف</a> </li> </ul> </div> <div class="col-12 col-sm-6 col-lg-3"> <ul class="sp-list text-left mb-3 mb-md-0"> <h4 class="sp-title">لینک های مفید</h4> <li><a href="http://www.sharif.edu">دانشگاه صنعتی شریف</a> </li> <li><a href="http://research.sharif.edu">معاونت پژوهش و فناوری دانشگاه</a> </li> <li><a href="http://hpc.sharif.edu">مرکز پردازش سریع (HPC)</a> </li> </ul> </div> <div class="col-12 col-sm-12 col-lg-2"></div> <div class="col-12 col-sm-9 m-sm-auto col-lg-4 text-center"> <ul class="sp-contact mt-sm-4 mt-lg-0"> <div class="row"> <div class="col-12 col-sm-9 col-md-6 col-lg-8"> <div class="col-12 col-md-12 text-left p-00"> <i class="fa fa-map-marker"></i>  تهران، خیابان آزادی، دانشگاه صنعتی شریف، مرکز فناوری اطلاعات و ارتباطات </div> <div class="col-12 col-md-12 text-left p-00"> <i class="fa fa-phone"></i>  میزخدمت ۶۶۱۶4156 - ۰۲۱ </div> <div class="col-12 col-md-12 text-left p-00"> <i class="fa fa-phone"></i>  امور دفتری ۶۶۱۶4150 - ۰۲۱ </div> <div class="col-12 col-md-12 text-left p-00"> <i class="fa fa-fax"></i>  ۶۶۰۱۵۳۶۳ - ۰۲۱ </div> <div class="col-12 col-md-12 text-left p-00"> <i class="fa fa-envelope"></i>  ۱۴۵۸۸۸۹۶۹۴ </div> <div class="col-12 col-md-12 text-left p-00"> <i class="fa fa-internet-explorer"></i>  ictc@sharif.ir </div> </div> <div class="d-none d-sm-block col-sm-3 col-md-6 col-lg-4"> </div> </div> </ul> <style> .sp-contact i.fa { font-size: 1.3em; } </style> </div> </div> </div> </div> <div class="sp-bottom-footer"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="sp-menu-bottom"> <ul> <li><a href="/معرفی-مرکز">درباره مرکز</a></li> <li><a href="#">خدمات</a></li> <li><a href="#">راهنما</a></li> <li><a href="http://noc.sharif.edu">گزارش مشکل</a></li> <li><a href="/تماس-با-ما">تماس با ما</a></li> </ul> </div> </div> <div class="col-lg-6"> <p class="sp-copyright">کلیه حقوق مادی و معنوی این وب سایت متعلق به دانشگاه صنعتی شریف می‌باشد.</p> </div> </div> </div> </div> </footer> </div> </div> <script> AOS.init(); </script> <script type="text/javascript"> // <![CDATA[ // ]]> </script> <script type="text/javascript"> // <![CDATA[ Liferay.currentURL = '\x2fcolleagues'; Liferay.currentURLEncoded = '\x252Fcolleagues'; // ]]> </script> <script type="text/javascript"> // <![CDATA[ document.getElementsByClassName("carousel-inner")[0].insertAdjacentHTML( 'beforeend', '<div class="ClabLogin">' + '<div class="clabbox">' + '<a href="https://lims.centrallab.sharif.ir/account/login" title="ورود مشتریان" target="_blank">ورود مشتریان</a> / ' + '<a href="https://lims.centrallab.sharif.ir/account/register" title="ثبت نام" target="_blank">ثبت نام</a> <svg aria-hidden="true" class="lexicon-icon lexicon-icon-user" focusable="false"><use href="https://centrallab.sharif.edu/o/shu-theme/images/clay/icons.svg#user"></use></svg>' + '</div>'+ '</div>' ); document.getElementsByClassName("public-page")[0].insertAdjacentHTML( 'beforeend', '<div class="clab-right-widgets"><div class="clab-social"><a href="https://www.aparat.com/sharifcentrallab" rel="nofollow" target="_blank"><i class="clab-aparat"></i></a><a href="https://www.linkedin.com/company/sharif-centrallab/" rel="nofollow" target="_blank"><i class="clab-linkedin"></i></a></div>'+ '<div class="clab-right-widget">'+ '<div class="clab-right-widget-content">'+ '<a href="https://centrallab.sharif.edu/contact-us" title="تماس با ما" target="_blank">'+ '<img src="https://www.sharif.edu/documents/8770303/0/clab-tel-ico.png/">'+ '</a>'+ '<a href="http://ticket.centrallab.sharif.edu/" title="ارسال تیکت" target="_blank">'+ '<img src="https://www.sharif.edu/documents/8770303/0/clab-message-ico.png/">'+ '</a>'+ '<a href="https://centrallab.sharif.edu/counseling" title="مشاوره با ما" target="_blank">'+ '<img src="https://www.sharif.edu/documents/8770303/0/clab-on-serv.png/">'+ '</a>'+ '</div>'+ '</div>'+ '<a id="upbutton"></a>'+ '</div>' ); var btn = $('.clab-right-widgets'); var btn2 = $('#upbutton'); $(window).scroll(function() { if ($(window).scrollTop() > 350) { btn.addClass('show'); } else { btn.removeClass('show'); } }); btn2.on('click', function(e) { e.preventDefault(); $('html, body').animate({scrollTop:0}, '300'); }); // ]]> </script> <script type="text/javascript"> // <![CDATA[ (function() {var $ = AUI.$;var _ = AUI._; var onDestroyPortlet = function () { Liferay.detach('messagePosted', onMessagePosted); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('destroyPortlet', onDestroyPortlet); var onMessagePosted = function (event) { if (window.Analytics) { Analytics.send('posted', 'Comment', { className: event.className, classPK: event.classPK, commentId: event.commentId, text: event.text, }); } }; Liferay.on('messagePosted', onMessagePosted); })();(function() {var $ = AUI.$;var _ = AUI._; var pathnameRegexp = /\/documents\/(\d+)\/(\d+)\/(.+?)\/([^&]+)/; function handleDownloadClick(event) { if (event.target.nodeName.toLowerCase() === 'a' && window.Analytics) { var anchor = event.target; var match = pathnameRegexp.exec(anchor.pathname); var fileEntryId = anchor.dataset.analyticsFileEntryId || (anchor.parentElement && anchor.parentElement.dataset.analyticsFileEntryId); if (fileEntryId && match) { var getParameterValue = function (parameterName) { var result = null; anchor.search .substr(1) .split('&') .forEach(function (item) { var tmp = item.split('='); if (tmp[0] === parameterName) { result = decodeURIComponent(tmp[1]); } }); return result; }; Analytics.send('documentDownloaded', 'Document', { groupId: match[1], fileEntryId: fileEntryId, preview: !!window._com_liferay_document_library_analytics_isViewFileEntry, title: decodeURIComponent(match[3].replace(/\+/gi, ' ')), version: getParameterValue('version'), }); } } } Liferay.once('destroyPortlet', function () { document.body.removeEventListener('click', handleDownloadClick); }); Liferay.once('portletReady', function () { document.body.addEventListener('click', handleDownloadClick); }); })();(function() {var $ = AUI.$;var _ = AUI._; var onVote = function (event) { if (window.Analytics) { Analytics.send('VOTE', 'Ratings', { className: event.className, classPK: event.classPK, ratingType: event.ratingType, score: event.score, }); } }; var onDestroyPortlet = function () { Liferay.detach('ratings:vote', onVote); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('ratings:vote', onVote); Liferay.on('destroyPortlet', onDestroyPortlet); })();(function() {var $ = AUI.$;var _ = AUI._; var onShare = function (data) { if (window.Analytics) { Analytics.send('shared', 'SocialBookmarks', { className: data.className, classPK: data.classPK, type: data.type, url: data.url, }); } }; var onDestroyPortlet = function () { Liferay.detach('socialBookmarks:share', onShare); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('socialBookmarks:share', onShare); Liferay.on('destroyPortlet', onDestroyPortlet); })(); if (window.svg4everybody && Liferay.Data.ICONS_INLINE_SVG) { svg4everybody( { polyfill: true, validate: function (src, svg, use) { return !src || !src.startsWith('#'); } } ); } Liferay.Portlet.register('com_liferay_product_navigation_user_personal_bar_web_portlet_ProductNavigationUserPersonalBarPortlet'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_product_navigation_user_personal_bar_web_portlet_ProductNavigationUserPersonalBarPortlet_', portletId: 'com_liferay_product_navigation_user_personal_bar_web_portlet_ProductNavigationUserPersonalBarPortlet', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d3326\x26p_p_id\x3dcom_liferay_product_navigation_user_personal_bar_web_portlet_ProductNavigationUserPersonalBarPortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fcolleagues\x26settingsScope\x3dportletInstance', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_', portletId: 'com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d3326\x26p_p_id\x3dcom_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fcolleagues\x26settingsScope\x3dportletInstance', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch_', portletId: 'com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d3326\x26p_p_id\x3dcom_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fcolleagues\x26settingsScope\x3dportletInstance', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_portal_search_web_portlet_SearchPortlet'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_portal_search_web_portlet_SearchPortlet_', portletId: 'com_liferay_portal_search_web_portlet_SearchPortlet', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d3326\x26p_p_id\x3dcom_liferay_portal_search_web_portlet_SearchPortlet\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fcolleagues\x26settingsScope\x3dportletInstance', refreshURLData: {} } ); Liferay.Loader.require('metal-dom/src/all/dom', 'frontend-js-web/liferay/toast/commands/OpenToast.es', function(metalDomSrcAllDom, frontendJsWebLiferayToastCommandsOpenToastEs) { try { (function() { var dom = metalDomSrcAllDom; var $ = AUI.$;var _ = AUI._; var focusInPortletHandler = dom.delegate( document, 'focusin', '.portlet', function(event) { dom.addClasses(dom.closest(event.delegateTarget, '.portlet'), 'open'); } ); var focusOutPortletHandler = dom.delegate( document, 'focusout', '.portlet', function(event) { dom.removeClasses(dom.closest(event.delegateTarget, '.portlet'), 'open'); } ); })(); (function() { var toastCommands = frontendJsWebLiferayToastCommandsOpenToastEs; var $ = AUI.$;var _ = AUI._; AUI().use( 'liferay-session', function() { Liferay.Session = new Liferay.SessionBase( { autoExtend: true, redirectOnExpire: false, redirectUrl: 'https\x3a\x2f\x2fictc\x2esharif\x2eir\x2fweb\x2fguest', sessionLength: 890, warningLength: 0 } ); } ); })(); } catch (err) { console.error(err); } });AUI().use('liferay-menu', 'aui-base', function(A) {(function() {var $ = AUI.$;var _ = AUI._; if (A.UA.mobile) { Liferay.Util.addInputCancel(); } })();(function() {var $ = AUI.$;var _ = AUI._; new Liferay.Menu(); var liferayNotices = Liferay.Data.notices; for (var i = 0; i < liferayNotices.length; i++) { Liferay.Util.openToast(liferayNotices[i]); } })();}); // ]]> </script> <link data-senna-track="temporary" href="/o/product-navigation-product-menu-web/css/main.css?browserId=ie&themeId=shutheme_WAR_shutheme&minifierType=css&languageId=fa_IR&b=7307&t=1623136896000" rel="stylesheet" type="text/css" /> <link data-senna-track="temporary" href="/o/portal-search-web/css/main.css?browserId=ie&themeId=shutheme_WAR_shutheme&minifierType=css&languageId=fa_IR&b=7307&t=1732178668000" rel="stylesheet" type="text/css" /> <link data-senna-track="temporary" href="/o/com.liferay.product.navigation.user.personal.bar.web/css/main.css?browserId=ie&themeId=shutheme_WAR_shutheme&minifierType=css&languageId=fa_IR&b=7307&t=1611600602000" rel="stylesheet" type="text/css" /> <link data-senna-track="temporary" href="/o/portal-search-web/css/main.css?browserId=ie&themeId=shutheme_WAR_shutheme&minifierType=css&languageId=fa_IR&b=7307&t=1732178668000" rel="stylesheet" type="text/css" /> <script src="https://ictc.sharif.ir/o/shu-theme/js/main.js?browserId=ie&minifierType=js&languageId=fa_IR&b=7307&t=1737807942000" type="text/javascript"></script> <script type="text/javascript"> // <![CDATA[ AUI().use( 'aui-base', function(A) { var frameElement = window.frameElement; if (frameElement && frameElement.getAttribute('id') === 'simulationDeviceIframe') { A.getBody().addClass('lfr-has-simulation-panel'); } } ); // ]]> </script><script type="text/javascript"> // <![CDATA[ Liferay.Loader.require('sain-analytics-support-web@1.0.0/js/index.es', function(sainAnalyticsSupportWeb100JsIndexEs) { try { (function() { var Analytics = sainAnalyticsSupportWeb100JsIndexEs; Analytics.default() })(); } catch (err) { console.error(err); } }); // ]]> </script><script type="text/javascript"> // <![CDATA[ Liferay.Loader.require('frontend-js-collapse-support-web@1.0.10/index', function(frontendJsCollapseSupportWeb1010Index) { try { (function() { var CollapseProvider = frontendJsCollapseSupportWeb1010Index; CollapseProvider.default() })(); } catch (err) { console.error(err); } }); // ]]> </script><script type="text/javascript"> // <![CDATA[ Liferay.Loader.require('frontend-js-tooltip-support-web@3.0.4/index', function(frontendJsTooltipSupportWeb304Index) { try { (function() { var TooltipSupport = frontendJsTooltipSupportWeb304Index; TooltipSupport.default() })(); } catch (err) { console.error(err); } }); // ]]> </script><script type="text/javascript"> // <![CDATA[ Liferay.Loader.require('frontend-js-alert-support-web@1.0.7/index', function(frontendJsAlertSupportWeb107Index) { try { (function() { var AlertProvider = frontendJsAlertSupportWeb107Index; AlertProvider.default() })(); } catch (err) { console.error(err); } }); // ]]> </script><script type="text/javascript"> // <![CDATA[ Liferay.Loader.require('frontend-js-dropdown-support-web@1.0.8/index', function(frontendJsDropdownSupportWeb108Index) { try { (function() { var DropdownProvider = frontendJsDropdownSupportWeb108Index; DropdownProvider.default() })(); } catch (err) { console.error(err); } }); // ]]> </script><script type="text/javascript"> // <![CDATA[ Liferay.Loader.require('frontend-js-tabs-support-web@1.0.8/index', function(frontendJsTabsSupportWeb108Index) { try { (function() { var TabsProvider = frontendJsTabsSupportWeb108Index; TabsProvider.default() })(); } catch (err) { console.error(err); } }); // ]]> </script><script type="text/javascript"> // <![CDATA[ Liferay.Loader.require('remote-app-support-web@1.0.5/index', function(remoteAppSupportWeb105Index) { try { (function() { var RemoteAppSupport = remoteAppSupportWeb105Index; RemoteAppSupport.default() })(); } catch (err) { console.error(err); } }); // ]]> </script></body> </html>

CINXE.COM

همکاران مرکز - مرکز فناوری اطلاعات و ارتباطات