<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;">本公司由防水抓漏起家，一路從工地營造學習至民宅修繕工程，由防水工程一路擴展到泥作、拆除、鐵皮、磁磚、水電、裝潢等統包工程。<br />
<br />
優勢在於我們願意替客人詳細解說工程內容，用淺顯易懂的方式告訴消費者工程內容，才不會容易受騙上當。以服務為目的、誠信為本、品質為中樞，打造一條龍服務為客戶把關品質。</div>
</div>


<div class="info-right-image"><img alt="信義居家正浤工程行局部裝修服務" src="https://p-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1738732537240-0c1bf997-01ab-4905-addd-90320b693736.png" /></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/1738732916349-ede4a143-35be-4358-8f81-a6d76d657ad9.png" /></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>

正浤-廠商介紹-服務介紹

預設標題

服務項目

正浤-廠商介紹-服務項目

<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;
        }

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

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



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

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

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

        }
</style>
</div>

<div class="wrapper" id="company-idea">
<div class="idea-content">
<div class="idea-left-block">
<div class="parabody-medium" style="color: #5a5a5a;">因應各種客人需求，極簡、北歐等設計風格，也要看客戶的需求作規劃，打造出各種不同風格的款式。</div>
</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;
}

/* 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;
}

/* Body/paraBody Small (14) */
.parabody-small {
font-size: 14px;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.28px;
}

.paragraph {
flex-direction: column;
align-items: flex-start;
align-self: stretch;
margin-bottom: 32px;
}

.goodpoint-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
justify-content: flex-start;
}

.goodpoint-content {
display: flex;
flex-direction: column;
align-items: center;
align-self: stretch;
}

.goodpoint-image {
display: flex;
width: 160px;
height: 160px;
overflow: hidden;
border-radius: 12px;
background-image: url('https://b-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1726725762226-16852864-8f2b-4e6c-933f-eda0d33383c5.webp');
background-size: cover;
background-position: center;
}

.goodpoint-image img {
width: 100%;
height: 100%;
}

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

.goodpoint-list {
display: flex;
flex-direction: column;
gap: 32px;
justify-content: flex-start;
}

}
</style>
</div>

<div class="wrapper" id="company-goodpoint">
<div class="paragraph">
<div class="headline-medium" style="color: #383838;">選擇我們的理由</div>

<div class="parabody-medium" style="color: #5a5a5a; margin-top: 12px;">用專業的知識及高品質服務客人</div>
</div>


<div class="goodpoint-list">
<div class="goodpoint-content">
<div class="goodpoint-image"><img alt="用細心的工作態度去作好每個細節" src="https://p-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1738894964815-a0735b4e-b9d1-4b6b-866f-454d1211e5da.png" /></div>

<div class="title-large" style="color: #5a5a5a; text-align: center; padding-top: 24px;">用細心的工作態度去作好每個細節</div>

<div class="parabody-medium" style="color: #9b9b9b; text-align: center; padding-top: 8px;">不管是多大多小的工程，細節都是最重要的魔鬼，要把品質顧好，細節做好是最高的原則</div>
</div>


<div class="goodpoint-content">
<div class="goodpoint-image"><img alt="以服務為目的 追求卓越更高更好的品質" src="https://p-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1738895013828-30aadbcd-e2b5-4f24-a2eb-cd3102c7dbe0.png" /></div>

<div class="title-large" style="color: #5a5a5a; text-align: center; padding-top: 24px;">以服務為目的 追求卓越更高更好的品質</div>

<div class="parabody-medium" style="color: #9b9b9b; text-align: center; padding-top: 8px;">以服務為目的，作出讓業主滿意的作品，追求卓越的心面對每個案子，盡善盡美的完成所有事情</div>
</div>


<div class="goodpoint-content">
<div class="goodpoint-image"><img alt="用專業的技術完成每件工程" src="https://p-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1738895062639-3f3473fa-033e-49e0-9927-040c3d16046d.png" /></div>

<div class="title-large" style="color: #5a5a5a; text-align: center; padding-top: 24px;">用專業的技術完成每件工程</div>

<div class="parabody-medium" style="color: #9b9b9b; text-align: center; padding-top: 8px;">擁有專業的技術及知識才能完成每件業主交付給我們的任務，讓業主不會後悔選擇我們，讓他們看到以後是會很喜歡的並且是能越看越喜歡。</div>
</div>
</div>
</div>

正浤-廠商介紹-優勢特色

<div>
<style type="text/css">.wrapper {

margin: 0 auto;

}


/* Title/Large (20) */

.title-large {

font-size: 20px;

font-weight: 700;

}


/* Title/Small (16) */

.title-small {

font-size: 16px;

font-weight: 700;

}


/* Body/paraBody Small (14) */

.parabody-small {

font-size: 14px;

font-weight: 400;

line-height: 150%;

letter-spacing: 0.28px;

}


.award-content {

display: flex;

align-items: flex-start;

align-self: stretch;

}


.award-left-block {

display: flex;

flex-direction: column;

align-items: flex-start;

gap: 24px;

max-width: 883px;

width: 60%;

}


.award-block {

display: flex;

flex-direction: column;

align-items: flex-start;

align-self: stretch;

}


