78 lines
1.9 KiB
Vue
78 lines
1.9 KiB
Vue
<script setup lang="ts">
|
|
import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
|
|
import { gsap, TweenMax, TweenLite } from 'gsap'
|
|
import { ScrollTrigger } from 'gsap/ScrollTrigger'
|
|
//const props = defineProps({
|
|
//})
|
|
//const emit = defineEmits([
|
|
//])
|
|
const imgItem1 = ref(null)
|
|
let data = reactive({
|
|
})
|
|
onMounted(()=>{
|
|
|
|
})
|
|
onUnmounted(()=>{
|
|
})
|
|
defineExpose({})
|
|
const {} = toRefs(data);
|
|
</script>
|
|
<template>
|
|
<section class="strategic-partners">
|
|
<div class="content">
|
|
<h2 v-tween="{'y':'30px','opacity':0}">Strategic Partners</h2>
|
|
<div class="img-box" v-tween="{'y':'30px','opacity':0}">
|
|
<a href="https://www.aidlab.hk/">
|
|
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/about_partners_01.png" alt="">
|
|
</a>
|
|
<a href="https://www.polyu.edu.hk/">
|
|
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/about_partners_02-1.png" alt="">
|
|
</a>
|
|
<a href="https://www.rca.ac.uk/">
|
|
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/about_partners_03-300x145.png" alt="">
|
|
</a>
|
|
<img src="https://code-create.com.hk/wp-content/uploads/2025/05/Eschange-600x130.jpg" alt="">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
<style lang="less" scoped>
|
|
.strategic-partners{
|
|
width: 100%;
|
|
background-color: #fff;
|
|
> .content{
|
|
margin: 0 auto;
|
|
max-width: 1440px;
|
|
padding: 200px 0px 200px 0px;
|
|
> h2{
|
|
font-family: "Poppins", Sans-serif;
|
|
font-size: 40px;
|
|
font-weight: 600;
|
|
letter-spacing: 1px;
|
|
color: #000000;
|
|
margin-bottom: 30px;
|
|
text-align: center;
|
|
}
|
|
> .img-box{
|
|
width: 1110px;
|
|
margin: 0 auto;
|
|
margin-top: 40px;
|
|
display: flex;
|
|
height: 100px;
|
|
> a{
|
|
width: 25%;
|
|
> img{
|
|
object-fit: contain;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
> img{
|
|
width: 25%;
|
|
object-fit: contain;
|
|
padding: 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style> |