lightlimx-website/components/Situation/index.vue

86 lines
2.0 KiB
Vue

<template>
<div class="situation">
<h2 class="situation-t wow fadeInUp" data-wow-delay=".8s">Win-win Situation</h2>
<h3 class="situation-t situation-t-h3 wow fadeInUp" data-wow-delay=".8s">Not Just An Investor But A Partner</h3>
<p class="situation-d situation-d-first wow fadeInUp" data-wow-delay=".8s">Follow us for worthwhile content. Each week we uncover insights and learnings by entrepreneurs for entrepreneurs.</p>
<p class="situation-d situation-d-second wow fadeInUp" data-wow-delay=".8s">In order to ensure multi-party benefits, we will pool our capabilities and resources with our partners to gain insight into market opportunities, and to provide differentiated investment programs to our investors, as well as innovative solutions to our target enterprises.
</p>
<slot></slot>
</div>
</template>
<script>
import {
assetsUri
} from "../../utils";
export default {
name: "situation",
data(){
return {
assetsUri
}
}
}
</script>
<style scoped lang="less">
.situation{
&-t,&-d{
text-align: center;
}
&-t{
font-size: .48rem;
font-family: Manrope;
font-weight: bold;
line-height: .84rem;
color: #000000;
&:first-child{
padding-top: 1.38rem;
}
}
&-d{
margin: 0 auto;
width: 100%;
max-width: 9.19rem;
font-size: .24rem;
font-family: Manrope;
font-weight: 400;
line-height: .48rem;
color: #302D2C;
&-first{
padding-top: .55rem;
}
}
}
@media screen and (max-width: 768px) {
.situation{
&-t{
margin: 0 auto;
max-width: 6.86rem;
font-size: .6rem;
line-height: .62rem;
&-h3{
margin-top: -.3rem;
}
&:first-child{
padding-top: 1.43rem;
}
}
&-d{
font-size: .24rem;
line-height: .34rem;
max-width: 6.9rem;
&-first{
padding-top: .27rem;
}
&-second{
margin-top: -.28rem;
}
}
}
}
</style>