给ripro主题首页添加自定义VIP引导模块

第一步

CSS代码

第二步：

在\parts\home-mode文件下新建一个如jhsvip.php文件添加如下代码

<div class="section pt-0 pb-0">
	<div class="home-vip-mod">
		<div class="container" >

	      <div class="row">
	      	<div class="fgdfg">
			<ul class="jhs_vip">
				<li>BASIC</li>
				<li>Monthly Plan</li>
				<li>
					<span>$</span>199</li>
				<li>5GB Disk Space</li>
				<li>20GB Monthly Bandwidth</li>
				<li>-</li>
				<li>3 Domains</li>
				<li> -</li>
				<li>-</li>
				<li>
					<a href="#">GET STARTED</a></li></ul>
			<ul class="jhs_month">
				<li>STANDART</li>
				<li>Monthly Plan</li>
				<li>
					<span>$</span>299</li>
				<li>20GB Disk Space</li>
				<li>20GB Monthly Bandwidth</li>
				<li>Unlimited Users</li>
				<li>5                Domains</li>
				<li>-</li>
				<li>Automatic Cloud Backups</li>
				<li>
					<a href="#">GET STARTED</a></li></ul>
			<ul class="jhs_year">
				<li>PREMIUM</li>
				<li>Monthly Plan</li>
				<li>
					<span>$</span>399</li>
				<li>20GB Disk Space</li>
				<li>20GB Monthly Bandwidth</li>
				<li>Unlimited Users</li>
				<li>150                Domains</li>
				<li>430 Email Accounts</li>
				<li>Automatic Cloud Backups</li>
				<li>
				<a href="#"> GET STARTED</a></li></ul>
			<ul class="jhs_life">
				<li>UNLIMITED</li>
				<li>Monthly Plan</li>
				<li>
					<span>$</span>499</li>
				<li>1TB Disk Space</li>
				<li>1TB Monthly Bandwidth</li>
				<li>Unlimited Users</li>
				<li>Unlimited             Domains</li>
				<li>Unlimited Email Accounts</li>
				<li>Automatic Cloud Backups</li>
				<li>
				<a href="#">GET STARTED</a></li>
			</ul>
</div>
</div>
	      
		</div>
	</div>
</div>

第三步

找到ripro\inc\codestar-framework\options文件下的options.theme.php

最新文章模块下方添加如下代码

'jhsvip'=>'VIP模块';

最后，修改对应的文本即可。当然如果你有能力可以集成到后台！！

样式如下