封面標題 - The smart way to spread your word!
pc
>
從 google font 引入字體
1、lato
2、思源黑體
font-family:
'Lato','Helvetica','Roboto','Arial',
'PingFang TC','PingFang SC','Noto Sans TC','Microsoft JhengHei','微軟正黑體','Microsoft YaHei','Hiragino Sans GB','sans-serif';
這樣調整後英文字體會是 'Lato' (引入 webfont)，中文字體 ios 會看到蘋方體、windows 看到思源黑體 (引入 webfont)
下拉提供 9 種樣式：
封面主標 .CoverTitle
XLarge .xlarge
封面主標 .CoverTitle
段落主標 .SecTitle <-- textblock 預設
段落副標 .SecSubTitle
內文標題 .InnerTitle
內文 .Inner
段落副標 .SecSubTitle
內文標題 .InnerTitle
內文 .Inner
內文 .Inner
說明 .Caption
引言 .Blockquote
Large .large
XLarge .xlarge
特別注意：
1、Textblock Section 上下間距 32px
2、pc m 換算請用比例，方便之後做更換
3、讓邊界重疊，所以當樣式堆疊時，彼此距離18px。
段落主標：建立你的行銷導購網站
段落副標：舉辦社群行銷活動，增加品牌知名度 經營內容行銷 SEO，深化品牌信任感 建立導購主題活動，提高購買率
內文標題：行動行銷時代 你需要 快、狠、準
內文：行銷者需要在18個月內持續接觸一個新顧客至少七次，才可能觸發購買行為。透過內容行銷、活動與遊戲，吸引潛在顧客––從開始接觸，到教育洗腦，最後成功導購轉換。發燒互動年約方案，可不限次數舉辦活動，不限頁數製作行銷網頁，就是要讓你提高行銷效率！
＂社群自媒體和網路行銷技術的普及，翻轉了中小企業的行銷模式。大小企業可以在網路行銷的機會上，站在同一個起跑線。我們認為，只要數位行銷的基本功做好，小蝦米也可以力抗大鯨魚！＂
內文標題：行動行銷時代 你需要 快、狠、準
內文：行銷者需要在18個月內持續接觸一個新顧客至少七次，才可能觸發購買行為。透過內容行銷、活動與遊戲，吸引潛在顧客––從開始接觸，到教育洗腦，最後成功導購轉換。發燒互動年約方案，可不限次數舉辦活動，不限頁數製作行銷網頁，就是要讓你提高行銷效率！
*說明：此為 pc 中文測試
Section Title：Usability Value - Is it still applicable in B2B?
Subtitle: Product Manager's UX Introduction Tears History Review this article to understand the background of the following discussion.
Item title: How to really touch users in B2B product design?
Context: Qualitative research is not impossible, but in the case where B2B is difficult to reach the user, it is difficult to collect enough samples. This is done in the initial stage of thinking, and it is easy to make things diverge.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.
Item title: How to really touch users in B2B product design?
Context: Qualitative research is not impossible, but in the case where B2B is difficult to reach the user, it is difficult to collect enough samples. This is done in the initial stage of thinking, and it is easy to make things diverge.
*caption: This is a pc eng test
封面標題 - The smart way to spread your word!
mobile
