<div>
<style type="text/css">.wrapper {
margin: 0 auto;
}

/* Title/Large (20) */
.title-large {
font-size: 20px;
font-weight: 700;
}

/* Body/paraBody Medium (16) */
.parabody-medium {
font-size: 16px;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.32px;
}

.info-content {
display: flex;
align-items: flex-start;
align-self: stretch;
}

.info-slogon-icon {
width: 24px;
height: 24px;
}

.info-slogon {
display: flex;
padding: 20px;
align-self: stretch;
border-radius: 12px;
background-color: #F0FBD9;
}

.info-left-block {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 883px;
width: 60%;
}

.info-right-image {
display: flex;
width: 40%;
aspect-ratio: 4 / 3;
overflow: hidden;
margin: 0 0 0 48px;
border-radius: 24px;
background-image: url('https://b-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1726725225763-1ebadc7d-7fa9-4a58-9cca-8babcba62625.webp');
background-size: cover;
background-position: center;
}

.info-right-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}


@media screen and (max-width:991px) {

.info-content {
display: flex;
flex-direction: column;
}

.info-left-block {
display: flex;
max-width: none;
width: 100%;
}

.info-right-image {
display: flex;
width: 100%;
margin: 16px 0 0 0;
}

}
</style>
</div>

<div class="wrapper" id="company-info">
<div class="info-content">
<div class="info-left-block">
<div class="info-slogon" style="margin-bottom: 16px;">
<div class="info-slogon-icon"><svg fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2784_67309)"> <path d="M9 15.1602C6.63505 14.0642 5 11.7127 5 8.98872C5 5.21741 8.13401 2.16016 12 2.16016C15.866 2.16016 19 5.21741 19 8.98872C19 11.7127 17.3649 14.0642 15 15.1602" stroke="#75AA00" stroke-linecap="round" stroke-width="2"></path> <path d="M8 14.6602V16.1602C8 16.7124 8.44772 17.1602 9 17.1602H15C15.5523 17.1602 16 16.7124 16 16.1602V14.6602" stroke="#75AA00" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path> <path d="M10 23.1602H14" stroke="#75AA00" stroke-linecap="round" stroke-width="2"></path> <path d="M8.5 20.1602H15.5" stroke="#75AA00" stroke-linecap="round" stroke-width="2"></path> <rect fill="#F0FBD9" height="3" width="1" x="9" y="13.1602"></rect> <rect fill="#F0FBD9" height="3" width="1" x="14" y="13.1602"></rect> <path d="M12.5 7.16016L10.5 10.1602H13.5L11.5 13.1602" stroke="#75AA00" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path> </g> <defs> <clippath id="clip0_2784_67309"> <rect fill="white" height="24" transform="translate(0 0.660156)" width="24"></rect> </clippath> </defs> </svg></div>

<div class="title-large" style="color: #75aa00; margin-left: 8px;">嶼室提供優質服務，為顧客創立美好家園</div>
</div>


<div class="parabody-medium" style="color: #5a5a5a;">嶼室以海洋為出發點延伸至島嶼，每個家都是我們創立的訂製島嶼，一起為這座島嶼加入山谷、汪洋，可以與世無爭，也可以與世推移。</div>
</div>


<div class="info-right-image"><img alt="信義居家嶼室室內裝修" src="https://p-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1732844775113-299e23f0-aec5-4e9e-811b-c0cbfa59ad66.jpeg" /></div>
</div>
</div>

公司介紹

嶼室-廠商介紹-公司介紹

<div>
<style type="text/css">.wrapper {
margin: 0 auto;
}

/* Headline/Medium (28) */
.headline-medium {
font-size: 28px;
font-weight: 700;
line-height: 135%;
letter-spacing: 0.56px;
}

/* Body/paraBody Medium (16) */
.parabody-medium {
font-size: 16px;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.32px;
}

.serviceinfo-content {
display: flex;
align-items: center;
align-self: stretch;
}

.serviceinfo-right-block {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 883px;
width: 60%;
}

.serviceinfo-left-image {
display: flex;
width: 40%;
aspect-ratio: 4 / 3;
overflow: hidden;
margin: 0 48px 0 0;
border-radius: 24px;
background-image: url('https://b-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1726725225763-1ebadc7d-7fa9-4a58-9cca-8babcba62625.webp');
background-size: cover;
background-position: center;
}

.serviceinfo-left-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

@media screen and (max-width:991px) {

.serviceinfo-content {
display: flex;
flex-direction: column;
align-items: flex-start;
}

.serviceinfo-right-block {
display: flex;
max-width: none;
width: 100%;
}

.serviceinfo-left-image {
display: flex;
width: 100%;
margin: 16px 0 0 0 ;
order: 2;
}

}
</style>
</div>

<div class="wrapper" id="company-serviceinfo">
<div class="serviceinfo-content">
<div class="serviceinfo-left-image"><img alt="信義居家嶼室室內裝修" src="https://p-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1732846142924-d9dccb54-5c49-46fd-ac19-296a388f6b5e.jpeg" /></div>


<div class="serviceinfo-right-block">
<div class="headline-medium" style="color: #383838; margin-bottom: 32px;">服務介紹</div>

<div class="parabody-medium" style="color: #5a5a5a;">商業空間、住宅空間之設計/規劃/施工。客變需求、系統家具之設計/規劃/施工。</div>
</div>
</div>
</div>