這次的實作將會是50%記錄如何根據Bootstrap去用Adobe XD設計,50%記錄用Bootstrap在VSCode切版。
整個主軸會以Bootstrap作為框架,例如設計時所參考的參數,以及切版時的框架。
大綱 昨天完成header的部分了,所以接下來就會進入main的部分,今天要完成的是「PainPoints」的區塊。(如下圖) 數據收集 標題的樣式 F...
前面完成了「PainPoints」,今天來完成這一塊「小廣告」的區塊。 數據收集 Content標題的樣式 Font-weight:Bold Fon...
前面完成了小廣告區塊,今天來完成「平台好處 - pros」的區塊。 數據收集 card標題的樣式 Font-weight:Bold Font-siz...
前面完成了「Pros」區塊,今天來完成「Steps」的區塊。 數據收集 標題的樣式 Font-weight:Medium Font-size:24p...
前面完成了「Steps」區塊,今天來完成「Carousel」的區塊。 數據收集 margin-top : 96px Carousel底下Backg...
前面完成了「Carousel」區塊,今天來完成「Reviews」的區塊。 數據收集 card 標題的樣式 Font-weight:Regular F...
前面完成了「Reviews」區塊,今天來完成「Plans」的區塊。 數據收集 標題的樣式 Font-weight:Bold Font-size:3...
前面完成了「Plans」區塊,今天來完成「CTA」的區塊。 數據收集 CTA的樣式 Background-color:$Primary Pad...
前面完成了「CTA」區塊,今天來完成「Footer」的區塊。 數據收集 Footer的樣式 Background-color:$Secondary...
感人時刻 今天是鐵人賽30天的最後一天了,有種「嗯?30天了喔?」的奇妙感覺!畢竟已經習慣每天上來發文,也習慣隊友們每天互相提(恐)醒(嚇)發文!!! 突然有點...