红色精美的服务介绍文字列表卡片式布局,带服务标题,文字说明,了解更多按钮,卡片式排列结构ui布局。使用div css制作完成的精美卡片式文字列表代码。

修改li标签里面对应的文本内容,即可使用。service-bj1类名为标题下面不同背景设置。采用了流行的flex布局结构。

<li class="service-list-item service-bj1">
	<div class="service-title">
		<h3>视觉营销服务</h3>
	</div>
	<div class="service-content">
		<ul class="service-content-list">
			<li>
				<h4>网站广告图</h4>
				<p>提供宣传广告图专业设计</p>
			</li>
			<li>
				<h4>LOGO设计</h4>
				<p>为企业定制专属标志形象</p>
			</li>
			<li>
				<h4>企业宣传册</h4>
				<p>手册、三折页、统一风格设计</p>
			</li>
			<li>
				<h4>营销PPT</h4>
				<p>招商、路演、品牌宣传PPT</p>
			</li>
		</ul>
		<a href="https://www.861ppt.com/mokuai/" target="_blank" class="service-list-more">了解更多</a>
	</div>
</li>