个人网页模板html代码免费(个人网站html模板)-52网
expr

个人网页模板html代码免费(个人网站html模板)

前话

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>

结语

如果人的一生总的能量是固定的话,那就节省开支,延长时间,喜怒哀乐不溢于言表,不困于心智,保持乐观心态

温馨提示:本文内容由互联网用户自发贡献,该文观点仅代表作者本人,如有侵权,请联系删除!