Hello,小伙伴们大家新年好,本篇是今年第一篇,也方案许久,本篇主题为美食,系html5网站模板,div加css布局,网页资源分开存储以便管理,网页构造清晰大略,希望本篇能够助力各位萌新
主题
《周末の食记》
美食能抚平统统的忧伤
简介
文件构造包含了css、fonts、images、js和html,利用html5技能,包括nav标签、header标签和footer标签等,采取bootstrap进行布局
图摘
目录
编码
<div class=34;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>
结语
如果人的生平总的能量是固定的话,那就节省开支,延长韶光,喜怒哀乐不溢于言表,不困于心智,保持乐不雅观心态