介绍模块

直接使用代码

图片素材

css代码

 <style>
.g-tith1{text-align:center;overflow:hidden}
.g-tith1 h2{display:inline-block;padding-left:84px;background-position:left center;background-repeat:no-repeat;font-size:32px;color:#444;line-height:2.81}
.g-tith1 h2 span{color:#f77026}
.g-tith1 p{font-size:20px;color:#444}
.g-tith1 p span{color:#f77026;font-style:italic}
.row-2{overflow:hidden;padding-bottom:100px}
.row-2 .g-tith1{margin-bottom:52px}
.m-h1{overflow:hidden}
.m-h1 .pic{float:left;margin-right:113px}
.m-h1 .pic img{display:block}
.m-h1 .txt{overflow:hidden;font-size:16px;line-height:26px;color:#000}
.m-h1 .txt p{margin-bottom:25px}
.row-3{background-color:#f8f8f8;overflow:hidden;padding:64px 0 73px}
.m-h2{overflow:hidden}
.row-3 .g-tith1{margin-bottom:64px}
.m-h2 .txt{float:left;width:480px;font-size:16px;line-height:30px;color:#000;padding-top:54px}
.m-h2 .pic{float:right}
.m-h2 .pic img{display:block}
.row-4{overflow:hidden;padding:91px 0 111px}
.m-h3{position:relative;margin-top:-5px}
.m-h3 .txt{text-align:center;font-size:18px;color:#000;line-height:26px;margin-bottom:80px}
.m-h3 .pic img{display:block;margin:0 auto}
.row-5{background-color:#f8f8f8;overflow:hidden;padding:60px 0 35px}
.row-5 .g-tith1{margin-bottom:76px}
.m-h4 .txt{width:496px;float:left;font-size:16px;color:#000;line-height:30px}
.m-h4 .txt img{display:block;margin:34px auto 0}
.m-h4 .pic{float:left;margin-left:205px}
.m-h4 .pic img{display:block}
.row-6{overflow:hidden;padding:92px 0 134px}
.row-6 .g-tith1{margin-bottom:76px}
.m-h5{overflow:hidden}
.m-h5 ul{overflow:hidden;margin:0 -32px 46px}
.m-h5 ul li{float:left;width:33.33%}
.m-h5 ul li .con{margin:0 32px;height:150px;text-align:center;line-height:150px;font-size:30px;color:#fff;border-radius:10px;overflow:hidden;background-repeat:no-repeat;background-position:top right;-webkit-background-size:cover;background-size:cover}
.m-h5 ul li .con p{display:inline-block;padding-left:50px;background-repeat:no-repeat;background-position:left center}
.m-h5 .txt{font-size:16px;color:#000;line-height:30px;max-width:793px;margin:0 auto;text-align:center}
.row-7{overflow:hidden;background:url(http://www.bootfastui.cn/img/2021/0513-4/pic-h6.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover;padding-top:70px;padding-bottom:63px}
.row-7 .g-tith1{margin-bottom:85px}
.row-7 .g-tith1 h2{color:#fff}
.row-7 ul li{width:25%;float:left;text-align:center;font-size:16px;color:#fff}
.row-7 ul li .pic{width:74px;height:74px;margin:0 auto 26px}
.row-7 ul li .pic img{display:block;width:100%;height:100%}
.row-7 ul li p{width:85%;margin:0 auto}
.row-7 ul li h3{font-size:24px;line-height:30px;margin-bottom:12px}
</style>

HTML+JS代码

 <div class="row-2">
	<div class="container">
		<div class="g-tith1">
			<h2 style="background-image:url(http://www.bootfastui.cn/img/2021/0513-4/01.png)">专业课集训期间 文化课<span>专用教材</span></h2>
		</div>
		<div class="m-h1">
			<div class="pic">
				<img src="http://www.bootfastui.cn/img/2021/0513-4/pic-h1.jpg" alt="" />
			</div>
			<div class="txt">
				<p>《艺考生文化课随身学案》是针对包括美术、声乐、器乐、舞蹈、播音主持、表演、广播电视编导、空乘、体育等多个专业在内的艺术类考生设计的、专业集训期间文化课复习指导用书。</p>
				<p>依据最新考试大纲，针对艺术考生的实际应考情况，将各科的必考基础知识、技能点、以及掌握这些考点的过程与方法，做了科学的分类与编排。经过全国多个专业课培训机构推广使用证明，艺术类考生在专业课集中学习之余，通过该学案温习文化课，为来年3-6月份文化课冲抵打下良好基础。</p>
			</div>
		</div>
	</div>
</div>
<div class="row-3">
	<div class="container">
		<div class="g-tith1">
			<h2 style="background-image:url(http://www.bootfastui.cn/img/2021/0513-4/02.png)">配套微信小程序充分<span>利用碎片时间</span>看视频、听音频、练习题</h2>
		</div>
		<div class="m-h2">
			<div class="txt">
				<p>艺考生随身学案每个大章节知识点均有对应的二维码视频讲解，微信扫描即可无限次免费观看。小程序内可做习题，做错后提示详解，还可以看视频、听音频，充分利用集训期间的碎片化时间复习文化课。</p>
			</div>
			<div class="pic">
				<img src="http://www.bootfastui.cn/img/2021/0513-4/h16.png" alt="" />
			</div>
		</div>
	</div>
</div>
<div class="row-4">
	<div class="container">
		<div class="g-tith1">
			<h2 style="background-image:url(http://www.bootfastui.cn/img/2021/0513-4/03.png)">艺考改革新政 专业课 文化课<span>同等重要</span></h2>
		</div>
		<div class="m-h3">
			<div class="txt">
				<p>随着艺考改革的不断推进和完善，文化课在艺考录取中所占的比重越来越大。</p>
				<p>绝大多数高校的艺术类录取方式均为专业课+文化课取一定比例按综合分录取。</p>
			</div>
			<div class="pic">
				<img src="http://www.bootfastui.cn/img/2021/0513-4/h15.png" alt="" />
			</div>
		</div>
	</div>
</div>
<div class="row-5">
	<div class="container">
		<div class="g-tith1">
			<h2 style="background-image:url(http://www.bootfastui.cn/img/2021/0513-4/04.png)">专业课集考 文化课也不可以掉分</h2>
			<p>时时温习文化课 让你 <span>基础知识不遗忘、基本概念不模糊、基本方法不生疏</span> </p>
		</div>
		<div class="m-h4">
			<div class="txt">
				<p>高三艺考生为了准备和参加专业课考试，绝大部分时间都在专业课培训机构攻坚专业课，大部分专业课培训机构不具备文化课学习条件，《艺考生文化课随身学案》有效弥补市场空白，在集训期间使用该书，让考生做到基础知识、基本概念、基本方法不遗忘、不模糊、不生疏。</p>
				<img src="http://www.bootfastui.cn/img/2021/0513-4/h19.png" alt="" />
			</div>
			<div class="pic">
				<img src="http://www.bootfastui.cn/img/2021/0513-4/h18.png" alt="" />
			</div>
		</div>
	</div>
</div>
<div class="row-6">
	<div class="container">
		<div class="g-tith1">
			<h2 style="background-image:url(http://www.bootfastui.cn/img/2021/0513-4/05.png)">主抓高考大纲中的基础知识必考点 <span>题列简洁 方法高效</span></h2>
		</div>
		<div class="m-h5">
			<ul>
				<li>
					<div class="con" style="background-image:url(http://www.bootfastui.cn/img/2021/0513-4/pic-h2.jpg)">
						<p style="background-image:url(http://www.bootfastui.cn/img/2021/0513-4/h20.png)">简洁</p>
					</div>
				</li>
				<li>
					<div class="con" style="background-image:url(http://www.bootfastui.cn/img/2021/0513-4/pic-h4.jpg)">
						<p style="background-image:url(http://www.bootfastui.cn/img/2021/0513-4/h21.png)">快速</p>
					</div>
				</li>
				<li>
					<div class="con" style="background-image:url(http://www.bootfastui.cn/img/2021/0513-4/pic-h5.jpg)">
						<p style="background-image:url(http://www.bootfastui.cn/img/2021/0513-4/h22.png)">高效</p>
					</div>
				</li>
			</ul>
			<div class="txt">
				<p>《艺考生文化课随身学案》对考纲要求的每个考点逐一分析，系统归纳高考要求的必备基础知识和基本方法，旨在指导艺考生以简洁、快速、有效的方式在有限的学习时间内达到充分备考的目的。</p>
			</div>
		</div>
	</div>
</div>
<div class="row-7">
	<div class="container">
		<div class="g-tith1">
			<h2 style="background-image:url(http://www.bootfastui.cn/img/2021/0513-4/06.png)">随身学案更适合艺术生集训期间使用</h2>
		</div>
		<ul>
			<li>
				<div class="pic">
					<img src="http://www.bootfastui.cn/img/2021/0513-4/h23.png" alt="" />
				</div>
				<div class="txt">
					<h3>学基础知识</h3>
					<p>统计近5年高考考察次数,常考必考知识点一目了然</p>
				</div>
			</li>
			<li>
				<div class="pic">
					<img src="http://www.bootfastui.cn/img/2021/0513-4/h24.png" alt="" />
				</div>
				<div class="txt">
					<h3>练基本能力</h3>
					<p>精选高考真题、模拟题、原创新题，熟悉常规、必备解题方法</p>
				</div>
			</li>
			<li>
				<div class="pic">
					<img src="http://www.bootfastui.cn/img/2021/0513-4/h25.png" alt="" />
				</div>
				<div class="txt">
					<h3>悟重点难点</h3>
					<p>全面总结章节重点、难点,理清概念、系统解读。</p>
				</div>
			</li>
			<li>
				<div class="pic">
					<img src="http://www.bootfastui.cn/img/2021/0513-4/h26.png" alt="" />
				</div>
				<div class="txt">
					<h3>看名师视频</h3>
					<p>扫描章节二维码，听、看一线名师视频讲解。</p>
				</div>
			</li>
		</ul>
	</div>
</div>

专业课集训期间文化课专用教材

配套微信小程序充分利用碎片时间看视频、听音频、练习题

艺考改革新政专业课文化课同等重要

专业课集考文化课也不可以掉分

主抓高考大纲中的基础知识必考点题列简洁方法高效

随身学案更适合艺术生集训期间使用

学基础知识

练基本能力

悟重点难点

看名师视频

直接使用代码

图片素材

css代码

HTML+JS代码

专业课集训期间 文化课专用教材

配套微信小程序充分利用碎片时间看视频、听音频、练习题

艺考改革新政 专业课 文化课同等重要

专业课集考 文化课也不可以掉分

主抓高考大纲中的基础知识必考点 题列简洁 方法高效

随身学案更适合艺术生集训期间使用

学基础知识

练基本能力

悟重点难点

看名师视频

直接使用代码

图片素材

css代码

HTML+JS代码

专业课集训期间文化课专用教材

艺考改革新政专业课文化课同等重要

专业课集考文化课也不可以掉分

主抓高考大纲中的基础知识必考点题列简洁方法高效