前話

Hello，小伙伴們大家新年好，本篇是今年第一篇，也籌劃許久，本篇主題為美食，系html5網站模板，div加css布局，網頁資源分開存儲以便管理，網頁結構清晰簡單，希望本篇能夠助力各位萌新

主題

《周末の食記》

美食能撫平一切的憂傷

簡介

文件結構包含了css、fonts、images、js和html，運用html5技術，包括nav標簽、header標簽和footer標簽等，采用bootstrap進行布局

圖摘

目錄

編碼

<div class="ftco-46-row d-flex flex-column flex-lg-row">
    <div class="ftco-46-text ftco-46-arrow-right">
        <h4 class="ftco-46-subheading">Food</h4>
        <h3 class="ftco-46-heading">揚州炒飯</h3>
        <p class="mb-5">一碗不一樣的炒飯，讓你難以拒絕.</p>
        <p><a href="#" class="btn-link">更多 <span class="ion-android-arrow-forward"></span></a></p>
        </div>
        <div class="ftco-46-image" style="background-image: url(images/img_3.jpg);"></div>
        <div class="ftco-46-text ftco-46-arrow-up">
        <h4 class="ftco-46-subheading">Food</h4>
        <h3 class="ftco-46-heading">藍莓酸奶冰激凌</h3>
        <p class="mb-5">觸動您的心靈，令人甜蜜至極，難以忘懷，心曠神怡的味覺享受，精選一級的夏威夷果仁，入口絲滑</p>
        <p><a href="#" class="btn-link">更多 <span class="ion-android-arrow-forward"></span></a></p>
    </div>
</div>

結語

如果人的一生總的能量是固定的話，那就節省開支，延長時間，喜怒哀樂不溢于言表，不困于心智，保持樂觀心態

網頁設計師使用網頁設計材料時，他們會優先考慮那些免費和高質量的網頁設計材料網站。找到一個免費和高質量的網頁設計材料網站并不容易，有些網站要么需要打開材料網站成員，要么設計材料質量很差。即時設計總結了10個免費的網頁設計材料網站，對“材料短缺”說不！充滿干貨，來看看吧！

即時設計資源廣場

即時設計資源廣場是在線協作設計軟件即時設計的設計社區。它提供了網頁UI設計中經常使用的各種網頁設計材料和模板。網頁設計材料模板不僅質量高，而且完全免費~

材料：矢量圖標、插圖材料、emoji表情、3D圖標、樣機材料

https://js.design/community?category=explore&source=tt&plan=btt0731