#set(seoTitle="贝塔网络官方产品")
#@officialLayout()
#define main()
<!-- Start Breadcrumbs -->
<div class="breadcrumbs">
	<div class="container">
		<div class="row">
			<div class="col-lg-8 offset-lg-2 col-md-12 col-12">
				<div class="breadcrumbs-content">
					<h1 class="page-title">产品中心</h1>
				</div>
				<ul class="breadcrumb-nav">
					<li><a href="#(SSL)/">首页</a></li>
					<li>产品中心</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- End Breadcrumbs -->

<!-- Start Blog Singel Area -->
<section class="pricing-table section blog-section ">
	<div class="container">
		<div class="row">
			<div class="col-lg-9 col-md-12 col-12">
				<ul class="nav nav-pills">
					<li class="nav-item">
						<button  type="button" class="nav-link btn active" aria-current="page" href="#">全部</button>
					</li>
					<li class="nav-item">
						<button  type="button" class="nav-link btn btn-link" href="#">套餐一</button>
					</li>
					<li class="nav-item">
						<button  type="button" class="nav-link btn btn-link" href="#">套餐二</button>
					</li>
				</ul>
				<div class="row mt-3">
					#for(x : productPage.list)
					<div class="col-lg-4 col-md-6 col-12 mb-3">
						<div class="card border-0 rounded-0 shadow">
							<div class="card-body mt-3 mb-3">
								<div class="row">
									<div class="col-10">
										<h4 class="card-title">#(x.name)</h4>
										<ul class="list-group list-group-flush">
											<li class="list-group-item">CPU: #(x.cpuName)</li>
											<li class="list-group-item">内存：#(x.memoryCapacity)</li>
											<li class="list-group-item">显卡：#(x.graphicsCardModel)</li>
											<li class="list-group-item">硬盘：#(x.dataDiskCapacity)</li>
											<li class="list-group-item">网络：#(x.downloadSpeed)</li>
										</ul>
									</div>
									<div class="col-2">
										<i class="bi bi-bookmark-plus fs-2"></i>
									</div>
								</div>
							</div>
							<div class="row align-items-center text-center g-0">
								<div class="col-5">
									<h5>$129</h5>
								</div>
								<div class="col-7">
									<a href="/order/#(x.id)" class="btn btn-dark w-100 p-2 rounded-0 text-warning">立即购买</a>
								</div>
							</div>
						</div>
					</div>
					#end
				</div>
			</div>
			<aside class="col-lg-3 col-md-12 col-12">
				<div class="sidebar blog-grid-page">
					<!-- Start Single Widget -->
					<div class="widget popular-feeds">
						<h5 class="widget-title">今日特价</h5>
						<div class="popular-feed-loop">
							<div class="single-popular-feed">
								<div class="feed-desc">
									<a href="javascript:void(0)" class="cetagory">Creative</a>
									<h6 class="post-title"><a href="blog-single-sidebar.html">Bringing Great Design
										Ideas To Completion</a></h6>
									<span class="time"><i class="lni lni-calendar"></i> 05th Nov 2023</span>
								</div>
							</div>
							<div class="single-popular-feed">
								<div class="feed-desc">
									<a href="javascript:void(0)" class="cetagory">Jobs</a>
									<h6 class="post-title"><a href="blog-single-sidebar.html">Live Life Smart And
										Focus On The Positive</a></h6>
									<span class="time"><i class="lni lni-calendar"></i> 24th March 2023</span>
								</div>
							</div>
							<div class="single-popular-feed">
								<div class="feed-desc">
									<a href="javascript:void(0)" class="cetagory">Marketing</a>
									<h6 class="post-title"><a href="blog-single-sidebar.html">We’re currently
										acceping new projects.</a></h6>
									<span class="time"><i class="lni lni-calendar"></i> 30th Jan 2023</span>
								</div>
							</div>
						</div>
					</div>
					<!-- End Single Widget -->

					<!-- Start Single Widget -->
					<div class="widget help-call">
						<h5 class="widget-title">联系方式</h5>
						<div class="inner">
							<h3>
								<span>+(123) 456-78-90</span>
							</h3>
						</div>
					</div>
					<!-- End Single Widget -->
				</div>
			</aside>
		</div>
	</div>
</section>
<!-- End Blog Singel Area -->
#end

#define js()

<!-- ========================= JS here ========================= -->
<script src="/assets/official/js/bootstrap.min.js"></script>
<script src="/assets/official/js/wow.min.js"></script>
<script src="/assets/official/js/tiny-slider.js"></script>
<script src="/assets/official/js/glightbox.min.js"></script>
<script src="/assets/official/js/main.js"></script>

<script type="text/javascript">
	$(document).ready(function() {

	});
</script>
#end