.award-dottitle {

display: flex;

align-items: center;

}


.award-item-list {

display: flex;

margin-top: 12px;

flex-direction: column;

margin-left: 24px;

gap: 12px;

}


.award-item {

display: flex;

gap: 8px

}


.award-right-image {

display: flex;

width: 40%;

aspect-ratio: 3 / 2;

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;

}


.award-right-image img {

width: 100%;

height: 100%;

object-fit: cover;

object-position: center;

}



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

.award-content {

display: flex;

flex-direction: column;

align-items: flex-start;

align-self: stretch;

}


.award-left-block {

max-width: none;

width: 100%;

order: 2;

}


.award-item {

display: flex;

flex-direction: column;

gap: 2px

}


.award-item-content {

display: flex;

padding: 0px;

}


.award-right-image {

display: flex;

width: 100%;

aspect-ratio: 3 / 2;

overflow: hidden;

margin: 0 0 16px 0;

border-radius: 24px;

order: 1;

}


}
</style>
</div>

<div class="wrapper" id="company-award">
<div class="award-content">
<div class="award-left-block">
<section class="award-block">
<article class="award-dottitle"><svg fill="none" height="9" viewbox="0 0 8 9" width="8" xmlns="http://www.w3.org/2000/svg"> <circle cx="4" cy="4.66016" fill="#75AA00" r="4"></circle> </svg> <span class="title-large" style="color: #75aa00; margin-left: 16px;">2022</span></article>

<article class="award-item-list">
<article class="award-item"><span class="title-small" style="color: #5a5a5a; white-space: nowrap;">台灣建築防水協會常務監事</span><span class="parabody-small" style="color: #9b9b9b;">台灣建築防水協會第一屆常務監事致力於精進防水技術</span></article>
</article>
</section>
</div>


<div class="award-right-image"><img alt="成就經歷" src="https://p-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1738745866493-c20ae6ea-4ec6-45af-8761-c357d942a429.png" /></div>
</div>
</div>

成就經歷

正浤-廠商介紹-成就經歷

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

/* Headline/Small (24) */
.headline-small {
font-size: 24px;
font-weight: 700;
line-height: 140%;
letter-spacing: 0.48px;
}

/* 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;
}

.sop-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 16px;
justify-content: flex-start;
}

.sop-block {
display: flex;
padding: 20px;
flex-direction: column;
border-radius: 12px;
background-color: #f6f6f6;
}

.sop-number {
display: flex;
width: 42px;
height: 42px;
justify-content: center;
align-items: center;
background-color: #75aa00;
border-radius: 21px;
}

.sop-title-block {
display: flex;
padding-bottom: 16px;
align-items: center;
align-self: stretch;
}

.sop-title {
display: flex;
align-items: flex-start;
flex: 1 0 0;
}

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

.sop-list {
display: flex;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
gap: 16px;
}

.sop-block {
display: flex;
flex-direction: column;
align-self: stretch;
}

}
</style>
</div>

<div class="wrapper" id="sop">
<div class="sop-list">
<div class="sop-block">
<div class="sop-title-block">
<div class="sop-number headline-small" style="color: #fff;">1</div>

<div class="sop-title title-large" style="color: #75aa00; padding-left: 12px;">詢問問題</div>
</div>

<div class="parabody-medium" style="color: #5a5a5a;">詢問客人需要什麼需求或幫忙</div>
</div>

<div class="sop-block">
<div class="sop-title-block">
<div class="sop-number headline-small" style="color: #fff;">2</div>

<div class="sop-title title-large" style="color: #75aa00; padding-left: 12px;">場勘</div>
</div>

<div class="parabody-medium" style="color: #5a5a5a;">確認完問題去現場看狀況</div>

<p>&nbsp;</p>
</div>

<div class="sop-block">
<div class="sop-title-block">
<div class="sop-number headline-small" style="color: #fff;">3</div>

<div class="sop-title title-large" style="color: #75aa00; padding-left: 12px;">報價</div>
</div>

<div class="parabody-medium" style="color: #5a5a5a;">提供報價單給業主審視</div>
</div>

<div class="sop-block">
<div class="sop-title-block">
<div class="sop-number headline-small" style="color: #fff;">4</div>

<div class="sop-title title-large" style="color: #75aa00; padding-left: 12px;">簽約</div>
</div>

<div class="parabody-medium" style="color: #5a5a5a;">確認雙方對於報價內容無疑義</div>
</div>

<div class="sop-block">
<div class="sop-title-block">
<div class="sop-number headline-small" style="color: #fff;">5</div>

<div class="sop-title title-large" style="color: #75aa00; padding-left: 12px;">進場施工</div>
</div>

<div class="parabody-medium" style="color: #5a5a5a;">開始施工報價單所寫之內容</div>
</div>

<div class="sop-block">
<div class="sop-title-block">
<div class="sop-number headline-small" style="color: #fff;">6</div>

<div class="sop-title title-large" style="color: #75aa00; padding-left: 12px;">驗收</div>
</div>

<div class="parabody-medium" style="color: #5a5a5a;">完工後請業主驗收並給予保固書</div>
</div>
</div>
</div>
