"brands"
Bootstrap 4.1.1 Snippet by zxalif

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="store-wrap d-flex flex-wrap align-content-start w100"><a href="/store/?i=tw_pmall_rakuten" class="no-underline store-link"><div class="store-item d-flex flex-column justify-content-center align-items-center"><div class="store-img d-flex align-items-center justify-content-center"><img alt="樂天市場" data-src="https://biggo.com.tw/images/cashback/tw_pmall_rakuten@2x.png" src="https://biggo.com.tw/images/cashback/tw_pmall_rakuten@2x.png" lazy="loaded"></div> <div class="font13 mt2 _text-gray">樂天市場</div> <div class="cashback d-flex align-items-center font-weight-bold"><img src="https://biggo.com.tw/images/bigcoin@2x.png" height="12" alt="現金回饋"> 0~2.5% </div></div></a><a href="/store/?i=tw_mall_shopeemall" class="no-underline store-link"><div class="store-item d-flex flex-column justify-content-center align-items-center"><div class="store-img d-flex align-items-center justify-content-center"><img alt="蝦皮商城" data-src="https://biggo.com.tw/images/cashback/tw_mall_shopeemall@2x.png" src="https://biggo.com.tw/images/cashback/tw_mall_shopeemall@2x.png" lazy="loaded"></div> <div class="font13 mt2 _text-gray">蝦皮商城</div> <div class="cashback d-flex align-items-center font-weight-bold"><img src="https://biggo.com.tw/images/bigcoin@2x.png" height="12" alt="現金回饋"> 0%~0.5% </div></div></a><a href="/store/?i=tw_pec_friday" class="no-underline store-link"><div class="store-item d-flex flex-column justify-content-center align-items-center"><div class="store-img d-flex align-items-center justify-content-center"><img alt="friDay購物" data-src="https://biggo.com.tw/images/cashback/tw_pec_friday@2x.png" src="https://biggo.com.tw/images/cashback/tw_pec_friday@2x.png" lazy="loaded"></div> <div class="font13 mt2 _text-gray">friDay購物</div> <div class="cashback d-flex align-items-center font-weight-bold"><img src="https://biggo.com.tw/images/bigcoin@2x.png" height="12" alt="現金回饋"> 0~2% </div></div></a><a href="/store/?i=tw_pec_udn" class="no-underline store-link"><div class="store-item d-flex flex-column justify-content-center align-items-center"><div class="store-img d-flex align-items-center justify-content-center"><img alt="UDN買東西" data-src="https://biggo.com.tw/images/cashback/tw_pec_udn@2x.png" src="https://biggo.com.tw/images/cashback/tw_pec_udn@2x.png" lazy="loaded"></div> <div class="font13 mt2 _text-gray">UDN買東西</div> <div class="cashback d-flex align-items-center font-weight-bold"><img src="https://biggo.com.tw/images/bigcoin@2x.png" height="12" alt="現金回饋"> 0%~2.4% </div></div></a><a href="/store/?i=tw_pec_momoshop" class="no-underline store-link"><div class="store-item d-flex flex-column justify-content-center align-items-center"><div class="store-img d-flex align-items-center justify-content-center"><img alt="momo購物網" data-src="https://biggo.com.tw/images/cashback/tw_pec_momoshop@2x.png" src="https://biggo.com.tw/images/cashback/tw_pec_momoshop@2x.png" lazy="loaded"></div> <div class="font13 mt2 _text-gray">momo購物網</div> <div class="cashback d-flex align-items-center font-weight-bold"><!---->   </div></div></a><a href="/store/?i=tw_ec_carrefour" class="no-underline store-link"><div class="store-item d-flex flex-column justify-content-center align-items-center"><div class="store-img d-flex align-items-center justify-content-center"><img alt="家樂福線上購物網" data-src="https://biggo.com.tw/images/cashback/tw_ec_carrefour@2x.png" src="https://biggo.com.tw/images/cashback/tw_ec_carrefour@2x.png" lazy="loaded"></div> <div class="font13 mt2 _text-gray">家樂福線上購物網</div> <div class="cashback d-flex align-items-center font-weight-bold"><img src="https://biggo.com.tw/images/bigcoin@2x.png" height="12" alt="現金回饋"> 1%~2.5% </div></div></a><a href="/store/?i=tw_bid_taobaotw" class="no-underline store-link"><div class="store-item d-flex flex-column justify-content-center align-items-center"><div class="store-img d-flex align-items-center justify-content-center"><img alt="淘寶台灣" data-src="https://biggo.com.tw/images/cashback/tw_bid_taobaotw@2x.png" src="https://biggo.com.tw/images/cashback/tw_bid_taobaotw@2x.png" lazy="loaded"></div> <div class="font13 mt2 _text-gray">淘寶台灣</div> <div class="cashback d-flex align-items-center font-weight-bold"><img src="https://biggo.com.tw/images/bigcoin@2x.png" height="12" alt="現金回饋"> 0~1.5% </div></div></a><a href="/store/?i=tw_pec_wishnote" class="no-underline store-link"><div class="store-item d-flex flex-column justify-content-center align-items-center"><div class="store-img d-flex align-items-center justify-content-center"><img alt="Wishnote Shop" data-src="https://biggo.com.tw/images/cashback/tw_pec_wishnote@2x.png" src="https://biggo.com.tw/images/cashback/tw_pec_wishnote@2x.png" lazy="loaded"></div> <div class="font13 mt2 _text-gray">Wishnote Shop</div> <div class="cashback d-flex align-items-center font-weight-bold"><!---->   </div></div></a><a href="/store/?i=tw_pec_shopunt" class="no-underline store-link"><div class="store-item d-flex flex-column justify-content-center align-items-center"><div class="store-img d-flex align-items-center justify-content-center"><img alt="UNT" data-src="https://biggo.com.tw/images/cashback/tw_pec_shopunt@2x.png" src="https://biggo.com.tw/images/cashback/tw_pec_shopunt@2x.png" lazy="loaded"></div> <div class="font13 mt2 _text-gray">UNT</div> <div class="cashback d-flex align-items-center font-weight-bold"><img src="https://biggo.com.tw/images/bigcoin@2x.png" height="12" alt="現金回饋"> 5.6% </div></div></a><a href="/store/?i=tw_pec_beautyeasy" class="no-underline store-link"><div class="store-item d-flex flex-column justify-content-center align-items-center"><div class="store-img d-flex align-items-center justify-content-center"><img alt="Beauty Easy" data-src="https://biggo.com.tw/images/cashback/tw_pec_beautyeasy@2x.png" src="https://biggo.com.tw/images/cashback/tw_pec_beautyeasy@2x.png" lazy="loaded"></div> <div class="font13 mt2 _text-gray">Beauty Easy</div> <div class="cashback d-flex align-items-center font-weight-bold"><!---->   </div></div></a><a href="/store/?i=tw_pmall_qoo10" class="no-underline store-link"><div class="store-item d-flex flex-column justify-content-center align-items-center"><div class="store-img d-flex align-items-center justify-content-center"><img alt="Qoo10" data-src="https://biggo.com.tw/images/cashback/tw_pmall_qoo10@2x.png" src="https://biggo.com.tw/images/cashback/tw_pmall_qoo10@2x.png" lazy="loaded"></div> <div class="font13 mt2 _text-gray">Qoo10</div> <div class="cashback d-flex align-items-center font-weight-bold"><!---->   </div></div></a><a href="/store/?i=tw_bid_rakuma" class="no-underline store-link"><div class="store-item d-flex flex-column justify-content-center align-items-center"><div class="store-img d-flex align-items-center justify-content-center"><img alt="樂趣買" data-src="https://biggo.com.tw/images/cashback/tw_bid_rakuma@2x.png" src="https://biggo.com.tw/images/cashback/tw_bid_rakuma@2x.png" lazy="loaded"></div> <div class="font13 mt2 _text-gray">樂趣買</div> <div class="cashback d-flex align-items-center font-weight-bold"><!---->   </div></div></a><a href="/store/?i=tw_pec_books" class="no-underline store-link"><div class="store-item d-flex flex-column justify-content-center align-items-center"><div class="store-img d-flex align-items-center justify-content-center"><img alt="博客來" data-src="https://biggo.com.tw/images/cashback/tw_pec_books@2x.png" src="https://biggo.com.tw/images/cashback/tw_pec_books@2x.png" lazy="loaded"></div> <div class="font13 mt2 _text-gray">博客來</div> <div class="cashback d-flex align-items-center font-weight-bold"><img src="https://biggo.com.tw/images/bigcoin@2x.png" height="12" alt="現金回饋"> 0~3% </div></div></a><a href="/store/?i=tw_ec_s3" class="no-underline store-link"><div class="store-item d-flex flex-column justify-content-center align-items-center"><div class="store-img d-flex align-items-center justify-content-center"><img alt="小三美日" data-src="https://biggo.com.tw/images/cashback/tw_ec_s3@2x.png" src="https://biggo.com.tw/images/cashback/tw_ec_s3@2x.png" lazy="loaded"></div> <div class="font13 mt2 _text-gray">小三美日</div> <div class="cashback d-flex align-items-center font-weight-bold"><img src="https://biggo.com.tw/images/bigcoin@2x.png" height="12" alt="現金回饋"> 3% </div></div></a></div>
a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0056b3; text-decoration: underline; } img { vertical-align: middle; border-style: none; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .font-weight-bold { font-weight: 700 !important; } @media print { *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } img { page-break-inside: avoid; } } .w100 { width: 100%; } .font13 { font-size: 13px; } .mt2 { margin-top: 2px; } a.no-underline { text-decoration: none; } a.no-underline:hover { text-decoration: none; } ._text-gray { color: #616c74; } .store-wrap { border-top-style: solid; border-color: #e8ebed; border-width: 2px; background-color: #fff; padding: 4px; } .store-link { width: 14.2%; height: 120px; } .store-item { height: 100%; } .store-item:hover { box-shadow: 0 3px 7px 0 rgba(0, 23, 46, 0.16); } .store-img { max-width: 102px; max-height: 45px; min-height: 45px; } .store-img img { max-width: 102px; max-height: 45px; } .cashback { font-size: 14px; color: #db8700; } @media (max-width: 1360px) { .store-link { width: 20%; } } @media (max-width: 992px) { .store-link { width: 20%; height: 106px; } } @media (max-width: 768px) { .store-link { width: 25%; height: 150px; } } @media (max-width: 576px) { .store-link { width: 50%; height: 150px; border: solid 1px #f1f3f6; } .store-wrap { border: 0; padding: 0; } .cashback { margin-top: 5px; font-size: 17px; } .store-img { max-width: 140px; min-height: 65px; } .store-img img { max-width: 140px; max-height: 65px; } }

Related: See More


Questions / Comments: