الرئيسية

الاعلانات

اجتماع لمسؤولي وحدات النشاطات الطلابية

.sb-image-hover-7-8{ position: relative; width: 100%; height: 100%; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .sb-image-hover-7-8 .sb-image-img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .sb-image-hover-7-8 .sb-image-info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: table; } .sb-image-hover-7-8 .sb-image-img { width: 100%; float: left; visibility: visible; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; pointer-events: none; } .sb-image-hover-7-8 .sb-image-info { opacity: 0; background-color:rgba(0, 143, 171, 1); visibility: hidden; -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; pointer-events: none;

} .sb-image-hover-7-8 .sb-image-info .sb-image-data{ display: table-cell; vertical-align: top; text-align: center; } .sb-image-hover-7-8 .sb-image-info .sb-image-title { color: #FFF; background-color: #b8258e; } .sb-image-hover-7-8 .sb-image-info .sb-image-desc { color: #FFF; } .sb-image-hover-7 .sb-image-button02{ text-align:center } .sb-image-hover-7-8 a.sb-image-button{ background: #b8258e; color: #FFF;

} .sb-image-hover-7-8 a.sb-image-button:hover{ background: #FFF; color: #b8258e; } .sb-image-hover-7-8:hover .sb-image-img, .sb-image-hover-7-8.oxi-touch .sb-image-img{ opacity: 0; pointer-events: none; } .sb-image-hover-7-8:hover .sb-image-info, .sb-image-hover-7-8.oxi-touch .sb-image-info{ visibility: visible; opacity: 1; pointer-events: auto;

} .sb-image-hover-7-8.sb-left-to-right .sb-image-img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .sb-image-hover-7-8.sb-left-to-right .sb-image-info { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .sb-image-hover-7-8.sb-left-to-right:hover .sb-image-img, .sb-image-hover-7-8.sb-left-to-right.oxi-touch .sb-image-img{ -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .sb-image-hover-7-8.sb-left-to-right:hover .sb-image-info, .sb-image-hover-7-8.sb-left-to-right.oxi-touch .sb-image-info{ -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }

.sb-image-hover-7-8.sb-right-to-left .sb-image-img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .sb-image-hover-7-8.sb-right-to-left .sb-image-info { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .sb-image-hover-7-8.sb-right-to-left:hover .sb-image-img, .sb-image-hover-7-8.sb-right-to-left.oxi-touch .sb-image-img{ -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .sb-image-hover-7-8.sb-right-to-left:hover .sb-image-info, .sb-image-hover-7-8.sb-right-to-left.oxi-touch .sb-image-info{ -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }

.sb-image-hover-7-8.sb-top-to-bottom .sb-image-img { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } .sb-image-hover-7-8.sb-top-to-bottom .sb-image-info { -webkit-transform: translateY(-100%) rotate(-180deg); -moz-transform: translateY(-100%) rotate(-180deg); -ms-transform: translateY(-100%) rotate(-180deg); -o-transform: translateY(-100%) rotate(-180deg); transform: translateY(-100%) rotate(-180deg); } .sb-image-hover-7-8.sb-top-to-bottom:hover .sb-image-img, .sb-image-hover-7-8.sb-top-to-bottom.oxi-touch .sb-image-img{ -webkit-transform: translateY(-100%) rotate(-180deg); -moz-transform: translateY(-100%) rotate(-180deg); -ms-transform: translateY(-100%) rotate(-180deg); -o-transform: translateY(-100%) rotate(-180deg); transform: translateY(-100%) rotate(-180deg); } .sb-image-hover-7-8.sb-top-to-bottom:hover .sb-image-info, .sb-image-hover-7-8.sb-top-to-bottom.oxi-touch .sb-image-info{ -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }

.sb-image-hover-7-8.sb-bottom-to-top .sb-image-img { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } .sb-image-hover-7-8.sb-bottom-to-top .sb-image-info { -webkit-transform: translateY(100%) rotate(180deg); -moz-transform: translateY(100%) rotate(180deg); -ms-transform: translateY(100%) rotate(180deg); -o-transform: translateY(100%) rotate(180deg); transform: translateY(100%) rotate(180deg); } .sb-image-hover-7-8.sb-bottom-to-top:hover .sb-image-img, .sb-image-hover-7-8.sb-bottom-to-top.oxi-touch .sb-image-img{ -webkit-transform: translateY(100%) rotate(180deg); -moz-transform: translateY(100%) rotate(180deg); -ms-transform: translateY(100%) rotate(180deg); -o-transform: translateY(100%) rotate(180deg); transform: translateY(100%) rotate(180deg); } .sb-image-hover-7-8.sb-bottom-to-top:hover .sb-image-info, .sb-image-hover-7-8.sb-bottom-to-top.oxi-touch .sb-image-info{ -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }

.sb-image-hover-7, .sb-image-hover-7 .sb-image-img, .sb-image-hover-7 a .sb-image-img, .sb-image-hover-7 .sb-image-img:before, .sb-image-hover-7 a .sb-image-img:before, .sb-image-hover-7 .sb-image-img img, .sb-image-hover-7 a .sb-image-img img, .sb-image-hover-7 .sb-image-info, .sb-image-hover-7 a .sb-image-info{ border-radius: 0%; -moz-border-radius: 0%; -webkit-border-radius: 0%; } .sb-image-padding-7{ padding: 20px; } .sb-image-map-7 { max-width: 300px; width: 100%; margin: 0 auto; position: relative; } .sb-image-map-7:after { padding-bottom: 100%; content: “”; display: block; } .sb-image-animation-7 { animation-duration: 1.2s; } .sb-image-hover-7 .sb-image-info .sb-image-data{ padding-bottom: 20px; } .sb-image-hover-7 .sb-image-img, .sb-image-hover-7 .sb-image-info{ box-shadow: 0 0 0px 0 rgba(0, 171, 151, 1); } .sb-image-hover-7 .sb-image-img:before { position: absolute; display: block; content: ”; width: 100%; height: 100%; box-shadow: inset 0 0 0 10px rgba(0, 106, 148, 0.13); } .sb-image-hover-7 .sb-image-info .sb-image-title { font-size: 20px; font-weight: 600; padding: 15px 0; margin-bottom: 25px; margin-top: 0px; line-height: 120%; font-family: “Open Sans”; display: inline-block; font-style: normal; padding-left: 20px; padding-right: 20px; margin-left: 0px; margin-right: 0px; width: calc(100% – 0px); } .sb-image-hover-7 .sb-image-info .sb-image-desc { font-size: 16px; font-weight: 300; margin-bottom: 20px; margin-top: 0px; line-height: 120%; width: 100%; float: left; font-family: “Open Sans”; font-style: normal; padding-left: 20px; padding-right: 20px; } .sb-image-hover-7 .sb-image-button02{ width: 100%; float:left; padding-left: 20px; padding-right: 20px; } .sb-image-hover-7 a.sb-image-button{ padding: 10px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: 300; font-size: 14px; font-family: “Open Sans”; font-style: normal; text-decoration: none; display:inline-block; }

زيارة السيد مدير مركز التعليم المستمر للكلية التقنية كركوك

.sb-image-hover-9-10{ position: relative; width: 100%; height: 100%; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .sb-image-hover-9-10 .sb-image-img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .sb-image-hover-9-10 .sb-image-info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: table; } .sb-image-hover-9-10 .sb-image-img { width: 100%; float: left; visibility: visible; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .sb-image-hover-9-10 .sb-image-info { opacity: 0; background-color:rgba(0, 143, 171, 1); visibility: hidden; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;

} .sb-image-hover-9-10 .sb-image-info .sb-image-data{ display: table-cell; vertical-align: top; text-align: center; } .sb-image-hover-9-10 .sb-image-info .sb-image-title { color: #FFF; background-color: #b8258e; } .sb-image-hover-9-10 .sb-image-info .sb-image-desc { color: #FFF; } .sb-image-hover-9 .sb-image-button02{ text-align:center } .sb-image-hover-9-10 a.sb-image-button{ background: #b8258e; color: #FFF;

} .sb-image-hover-9-10 a.sb-image-button:hover{ background: #FFF; color: #b8258e; } .sb-image-hover-9-10:hover .sb-image-img, .sb-image-hover-9-10.oxi-touch .sb-image-img{ opacity: 0; } .sb-image-hover-9-10:hover .sb-image-info, .sb-image-hover-9-10.oxi-touch .sb-image-info{ visibility: visible; opacity: 1;

}

.sb-image-hover-9-10.scale-up .sb-image-info { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .sb-image-hover-9-10.scale-up:hover .sb-image-img, .sb-image-hover-9-10.scale-up.oxi-touch .sb-image-img{ opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .sb-image-hover-9-10.scale-up:hover .sb-image-info, .sb-image-hover-9-10.scale-up.oxi-touch .sb-image-info{ opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.sb-image-hover-9-10.scale-down .sb-image-info { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .sb-image-hover-9-10.scale-down:hover .sb-image-img, .sb-image-hover-9-10.scale-down.oxi-touch .sb-image-img{ opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .sb-image-hover-9-10.scale-down:hover .sb-image-info, .sb-image-hover-9-10.scale-down.oxi-touch .sb-image-info{ opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.sb-image-hover-9-10.scale-down-up .sb-image-info { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease-in-out 0.2s; -moz-transition: all 0.35s ease-in-out 0.2s; transition: all 0.35s ease-in-out 0.2s; } .sb-image-hover-9-10.scale-down-up:hover .sb-image-img, .sb-image-hover-9-10.scale-down-up.oxi-touch .sb-image-img{ opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .sb-image-hover-9-10.scale-down-up:hover .sb-image-info, .sb-image-hover-9-10.scale-down-up.oxi-touch .sb-image-info{ opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.sb-image-hover-9, .sb-image-hover-9 .sb-image-img, .sb-image-hover-9 a .sb-image-img, .sb-image-hover-9 .sb-image-img:before, .sb-image-hover-9 a .sb-image-img:before, .sb-image-hover-9 .sb-image-img img, .sb-image-hover-9 a .sb-image-img img, .sb-image-hover-9 .sb-image-info, .sb-image-hover-9 a .sb-image-info{ border-radius: 0%; -moz-border-radius: 0%; -webkit-border-radius: 0%; } .sb-image-padding-9{ padding: 20px; } .sb-image-map-9 { max-width: 300px; width: 100%; margin: 0 auto; position: relative; } .sb-image-map-9:after { padding-bottom: 100%; content: “”; display: block; } .sb-image-animation-9 { animation-duration: 1.2s; } .sb-image-hover-9 .sb-image-info .sb-image-data{ padding-bottom: 20px; } .sb-image-hover-9 .sb-image-img, .sb-image-hover-9 .sb-image-info{ box-shadow: 0 0 0px 0 rgba(0, 171, 151, 1); } .sb-image-hover-9 .sb-image-img:before { position: absolute; display: block; content: ”; width: 100%; height: 100%; box-shadow: inset 0 0 0 10px rgba(0, 106, 148, 0.13); } .sb-image-hover-9 .sb-image-info .sb-image-title { font-size: 20px; font-weight: 600; padding: 15px 0; margin-bottom: 25px; margin-top: 0px; line-height: 120%; font-family: “Open Sans”; display: inline-block; font-style: normal; padding-left: 20px; padding-right: 20px; margin-left: 0px; margin-right: 0px; width: calc(100% – 0px); } .sb-image-hover-9 .sb-image-info .sb-image-desc { font-size: 16px; font-weight: 300; margin-bottom: 20px; margin-top: 0px; line-height: 120%; width: 100%; float: left; font-family: “Open Sans”; font-style: normal; padding-left: 20px; padding-right: 20px; } .sb-image-hover-9 .sb-image-button02{ width: 100%; float:left; padding-left: 20px; padding-right: 20px; } .sb-image-hover-9 a.sb-image-button{ padding: 10px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: 300; font-size: 14px; font-family: “Open Sans”; font-style: normal; text-decoration: none; display:inline-block; }

إختتام دورة تدريبية بعنوان “الولاء والرضى الوظيفي”

.sb-image-hover-5-6{ position: relative; width: 100%; height: 100%; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .sb-image-hover-5-6 .sb-image-img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .sb-image-hover-5-6 .sb-image-info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: table; } .sb-image-hover-5-6 .sb-image-img { width: 100%; float: left; visibility: visible; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .sb-image-hover-5-6 .sb-image-info { opacity: 0; background-color:rgba(0, 143, 171, 1); visibility: hidden; -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; pointer-events: none;

} .sb-image-hover-5-6 .sb-image-info .sb-image-data{ display: table-cell; vertical-align: middle; text-align: center; } .sb-image-hover-5-6 .sb-image-info .sb-image-title { color: #FFF; } .sb-image-hover-5-6 .sb-image-info .sb-image-desc { color: #FFF; } .sb-image-hover-5-6 a.sb-image-button{ background: #b8258e; color: #FFF; margin: 0 auto; } .sb-image-hover-5-6 a.sb-image-button:hover{ background: #FFF; color: #b8258e; } .sb-image-hover-5-6:hover .sb-image-info, .sb-image-hover-5-6.oxi-touch .sb-image-info{ visibility: visible; opacity: 1; pointer-events: auto;

}

.sb-image-hover-5-6.sb-left-to-right .sb-image-info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .sb-image-hover-5-6.sb-left-to-right:hover .sb-image-img, .sb-image-hover-5-6.sb-left-to-right.oxi-touch .sb-image-img{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .sb-image-hover-5-6.sb-left-to-right:hover .sb-image-info, .sb-image-hover-5-6.sb-left-to-right.oxi-touch .sb-image-info{ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.sb-image-hover-5-6.sb-right-to-left .sb-image-info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .sb-image-hover-5-6.sb-right-to-left:hover .sb-image-img, .sb-image-hover-5-6.sb-right-to-left.oxi-touch .sb-image-img{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .sb-image-hover-5-6.sb-right-to-left:hover .sb-image-info, .sb-image-hover-5-6.sb-right-to-left.oxi-touch .sb-image-info{ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.sb-image-hover-5-6.sb-top-to-bottom .sb-image-info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .sb-image-hover-5-6.sb-top-to-bottom:hover .sb-image-img, .sb-image-hover-5-6.sb-top-to-bottom.oxi-touch .sb-image-img{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .sb-image-hover-5-6.sb-top-to-bottom:hover .sb-image-info, .sb-image-hover-5-6.sb-top-to-bottom.oxi-touch .sb-image-info{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.sb-image-hover-5-6.sb-bottom-to-top .sb-image-info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .sb-image-hover-5-6.sb-bottom-to-top:hover .sb-image-img, .sb-image-hover-5-6.sb-bottom-to-top.oxi-touch .sb-image-img{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .sb-image-hover-5-6.sb-bottom-to-top:hover .sb-image-info, .sb-image-hover-5-6.sb-bottom-to-top.oxi-touch .sb-image-info{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.sb-image-hover-5, .sb-image-hover-5 .sb-image-img, .sb-image-hover-5 a .sb-image-img, .sb-image-hover-5 .sb-image-img:before, .sb-image-hover-5 a .sb-image-img:before, .sb-image-hover-5 .sb-image-img img, .sb-image-hover-5 a .sb-image-img img, .sb-image-hover-5 .sb-image-info, .sb-image-hover-5 a .sb-image-info{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .sb-image-padding-5{ padding: 20px; } .sb-image-map-5 { max-width: 200px; width: 100%; margin: 0 auto; position: relative; } .sb-image-map-5:after { padding-bottom: 100%; content: “”; display: block; } .sb-image-animation-5 { animation-duration: 2s; } .sb-image-hover-5 .sb-image-info .sb-image-data{ padding: 20px; } .sb-image-hover-5 .sb-image-img, .sb-image-hover-5 .sb-image-info{ box-shadow: 0 0 0px 0 rgba(0, 148, 126, 0.36); } .sb-image-hover-5 .sb-image-img:before { position: absolute; display: block; content: ”; width: 100%; height: 100%; box-shadow: inset 0 0 0 0px rgba(49, 66, 222, 0.2); } .sb-image-hover-5 .sb-image-info .sb-image-title { font-size: 20px; font-weight: 600; padding-bottom: 5px; margin-bottom: 10px; margin-top: 0; line-height: 120%; font-family: “Open Sans”; display: inline-block; font-style: normal; } .sb-image-hover-5 .sb-image-info .sb-image-desc { font-size: 16px; font-weight: 300; margin-bottom: 20px; margin-top: 0; line-height: 120%; width: 100%; float: left; font-family: “Open Sans”; font-style: normal; }

.sb-image-hover-5 a.sb-image-button{ padding: 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: 300; font-size: 14px; font-family: “Open Sans”; font-style: normal; text-decoration: none; display:inline-block; }

زيارة السيد المساعد الاداري بناية الاقسام الداخلية

.sb-image-hover-2-2{ position: relative; width: 100%; height: 100%; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .sb-image-hover-2-2 .sb-image-img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .sb-image-hover-2-2 .sb-image-info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: table; } .sb-image-hover-2-2 .sb-image-img { width: 100%; float: left; visibility: visible; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .sb-image-hover-2-2 .sb-image-info { opacity: 0; background-color:rgba(0, 143, 171, 1); visibility: hidden; -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; } .sb-image-hover-2-2 .sb-image-info .sb-image-data{ display: table-cell; vertical-align: middle; text-align: center; } .sb-image-hover-2-2 .sb-image-info .sb-image-title { color: #FFF; } .sb-image-hover-2-2 .sb-image-info .sb-image-desc { color: #FFF; } .sb-image-hover-2-2 a.sb-image-button{ background: #b8258e; color: #FFF; margin: 0 auto; } .sb-image-hover-2-2 a.sb-image-button:hover{ background: #FFF; color: #b8258e; } .sb-image-hover-2-2:hover .sb-image-img, .sb-image-hover-2-2.oxi-touch .sb-image-img{ opacity: 0; visibility: hidden; } .sb-image-hover-2-2:hover .sb-image-info, .sb-image-hover-2-2.oxi-touch .sb-image-info{ visibility: visible; opacity: 1; } .sb-image-hover-2-2.sb-left-to-right .sb-image-img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .sb-image-hover-2-2.sb-left-to-right .sb-image-info { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .sb-image-hover-2-2.sb-left-to-right:hover .sb-image-img, .sb-image-hover-2-2.sb-left-to-right.oxi-touch .sb-image-img{ -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); } .sb-image-hover-2-2.sb-left-to-right:hover .sb-image-info, .sb-image-hover-2-2.sb-left-to-right.oxi-touch .sb-image-info{ -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .sb-image-hover-2-2.sb-right-to-left .sb-image-img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .sb-image-hover-2-2.sb-right-to-left .sb-image-info { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .sb-image-hover-2-2.sb-right-to-left:hover .sb-image-img, .sb-image-hover-2-2.sb-right-to-left.oxi-touch .sb-image-img{ -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } .sb-image-hover-2-2.sb-right-to-left:hover .sb-image-info, .sb-image-hover-2-2.sb-right-to-left.oxi-touch .sb-image-info{ -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .sb-image-hover-2-2.sb-top-to-bottom .sb-image-img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .sb-image-hover-2-2.sb-top-to-bottom .sb-image-info { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .sb-image-hover-2-2.sb-top-to-bottom:hover .sb-image-img, .sb-image-hover-2-2.sb-top-to-bottom.oxi-touch .sb-image-img{ -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); } .sb-image-hover-2-2.sb-top-to-bottom:hover .sb-image-info, .sb-image-hover-2-2.sb-top-to-bottom.oxi-touch .sb-image-info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); }

.sb-image-hover-2-2.sb-bottom-to-top .sb-image-img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .sb-image-hover-2-2.sb-bottom-to-top .sb-image-info { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .sb-image-hover-2-2.sb-bottom-to-top:hover .sb-image-img, .sb-image-hover-2-2.sb-bottom-to-top.oxi-touch .sb-image-img{ -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); } .sb-image-hover-2-2.sb-bottom-to-top:hover .sb-image-info, .sb-image-hover-2-2.sb-bottom-to-top.oxi-touch .sb-image-info{ -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); }

.sb-image-hover-2, .sb-image-hover-2 .sb-image-img, .sb-image-hover-2 a .sb-image-img, .sb-image-hover-2 .sb-image-img:before, .sb-image-hover-2 a .sb-image-img:before, .sb-image-hover-2 .sb-image-img img, .sb-image-hover-2 a .sb-image-img img, .sb-image-hover-2 .sb-image-info, .sb-image-hover-2 a .sb-image-info{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .sb-image-padding-2{ padding: 20px; } .sb-image-map-2 { max-width: 200px; width: 100%; margin: 0 auto; position: relative; } .sb-image-map-2:after { padding-bottom: 100%; content: “”; display: block; } .sb-image-animation-2 { animation-duration: 2s; } .sb-image-hover-2 .sb-image-info .sb-image-data{ padding: 20px; } .sb-image-hover-2 .sb-image-img, .sb-image-hover-2 .sb-image-info{ box-shadow: 0 0 0px 0 rgba(0, 148, 126, 0.36); } .sb-image-hover-2 .sb-image-img:before { position: absolute; display: block; content: ”; width: 100%; height: 100%; box-shadow: inset 0 0 0 0px rgba(49, 66, 222, 0.2); } .sb-image-hover-2 .sb-image-info .sb-image-title { font-size: 20px; font-weight: 600; padding-bottom: 5px; margin-bottom: 10px; margin-top: 0; line-height: 120%; font-family: “Open Sans”; display: inline-block; font-style: normal; } .sb-image-hover-2 .sb-image-info .sb-image-desc { font-size: 16px; font-weight: 300; margin-bottom: 20px; margin-top: 0; line-height: 120%; width: 100%; float: left; font-family: “Open Sans”; font-style: normal; }

.sb-image-hover-2 a.sb-image-button{ padding: 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: 300; font-size: 14px; font-family: “Open Sans”; font-style: normal; text-decoration: none; display:inline-block; }

ندوة علمية
ندوة بعنوان ( برنامج تبادل القيادات الشبابية المقامة في الولايات المتحدة الامريكية IYLEP).. المزيد

.sb-image-hover-1-1{ position: relative; width: 100%; height: 100%; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .sb-image-hover-1-1 .sb-image-img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .sb-image-hover-1-1 .sb-image-info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: table; } .sb-image-hover-1-1 .sb-image-img { width: 100%; float: left; visibility: visible; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .sb-image-hover-1-1 .sb-image-info { opacity: 0; background-color:rgba(0, 143, 171, 1); visibility: hidden; -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; } .sb-image-hover-1-1 .sb-image-info .sb-image-data{ display: table-cell; vertical-align: top; text-align: center; } .sb-image-hover-1-1 .sb-image-info .sb-image-title { color: #FFF; background-color: #b8258e; } .sb-image-hover-1-1 .sb-image-info .sb-image-desc { color: #FFF; } .sb-image-hover-1 .sb-image-button02{ text-align:center } .sb-image-hover-1-1 a.sb-image-button{ background: #b8258e; color: #FFF;

} .sb-image-hover-1-1 a.sb-image-button:hover{ background: #FFF; color: #b8258e; } .sb-image-hover-1-1:hover .sb-image-img, .sb-image-hover-1-1.oxi-touch .sb-image-img{ opacity: 0; visibility: hidden; } .sb-image-hover-1-1:hover .sb-image-info, .sb-image-hover-1-1.oxi-touch .sb-image-info{ visibility: visible; opacity: 1; } .sb-image-hover-1-1.sb-left-to-right .sb-image-img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .sb-image-hover-1-1.sb-left-to-right .sb-image-info { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .sb-image-hover-1-1.sb-left-to-right:hover .sb-image-img, .sb-image-hover-1-1.sb-left-to-right.oxi-touch .sb-image-img{ -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); } .sb-image-hover-1-1.sb-left-to-right:hover .sb-image-info, .sb-image-hover-1-1.sb-left-to-right.oxi-touch .sb-image-info{ -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .sb-image-hover-1-1.sb-right-to-left .sb-image-img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; } .sb-image-hover-1-1.sb-right-to-left .sb-image-info { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .sb-image-hover-1-1.sb-right-to-left:hover .sb-image-img, .sb-image-hover-1-1.sb-right-to-left.oxi-touch .sb-image-img{ -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } .sb-image-hover-1-1.sb-right-to-left:hover .sb-image-info, .sb-image-hover-1-1.sb-right-to-left.oxi-touch .sb-image-info{ -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .sb-image-hover-1-1.sb-top-to-bottom .sb-image-img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .sb-image-hover-1-1.sb-top-to-bottom .sb-image-info { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .sb-image-hover-1-1.sb-top-to-bottom:hover .sb-image-img, .sb-image-hover-1-1.sb-top-to-bottom.oxi-touch .sb-image-img{ -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); } .sb-image-hover-1-1.sb-top-to-bottom:hover .sb-image-info, .sb-image-hover-1-1.sb-top-to-bottom.oxi-touch .sb-image-info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); }

.sb-image-hover-1-1.sb-bottom-to-top .sb-image-img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .sb-image-hover-1-1.sb-bottom-to-top .sb-image-info { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .sb-image-hover-1-1.sb-bottom-to-top:hover .sb-image-img, .sb-image-hover-1-1.sb-bottom-to-top.oxi-touch .sb-image-img{ -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); } .sb-image-hover-1-1.sb-bottom-to-top:hover .sb-image-info, .sb-image-hover-1-1.sb-bottom-to-top.oxi-touch .sb-image-info{ -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); }

.sb-image-hover-1, .sb-image-hover-1 .sb-image-img, .sb-image-hover-1 a .sb-image-img, .sb-image-hover-1 .sb-image-img:before, .sb-image-hover-1 a .sb-image-img:before, .sb-image-hover-1 .sb-image-img img, .sb-image-hover-1 a .sb-image-img img, .sb-image-hover-1 .sb-image-info, .sb-image-hover-1 a .sb-image-info{ border-radius: 0%; -moz-border-radius: 0%; -webkit-border-radius: 0%; } .sb-image-padding-1{ padding: 20px; } .sb-image-map-1 { max-width: 200px; width: 100%; margin: 0 auto; position: relative; } .sb-image-map-1:after { padding-bottom: 100%; content: “”; display: block; } .sb-image-animation-1 { animation-duration: 1.2s; } .sb-image-hover-1 .sb-image-info .sb-image-data{ padding-bottom: 20px; } .sb-image-hover-1 .sb-image-img, .sb-image-hover-1 .sb-image-info{ box-shadow: 0 0 0px 0 rgba(0, 171, 151, 1); } .sb-image-hover-1 .sb-image-img:before { position: absolute; display: block; content: ”; width: 100%; height: 100%; box-shadow: inset 0 0 0 0px rgba(0, 106, 148, 0.13); } .sb-image-hover-1 .sb-image-info .sb-image-title { font-size: 20px; font-weight: 600; padding: 15px 0; margin-bottom: 25px; margin-top: 0px; line-height: 120%; font-family: “Open Sans”; display: inline-block; font-style: normal; padding-left: 20px; padding-right: 20px; margin-left: 0px; margin-right: 0px; width: calc(100% – 0px); } .sb-image-hover-1 .sb-image-info .sb-image-desc { font-size: 16px; font-weight: 300; margin-bottom: 20px; margin-top: 0px; line-height: 120%; width: 100%; float: left; font-family: “Open Sans”; font-style: normal; padding-left: 20px; padding-right: 20px; } .sb-image-hover-1 .sb-image-button02{ width: 100%; float:left; padding-left: 20px; padding-right: 20px; } .sb-image-hover-1 a.sb-image-button{ padding: 10px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: 300; font-size: 14px; font-family: “Open Sans”; font-style: normal; text-decoration: none; display:inline-block; }

تشرفت اليوم الكلية التقنية الادارية/ الموصل بزيارة السيد المساعد الاداري للجامعة التقنية الشمالية

.sb-image-hover-8-9{ position: relative; width: 100%; height: 100%; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .sb-image-hover-8-9 .sb-image-img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .sb-image-hover-8-9 .sb-image-info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: table; } .sb-image-hover-8-9 .sb-image-img { width: 100%; float: left; visibility: visible; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .sb-image-hover-8-9 .sb-image-info { opacity: 0; background-color:rgba(0, 143, 171, 1); visibility: hidden; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;

} .sb-image-hover-8-9 .sb-image-info .sb-image-data{ display: table-cell; vertical-align: top; text-align: center; } .sb-image-hover-8-9 .sb-image-info .sb-image-title { color: #FFF; background-color: #b8258e; } .sb-image-hover-8-9 .sb-image-info .sb-image-desc { color: #FFF; } .sb-image-hover-8 .sb-image-button02{ text-align:center } .sb-image-hover-8-9 a.sb-image-button{ background: #b8258e; color: #FFF;

} .sb-image-hover-8-9 a.sb-image-button:hover{ background: #FFF; color: #b8258e; } .sb-image-hover-8-9:hover .sb-image-img, .sb-image-hover-8-9.oxi-touch .sb-image-img{ opacity: 0; } .sb-image-hover-8-9:hover .sb-image-info, .sb-image-hover-8-9.oxi-touch .sb-image-info{ visibility: visible; opacity: 1;

}

.sb-image-hover-8-9.scale-up .sb-image-info { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .sb-image-hover-8-9.scale-up:hover .sb-image-img, .sb-image-hover-8-9.scale-up.oxi-touch .sb-image-img{ opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .sb-image-hover-8-9.scale-up:hover .sb-image-info, .sb-image-hover-8-9.scale-up.oxi-touch .sb-image-info{ opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.sb-image-hover-8-9.scale-down .sb-image-info { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } .sb-image-hover-8-9.scale-down:hover .sb-image-img, .sb-image-hover-8-9.scale-down.oxi-touch .sb-image-img{ opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .sb-image-hover-8-9.scale-down:hover .sb-image-info, .sb-image-hover-8-9.scale-down.oxi-touch .sb-image-info{ opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.sb-image-hover-8-9.scale-down-up .sb-image-info { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease-in-out 0.2s; -moz-transition: all 0.35s ease-in-out 0.2s; transition: all 0.35s ease-in-out 0.2s; } .sb-image-hover-8-9.scale-down-up:hover .sb-image-img, .sb-image-hover-8-9.scale-down-up.oxi-touch .sb-image-img{ opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .sb-image-hover-8-9.scale-down-up:hover .sb-image-info, .sb-image-hover-8-9.scale-down-up.oxi-touch .sb-image-info{ opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.sb-image-hover-8, .sb-image-hover-8 .sb-image-img, .sb-image-hover-8 a .sb-image-img, .sb-image-hover-8 .sb-image-img:before, .sb-image-hover-8 a .sb-image-img:before, .sb-image-hover-8 .sb-image-img img, .sb-image-hover-8 a .sb-image-img img, .sb-image-hover-8 .sb-image-info, .sb-image-hover-8 a .sb-image-info{ border-radius: 0%; -moz-border-radius: 0%; -webkit-border-radius: 0%; } .sb-image-padding-8{ padding: 20px; } .sb-image-map-8 { max-width: 300px; width: 100%; margin: 0 auto; position: relative; } .sb-image-map-8:after { padding-bottom: 100%; content: “”; display: block; } .sb-image-animation-8 { animation-duration: 1.2s; } .sb-image-hover-8 .sb-image-info .sb-image-data{ padding-bottom: 20px; } .sb-image-hover-8 .sb-image-img, .sb-image-hover-8 .sb-image-info{ box-shadow: 0 0 0px 0 rgba(0, 171, 151, 1); } .sb-image-hover-8 .sb-image-img:before { position: absolute; display: block; content: ”; width: 100%; height: 100%; box-shadow: inset 0 0 0 10px rgba(0, 106, 148, 0.13); } .sb-image-hover-8 .sb-image-info .sb-image-title { font-size: 20px; font-weight: 600; padding: 15px 0; margin-bottom: 25px; margin-top: 0px; line-height: 120%; font-family: “Open Sans”; display: inline-block; font-style: normal; padding-left: 20px; padding-right: 20px; margin-left: 0px; margin-right: 0px; width: calc(100% – 0px); } .sb-image-hover-8 .sb-image-info .sb-image-desc { font-size: 16px; font-weight: 300; margin-bottom: 20px; margin-top: 0px; line-height: 120%; width: 100%; float: left; font-family: “Open Sans”; font-style: normal; padding-left: 20px; padding-right: 20px; } .sb-image-hover-8 .sb-image-button02{ width: 100%; float:left; padding-left: 20px; padding-right: 20px; } .sb-image-hover-8 a.sb-image-button{ padding: 10px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: 300; font-size: 14px; font-family: “Open Sans”; font-style: normal; text-decoration: none; display:inline-block; }

دورة تاهلية في طرائق التدريس في الكلية التقنية كركوك

.sb-image-hover-3-3{ position: relative; width: 100%; height: 100%; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .sb-image-hover-3-3 .sb-image-img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .sb-image-hover-3-3 .sb-image-info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: table; } .sb-image-hover-3-3 .sb-image-img { width: 100%; float: left; visibility: visible; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .sb-image-hover-3-3 .sb-image-info { opacity: 0; background-color:rgba(0, 143, 171, 1); visibility: hidden; -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; pointer-events: none;

} .sb-image-hover-3-3 .sb-image-info .sb-image-data{ display: table-cell; vertical-align: middle; text-align: center; } .sb-image-hover-3-3 .sb-image-info .sb-image-title { color: #FFF; } .sb-image-hover-3-3 .sb-image-info .sb-image-desc { color: #FFF; } .sb-image-hover-3-3 a.sb-image-button{ background: #b8258e; color: #FFF; margin: 0 auto; } .sb-image-hover-3-3 a.sb-image-button:hover{ background: #FFF; color: #b8258e; } .sb-image-hover-3-3:hover .sb-image-info, .sb-image-hover-3-3.oxi-touch .sb-image-info{ visibility: visible; opacity: 1; pointer-events: auto;

}

.sb-image-hover-3-3.sb-left-to-right .sb-image-info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .sb-image-hover-3-3.sb-left-to-right:hover .sb-image-img, .sb-image-hover-3-3.sb-left-to-right.oxi-touch .sb-image-img{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .sb-image-hover-3-3.sb-left-to-right:hover .sb-image-info, .sb-image-hover-3-3.sb-left-to-right.oxi-touch .sb-image-info{ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.sb-image-hover-3-3.sb-right-to-left .sb-image-info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .sb-image-hover-3-3.sb-right-to-left:hover .sb-image-img, .sb-image-hover-3-3.sb-right-to-left.oxi-touch .sb-image-img{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .sb-image-hover-3-3.sb-right-to-left:hover .sb-image-info, .sb-image-hover-3-3.sb-right-to-left.oxi-touch .sb-image-info{ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.sb-image-hover-3-3.sb-top-to-bottom .sb-image-info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .sb-image-hover-3-3.sb-top-to-bottom:hover .sb-image-img, .sb-image-hover-3-3.sb-top-to-bottom.oxi-touch .sb-image-img{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .sb-image-hover-3-3.sb-top-to-bottom:hover .sb-image-info, .sb-image-hover-3-3.sb-top-to-bottom.oxi-touch .sb-image-info{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.sb-image-hover-3-3.sb-bottom-to-top .sb-image-info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .sb-image-hover-3-3.sb-bottom-to-top:hover .sb-image-img, .sb-image-hover-3-3.sb-bottom-to-top.oxi-touch .sb-image-img{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .sb-image-hover-3-3.sb-bottom-to-top:hover .sb-image-info, .sb-image-hover-3-3.sb-bottom-to-top.oxi-touch .sb-image-info{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.sb-image-hover-3, .sb-image-hover-3 .sb-image-img, .sb-image-hover-3 a .sb-image-img, .sb-image-hover-3 .sb-image-img:before, .sb-image-hover-3 a .sb-image-img:before, .sb-image-hover-3 .sb-image-img img, .sb-image-hover-3 a .sb-image-img img, .sb-image-hover-3 .sb-image-info, .sb-image-hover-3 a .sb-image-info{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .sb-image-padding-3{ padding: 20px; } .sb-image-map-3 { max-width: 200px; width: 100%; margin: 0 auto; position: relative; } .sb-image-map-3:after { padding-bottom: 100%; content: “”; display: block; } .sb-image-animation-3 { animation-duration: 2s; } .sb-image-hover-3 .sb-image-info .sb-image-data{ padding: 20px; } .sb-image-hover-3 .sb-image-img, .sb-image-hover-3 .sb-image-info{ box-shadow: 0 0 0px 0 rgba(0, 148, 126, 0.36); } .sb-image-hover-3 .sb-image-img:before { position: absolute; display: block; content: ”; width: 100%; height: 100%; box-shadow: inset 0 0 0 0px rgba(49, 66, 222, 0.2); } .sb-image-hover-3 .sb-image-info .sb-image-title { font-size: 20px; font-weight: 600; padding-bottom: 5px; margin-bottom: 10px; margin-top: 0; line-height: 120%; font-family: “Open Sans”; display: inline-block; font-style: normal; } .sb-image-hover-3 .sb-image-info .sb-image-desc { font-size: 16px; font-weight: 300; margin-bottom: 20px; margin-top: 0; line-height: 120%; width: 100%; float: left; font-family: “Open Sans”; font-style: normal; }

.sb-image-hover-3 a.sb-image-button{ padding: 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: 300; font-size: 14px; font-family: “Open Sans”; font-style: normal; text-decoration: none; display:inline-block; }

مناقشة رسالة الماجستير التقني في الكلية التقنية الهندسية / الموصل

.sb-image-hover-4-4{ position: relative; width: 100%; height: 100%; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .sb-image-hover-4-4 .sb-image-img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .sb-image-hover-4-4 .sb-image-info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: table; } .sb-image-hover-4-4 .sb-image-img { width: 100%; float: left; visibility: visible; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; pointer-events: none; } .sb-image-hover-4-4 .sb-image-info { opacity: 0; background-color:rgba(0, 143, 171, 1); visibility: hidden; -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; pointer-events: none;

} .sb-image-hover-4-4 .sb-image-info .sb-image-data{ display: table-cell; vertical-align: middle; text-align: center; } .sb-image-hover-4-4 .sb-image-info .sb-image-title { color: #FFF; } .sb-image-hover-4-4 .sb-image-info .sb-image-desc { color: #FFF; } .sb-image-hover-4-4 a.sb-image-button{ background: #b8258e; color: #FFF; margin: 0 auto; } .sb-image-hover-4-4 a.sb-image-button:hover{ background: #FFF; color: #b8258e; } .sb-image-hover-4-4:hover .sb-image-img, .sb-image-hover-4-4.oxi-touch .sb-image-img{ opacity: 0; pointer-events: none; } .sb-image-hover-4-4:hover .sb-image-info, .sb-image-hover-4-4.oxi-touch .sb-image-info{ visibility: visible; opacity: 1; pointer-events: auto;

} .sb-image-hover-4-4.sb-left-to-right .sb-image-img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .sb-image-hover-4-4.sb-left-to-right .sb-image-info { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .sb-image-hover-4-4.sb-left-to-right:hover .sb-image-img, .sb-image-hover-4-4.sb-left-to-right.oxi-touch .sb-image-img{ -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); } .sb-image-hover-4-4.sb-left-to-right:hover .sb-image-info, .sb-image-hover-4-4.sb-left-to-right.oxi-touch .sb-image-info{ -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }

.sb-image-hover-4-4.sb-right-to-left .sb-image-img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } .sb-image-hover-4-4.sb-right-to-left .sb-image-info { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .sb-image-hover-4-4.sb-right-to-left:hover .sb-image-img, .sb-image-hover-4-4.sb-right-to-left.oxi-touch .sb-image-img{ -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); } .sb-image-hover-4-4.sb-right-to-left:hover .sb-image-info, .sb-image-hover-4-4.sb-right-to-left.oxi-touch .sb-image-info{ -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }

.sb-image-hover-4-4.sb-top-to-bottom .sb-image-img { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } .sb-image-hover-4-4.sb-top-to-bottom .sb-image-info { -webkit-transform: translateY(-100%) rotate(-180deg); -moz-transform: translateY(-100%) rotate(-180deg); -ms-transform: translateY(-100%) rotate(-180deg); -o-transform: translateY(-100%) rotate(-180deg); transform: translateY(-100%) rotate(-180deg); } .sb-image-hover-4-4.sb-top-to-bottom:hover .sb-image-img, .sb-image-hover-4-4.sb-top-to-bottom.oxi-touch .sb-image-img{ -webkit-transform: translateY(-100%) rotate(-180deg); -moz-transform: translateY(-100%) rotate(-180deg); -ms-transform: translateY(-100%) rotate(-180deg); -o-transform: translateY(-100%) rotate(-180deg); transform: translateY(-100%) rotate(-180deg); } .sb-image-hover-4-4.sb-top-to-bottom:hover .sb-image-info, .sb-image-hover-4-4.sb-top-to-bottom.oxi-touch .sb-image-info{ -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }

.sb-image-hover-4-4.sb-bottom-to-top .sb-image-img { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } .sb-image-hover-4-4.sb-bottom-to-top .sb-image-info { -webkit-transform: translateY(100%) rotate(180deg); -moz-transform: translateY(100%) rotate(180deg); -ms-transform: translateY(100%) rotate(180deg); -o-transform: translateY(100%) rotate(180deg); transform: translateY(100%) rotate(180deg); } .sb-image-hover-4-4.sb-bottom-to-top:hover .sb-image-img, .sb-image-hover-4-4.sb-bottom-to-top.oxi-touch .sb-image-img{ -webkit-transform: translateY(100%) rotate(180deg); -moz-transform: translateY(100%) rotate(180deg); -ms-transform: translateY(100%) rotate(180deg); -o-transform: translateY(100%) rotate(180deg); transform: translateY(100%) rotate(180deg); } .sb-image-hover-4-4.sb-bottom-to-top:hover .sb-image-info, .sb-image-hover-4-4.sb-bottom-to-top.oxi-touch .sb-image-info{ -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }

.sb-image-hover-4, .sb-image-hover-4 .sb-image-img, .sb-image-hover-4 a .sb-image-img, .sb-image-hover-4 .sb-image-img:before, .sb-image-hover-4 a .sb-image-img:before, .sb-image-hover-4 .sb-image-img img, .sb-image-hover-4 a .sb-image-img img, .sb-image-hover-4 .sb-image-info, .sb-image-hover-4 a .sb-image-info{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .sb-image-padding-4{ padding: 20px; } .sb-image-map-4 { max-width: 200px; width: 100%; margin: 0 auto; position: relative; } .sb-image-map-4:after { padding-bottom: 100%; content: “”; display: block; } .sb-image-animation-4 { animation-duration: 2s; } .sb-image-hover-4 .sb-image-info .sb-image-data{ padding: 20px; } .sb-image-hover-4 .sb-image-img, .sb-image-hover-4 .sb-image-info{ box-shadow: 0 0 5px 0 rgba(0, 148, 126, 0.36); } .sb-image-hover-4 .sb-image-img:before { position: absolute; display: block; content: ”; width: 100%; height: 100%; box-shadow: inset 0 0 0 10px rgba(49, 66, 222, 0.2); } .sb-image-hover-4 .sb-image-info .sb-image-title { font-size: 20px; font-weight: 600; padding-bottom: 5px; margin-bottom: 10px; margin-top: 0; line-height: 120%; font-family: “Open Sans”; display: inline-block; font-style: normal; } .sb-image-hover-4 .sb-image-info .sb-image-desc { font-size: 16px; font-weight: 300; margin-bottom: 20px; margin-top: 0; line-height: 120%; width: 100%; float: left; font-family: “Open Sans”; font-style: normal; }

.sb-image-hover-4 a.sb-image-button{ padding: 10px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: 300; font-size: 14px; font-family: “Open Sans”; font-style: normal; text-decoration: none; display:inline-block; }

اخبار الوزارة

[siteorigin_widget class=”Tribe_Image_Widget”][/siteorigin_widget]
[siteorigin_widget class=”Tribe_Image_Widget”][/siteorigin_widget]
admin