opanai 应用介绍 - 开通 VIP 享受更多功能 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>opanai 应用介绍 - 开通 VIP 享受更多功能</title>
	<style>
		body {
			font-family: 'Microsoft YaHei', sans-serif;
			background-color: #f2f2f2;
			padding: 20px;
			text-align: center;
		}
<pre><code>	h1 {
		color: #333;
		font-size: 48px;
		margin-bottom: 20px;
	}

	p {
		color: #666;
		font-size: 24px;
		line-height: 1.5;
		margin-bottom: 30px;
	}

	.price {
		color: #ff6600;
		font-size: 36px;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.usage {
		color: #666;
		font-size: 24px;
		margin-bottom: 30px;
	}

	.contact {
		font-size: 24px;
		margin-bottom: 30px;
	}

	.contact a {
		color: #ff6600;
		text-decoration: none;
	}

	.contact a:hover {
		text-decoration: underline;
	}

	.btn {
		display: inline-block;
		padding: 10px 20px;
		background-color: #ff6600;
		color: #fff;
		font-size: 24px;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		margin: 10px;
	}

	.btn-home {
		background-color: #333;
	}

	.qrcode {
		margin-top: 50px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
	}

	.qrcode img {
		width: 300px;
		height: 300px;
		margin: 10px;
	}
&lt;/style&gt;
&lt;script src='https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js'&gt;&lt;/script&gt;
&lt;script&gt;
	$(function() {
		$('.btn-vip').click(function() {
			alert('请添加管理员微信：ziyuan2319 进行开通');
			$('.qrcode').html('&lt;img src='img/vx.jpg' alt='管理员微信二维码'&gt;');
		});
	});
&lt;/script&gt;
</code></pre>
</head>
<body>
	<h1>opanai 应用介绍</h1>
	<p>opanai 是一款集成了多种实用工具的应用
	<br>包括文本编辑器、文件管理器、代码编辑器
	<br>图片编辑器等等。opanai 提供会员服务
	<br>会员用户可以享受更加优惠的价格和更加丰富的功能。</p>
	<div class='price'>会员价格：20元/3天</div>
	<div class='usage'>每天使用次数：300次</div>
	<div class='contact'>如需开通会员，请添加管理员微信：<a href='weixin://'>ziyuan2319</a> 进行开通。</div>
	<div class='qrcode'>
		<img src='img/vx.jpg' alt='管理员微信二维码'>
	</div>
	<button class='btn btn-vip'>开通 VIP</button>
	<button class='btn btn-home'>返回主页</button>
</body>
</html>