<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;">Tracle 垃可，為解放生活股份有限公司旗下的到府收垃圾服務。會員只需要透過 LINE，就會有收取夥伴在指定時段，到府把家裡的垃圾收走，倒垃圾就像叫 Uber 一樣方便！另外，我們也為房東、包租代管業者、社區提供倒垃圾空間規劃、定期收取的服務。我們的願景，是提高全人類的生活品質，並且透過建立方便的居家服務，讓人們可以生活得更安心。</div>
</div>


<div class="info-right-image"><img alt="信義居家Tracle垃可到府收垃圾服務" src="https://p-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1733899347675-cbfb5d89-67f7-46dd-bf0a-72ea0ea346e0.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/1733807994359-e33c3801-f746-4c06-a0ea-abb5aaaaadfc.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;">會員可依照目前垃圾、回收量，選擇適合的服務方案，以及每週希望收取的頻率、次數。另外，也可以依照現場方便放置垃圾與回收的位置，指定放置處。收取人員可上樓服務，不另外加收樓層費用，Tracle 是您省時、省力，方便安心的好幫手！</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;">Tracle 的願景是提升全人類的生活品質。透過打造方便的居家服務，讓人們的生活更安心。</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/1733816881498-9a039ce8-5dc5-44e7-b9bb-0059cea24b2a.jpeg" /></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;">Tracle 垃可提供每週 1 &ndash; 5 次的收取方案。選擇最適合您的收取日與頻率，服務期間若臨時有事也可以自由取消、調整日期！</div>
</div>


<div class="goodpoint-content">
<div class="goodpoint-image"><img alt="超方便的 LINE 會員功能" src="https://p-s3-ls-app-backend-public.s3.ap-northeast-1.amazonaws.com/1733817007667-1e583ef0-e1e6-4fec-833f-5d837c411300.jpeg" /></div>

<div class="title-large" style="color: #5a5a5a; text-align: center; padding-top: 24px;">超方便的 LINE 會員功能</div>

<div class="parabody-medium" style="color: #9b9b9b; text-align: center; padding-top: 8px;">免載 APP，加入 Tracle LINE 官方帳號，就可以調整收取日、查看收取狀態與照片、查看預估收取時間、還有每次抵達前後通知，服務資訊一手掌握！同時支援多人登入，免除了和家人、室友繁瑣的溝通流程。</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/1733816838580-712dab1b-7667-4d35-ac44-aa561a017894.jpeg" /></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">

            <div class="award-block">
                <div class="award-dottitle">
                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="9" viewBox="0 0 8 9" fill="none">
                        <circle cx="4" cy="4.66016" r="4" fill="#75AA00" />
                    </svg>
                    <span class="title-large" style="color: #75aa00; margin-left: 16px;">2024</span>
                </div>
                <div class="award-item-list">
                    <div class="award-item">
                        <span class="title-small" style="color: #5a5a5a;">達成3,000+ 會員、完成天使翰募資、入選 AAA、Appworks、Deep 等創業社群</span>
                    </div>
                </div>
            </div>

            <div class="award-block">
                <div class="award-dottitle">
                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="9" viewBox="0 0 8 9" fill="none">
                        <circle cx="4" cy="4.66016" r="4" fill="#75AA00" />
                    </svg>
                    <span class="title-large" style="color: #75aa00; margin-left: 16px;">2023</span>
                </div>
                <div class="award-item-list">
                    <div class="award-item">
                        <span class="title-small" style="color: #5a5a5a;">達成2,000+ 會員、正式推出多戶方案並且與幸福久久窩、租窩、逸台北等包租代管公司合作、展開與華碩電腦逆物流回收合作</span>
                    </div>
                </div>
            </div>
            
            <div class="award-block">
                <div class="award-dottitle">
                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="9" viewBox="0 0 8 9" fill="none">
                        <circle cx="4" cy="4.66016" r="4" fill="#75AA00" />
                    </svg>
                    <span class="title-large" style="color: #75aa00; margin-left: 16px;">2022</span>
                </div>
                <div class="award-item-list">
                    <div class="award-item">
                        <span class="title-small" style="color: #5a5a5a;">會員數突破 1,000 會員、完成種子輪募資、入選 SLP、Garage+、LINE Protostar 等創業社群</span>
                    </div>
                </div>
            </div>

            <div class="award-block">
                <div class="award-dottitle">
                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="9" viewBox="0 0 8 9" fill="none">
                        <circle cx="4" cy="4.66016" r="4" fill="#75AA00" />
                    </svg>
                    <span class="title-large" style="color: #75aa00; margin-left: 16px;">2021</span>
                </div>
                <div class="award-item-list">
                    <div class="award-item">
                        <span class="title-small" style="color: #5a5a5a;">完成體驗計畫驗證，正式釋出服務，累積 50+ 會員、S2B 新創競賽冠軍、戰國策創業亞軍</span>
                    </div>
                </div>
            </div>

            <div class="award-block">
                <div class="award-dottitle">
                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="9" viewBox="0 0 8 9" fill="none">
                        <circle cx="4" cy="4.66016" r="4" fill="#75AA00" />
                    </svg>
                    <span class="title-large" style="color: #75aa00; margin-left: 16px;">2020</span>
                </div>
                <div class="award-item-list">
                    <div class="award-item">
                        <span class="title-small" style="color: #5a5a5a;">Tracle 於車庫創立</span>
                    </div>
                </div>
            </div>

        </div>
        

        
        <div class="award-right-image"><img
                src="https://ls-app-backend-public-test.s3.ap-northeast-1.amazonaws.com/1733821754427-3153e23b-9d34-4976-ab2e-21675b77ab52.jpeg" alt="成就經歷">
        </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;">選擇適合您的方案，下單完成後，Tracle 垃可將為您建立會員資料，並且發送簡訊告知轉帳帳號（請留意簡訊）</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;">付款完成後，Tracle 垃可會依照您下單的日期，安排專人到府收取垃圾</div>
</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;">登入 Tracle 垃可 LINE 會員帳號</div>
</div>

<div class="parabody-medium" style="color: #5a5a5a;">付款完成後，請加入 Tracle LINE 官方帳號（ID：@tracle）入會員帳號後即可使用專屬服務會員功能，一手掌握每次服務進度！</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>
</div>
