diff --git a/src/assets/images/loginPage/logo_full.png b/src/assets/images/loginPage/logo_full.png
new file mode 100644
index 00000000..bf1dba83
Binary files /dev/null and b/src/assets/images/loginPage/logo_full.png differ
diff --git a/src/views/HomeRecommend.vue b/src/views/HomeRecommend.vue
index 55f95899..a00ee9f3 100644
--- a/src/views/HomeRecommend.vue
+++ b/src/views/HomeRecommend.vue
@@ -8,6 +8,13 @@
 						@click="turnToNewPage('https://www.aidlab.hk/en/')"
 						src="@/assets/images/loginPage/aida_logo.png"
 					/>
+                </div>
+				<div class="homeRecommend_user_codeCreate">
+                    <img
+						class="homeRecommend_logo"
+						@click="turnToNewPage('https://code-create.com.hk/')"
+						src="@/assets/images/loginPage/logo_full.png"
+					/>
                 </div>
             </div>
 			<div class="homeRecommend_right">
@@ -204,6 +211,25 @@ export default defineComponent({
 				scrub:2,
 				
 			});
+			let header = document.querySelector('.homeRecommend_heade')
+			let tl2 = gsap.timeline();
+			gsap.registerPlugin(ScrollTrigger);
+			ScrollTrigger.create({
+				trigger: header, // 触发器元素
+				start: "top 0%", // 滚动触发器的起始滚动位置
+				end: '200% 5%',   // 滚动触发器的结束滚动位置
+				// markers: true, // 开启标注功能
+				animation:tl2,
+				scroller:dom,//设置指定元素为滚动依据
+				onUpdate:(v)=>{
+					if(v.progress < 0.1){
+						v.trigger?.classList.remove('active')
+					}else{
+						v.trigger?.classList.add('active')
+						// v.trigger?.classList.add('active')
+					}
+				}
+			});
 		})
     },
     methods: {
@@ -240,7 +266,10 @@ export default defineComponent({
     // border-bottom: 0.1rem solid rgba(3, 3, 3, 0.1);
     position: absolute;
     align-items: center;
-	z-index: 2;
+	z-index: 3;
+	&.active{
+		background: #fff;
+	}
 	@media (max-width: 768px) {
 		z-index: 1000;
 	}
@@ -279,6 +308,12 @@ export default defineComponent({
 		height: 100%;
 		align-items: center;
 		overflow: hidden;
+		.homeRecommend_user_codeCreate{
+			> img{
+				cursor: pointer;
+				object-fit: contain;
+			}
+		}
         .homeRecommend_user_content {
             display: flex;
             align-items: center;
diff --git a/src/views/Register.vue b/src/views/Register.vue
index 1dfa1249..c3c0ccf7 100644
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -8,6 +8,11 @@
 						@click="turnToNewPage('https://www.aidlab.hk/en/')"
 						src="@/assets/images/loginPage/aida_logo.png"
 					/>
+					<img
+						class="homeRecommend_logo"
+						@click="turnToNewPage('https://code-create.com.hk/')"
+						src="@/assets/images/loginPage/logo_full.png"
+					/>
 					<div
 						class="login_footer_item_text"
 						@click="turnToWindow(
@@ -220,6 +225,8 @@ export default defineComponent({
         width: 14.4rem;
         height: 3.2rem;
 		margin-top: 0;
+		object-fit: contain;
+		cursor: pointer;
     }
 	.login_footer_item_text{
 		margin-left: 5rem;