<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<title>西安白尔信息科技有限公司</title>


	<link rel="stylesheet" href="./css/bootstrap.min.css">
	<link rel="stylesheet" href="./css/all-fontawesome.min.css">
	<link rel="stylesheet" href="./css/animate.min.css">
	<link rel="stylesheet" href="./css/magnific-popup.min.css">
	<link rel="stylesheet" href="./css/owl.carousel.min.css">
	<link rel="stylesheet" href="./css/style.css">
</head>

<body>
	<!-- 导航 -->
	<header class="header">
		<div class="main-navigation">
			<nav class="navbar navbar-expand-lg">
				<div class="container">
					<a class="navbar-brand" href="http://www.baierinfo.com">
						<img src="./img/logo.png" alt="logo">
					</a>
					<div class="mobile-menu-right">
						<!-- <a href="#" class="mobile-search-btn search-box-outer"><i class="far fa-search"></i></a> -->
						<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
							data-bs-target="#main_nav" aria-expanded="false" aria-label="Toggle navigation">
							<span class="navbar-toggler-icon"><!-- <i class="far fa-bars"></i> -->
								<img src="./img/Navigation.png" class="far fa-bars">
							</span>
						</button>
					</div>

					<div class="collapse navbar-collapse" id="main_nav">
						<ul class="navbar-nav">

							<li class="nav-item"><a class="nav-link active" href="index.html">首页
									<p></p>
								</a>

							</li>
							<li class="nav-item"><a class="nav-link" href="service.html?index=0&id=a">业务范围<p></p></a>
							</li>
							<li class="nav-item"><a class="nav-link" href="programme.html?index=0&id=a">产品<p></p></a>
							</li>
							<li class="nav-item"><a class="nav-link" href="case.html">案例<p></p></a></li>
							<!-- <li class="nav-item"><a class="nav-link" href="dynamic.html">白尔动态<p></p></a></li> -->
							<li class="nav-item"><a class="nav-link" href="about.html">关于白尔<p></p></a></li>


						</ul>
						<!-- <div class="header-nav-right">
							<div class="header-btn-area">
								<a href="#" class="header-btn" id="box">联系我们</a>
							</div>
						</div> -->
					</div>

				</div>
			</nav>
		</div>
	</header>
	<!-- 主体 -->

	<main class="main kk">

		<div class="main-img">
			<div class="img-titles">
				<p>Baier</p>
				<p style="margin-top: -35px;">HomeAssistan</p>
			</div>
			<p class="main-img_p">白尔智能家居—智能生活的领航者</p>
		</div>
		<!-- 联系我们 -->
		<div class="codeBox" id="code_box">
			<div id="hide">
				<img src="./img/code.jpg" />

			</div>
			<div class="imgg-title" style="width: 192px; margin-top: 50px; margin-left: 27%; text-align: center;">
				点击二维码退出</div>
		</div>
		<div class="about-area py-120">
			<div class="container">
				<div class="row align-items-center">

					<div class="col-lg-6">
						<div class="about-right">
							<div class="site-heading mb-3">
								<h2 class="site-title">
									COMPANY PROFILE
								</h2>
								<p>公司简介</p>
							</div>
							<p class="about-text">
								西安白尔信息科技有限公司是一家集研发、生产、销售和技术服务于一体的国家级高新技术企业，致力于为绿色建筑提供建成环境监测与控制系统多样化解决方案。具备从云平台软件到传感器的完整研发和生产体系，包括能源的可视化管理与数据服务、室内外空气品质监测与自动控制、水质在线监测、CO浓度监测等系统及相关产品。

							</p>
							<p class="about-text">
								白尔科技高度重视技术创新和产品质量，截止2019年底，在绿色建筑建成环境监测与控制系统方向上，公司已申请/获得4项发明专利、4项实用新型专利、1项外观专利、6项计算机软件著作权，并参与多个国家或行业标准的制定。软硬
							</p>

						</div>
					</div>
					<div class="col-lg-6" style="padding-top: 50px;">
						<div class="about-left">
							<div class="about-img">
								<img src="./img/index/gsjj.png" alt="">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="testimonial-area bg py-120 jkl">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 "><!-- mx-auto -->
						<div class="site-heading "><!--text-center-->
							<h2 class="site-title">Business Scope</h2>
							<p>业务范围</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12 col-lg-6 col-xl-6">
						<a href="service.html?id=a&index=0" class="d-block">
							<div class="business_scope_box business_scope_img1">
								<div class="business_scope_box_text">
									<p>综合能源管控</p>
									<p>—</p>
									<p>ENERGY MANAGEMENTAND CONTROL</p>
								</div>
							</div>
						</a>
					</div>
					<div class="col-md-12 col-lg-6 col-xl-3">
						<a href="service.html?id=b&index=1" class="d-block">
							<div class="business_scope_box business_scope_img2">
								<div class="business_scope_box_text">
									<p>智能家居</p>
									<p>—</p>
									<p>HOME ASSISTANT</p>
								</div>
							</div>
						</a>
					</div>
					<div class="col-md-12 col-lg-6 col-xl-3">
						<a href="service.html?id=c&index=2" class="d-block">
							<div class="business_scope_box business_scope_img3">
								<div class="business_scope_box_text">
									<p>力学实验</p>
									<p>—</p>
									<p>MECHANICS EXPERIMENT</p>
								</div>
							</div>
						</a>
					</div>

					<div class="col-md-12 col-lg-6 col-xl-3">
						<a href="service.html?id=d&index=3" class="d-block">
							<div class="business_scope_box business_scope_img4">
								<div class="business_scope_box_text">
									<p>环境健康</p>
									<p>—</p>
									<p>ENVIRONMENTAL HEALTH</p>
								</div>
							</div>
						</a>
					</div>
					<div class="col-md-12 col-lg-6 col-xl-6">
						<a href="service.html?id=e&index=4" class="d-block">
							<div class="business_scope_box business_scope_img5">
								<div class="business_scope_box_text">
									<p>乡村振兴</p>
									<p>—</p>
									<p>RURAL REVITALIZATION</p>
								</div>
							</div>
						</a>
					</div>
					<div class="col-md-12 col-lg-6 col-xl-3">
						<div class="business_scope_box business_scope_img6">
							<div class="business_scope_box_text">
								<p>查看更多详情</p>
								<p>—</p>
								<p>VIEW MORE DETAILS</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="category-area py-120">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 "> <!--mx-auto -->
						<div class="site-heading "><!--text-center -->
							<h2 class="site-title">product</h2>
							<p>产品</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12 col-lg-6 col-xl-6">
						<a href="programme.html?id=a&index=0" class="d-block">
							<div class="category-item category-color-1">
								<div class="category-item-icon">
									<img src="./img/index/zhnys.png">
								</div>
								<div class="category-item-content">
									<h6>综合能源管控平台</h6>
									<!-- <span>碳排放监管、能耗监测、室内外环境监测与控制</span> -->
								</div>
							</div>
						</a>
					</div>
					<div class="col-md-12 col-lg-6 col-xl-6">
						<a href="programme.html?id=b&index=1" class="d-block">
							<div class="category-item category-color-2">
								<div class="category-item-icon">
									<img src="./img/index/znjjs.png">
								</div>
								<div class="category-item-content">
									<h6>智能家居</h6>
									<!-- <span>能效提升、节能改造、合同能源管理</span> -->
								</div>
							</div>
						</a>
					</div>
					<div class="col-md-12 col-lg-6 col-xl-6">
						<a href="programme.html?id=c&index=2" class="d-block">
							<div class="category-item category-color-3">
								<div class="category-item-icon">
									<img src="./img/index/htnys.png">
								</div>
								<div class="category-item-content">
									<h6>合同能源托管</h6>
									<!-- <span>绿色建筑核查与建筑节能验收一站式服务</span> -->
								</div>
							</div>
						</a>
					</div>
					<div class="col-md-12 col-lg-6 col-xl-6">
						<a href="programme.html?id=d&index=3" class="d-block">
							<div class="category-item category-color-4">
								<div class="category-item-icon">
									<img src="./img/index/ylcgqs.png">
								</div>
								<div class="category-item-content">
									<h6>压力传感器</h6>
									<!-- <div class="hh">压力传感器</div>
									<span>BIM+VR，装配式策划、咨询、方案、施工图等</span> -->
								</div>
							</div>
						</a>
					</div>

					<!-- <div class="text-center">
						<a href="service.html?index=0&id=a" class="theme-btn mt-5">查看详情</a>
					</div> -->
				</div>
			</div>


		</div>
		<!-- yongdao -->
		<!-- <div class="testimonial-area bg py-120 jkl">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 mx-auto">
						<div class="site-heading text-center">
							<h2 class="site-title">解决方案</h2>

						</div>
					</div>
				</div>
				<div class="testimonial-slider owl-carousel owl-theme">
					<div class="testimonial-single">
						<div class="testimonial-quote">
							<h6>智慧园区解决方案</h6>
							<p>
								智慧园区是指在各类产业园区、集聚区、开发区、功能区等特定区域内，围绕园区战略发展总目标，推动人工智能、云计算、大数据、物联网、移动互联网等多种技术和园区功能融台发展，在信息全面感知和泛在互联的基础上，全面整合园区内外的物理和信息资源，实现园区基础设施智能化、园区资源集约化、园区管理精细化、园区服务便捷化、园区产业发展现代化。
							</p>
						</div>
						
						<div class="text-center" style="margin-top: 26px;">
							<a href="programme.html?id=a&index=0" class="theme-btn mt-5">查看详情</a>
						</div>

					</div>
					<div class="testimonial-single po">
						<div class="testimonial-quote">
							<h6 class="ll">建筑节能解决方案</h6>
							<p>
								根据水、气、电等不同能源，热水、空调、电梯、照明、燃气等不同场景，以及
								不同建筑的特点，提供针对性的节能解决方案和节能产品，并通过统一的能耗平
								台可以实时查看设备运行、能耗数据，并提供能耗分析、能耗优化等功能。
							</p>
						</div>
						<div class="text-centers">
							<a href="programme.html?id=d&index=3" class="theme-btn mt-5 bb">查看详情</a>

						</div>

					</div>

					<div class="testimonial-single">
						<div class="testimonial-quote">
							<h6>智能矿山解决方案</h6>
							<p>
								智能矿山是矿业发展必由之路，是推动我国矿山建设向安全、高效、经济、绿色与可持续发展方向迈进，提升产业层次、创新能力、质量效益的基础。公司瞄准世界前沿科技，以人工智能、智能制造为主攻方向，为客户提供智能矿山整体规划、系统设计、建设实施等服务，打造高水平的智能矿山，助力矿山行业实现高质量发展。
							</p>
						</div>
						<div class="text-center" style="margin-top: 26px;">
							<a href="programme.html?id=b&index=1" class="theme-btn mt-5">查看详情</a>
						</div>

					</div>
					<div class="testimonial-single po">
						<div class="testimonial-quote">
							<h6 class="ll">城市体检评估解决方案</h6>
							<p>
								城市体检评估成果将被统一汇集管理，用于自然资源管理、规划审查修编以及政府工作报告等综合事务管理决策。但完成年度体检和五年评估并不是终点，如何通过评估，发现规划实施过程中城市发展出现的问题，并针对城市核心目标、专项城市问题或特定地区进行动态把脉，长效监督，实现城市体检评估的常态化、智能化，提升城市空间治理水平，才是城市体检评估工作面临的最大挑战。
							</p>
						</div>
						<div class="text-centers">
							<a href="programme.html?id=c&index=2" class="theme-btn mt-5 bb">查看详情</a>
						</div>
					</div>
				</div>
			</div>
		</div> -->
		<div class="blog-area py-120" style="background-color: #F5F5F5;">
			<div class="container">
				<div class="row">
					<div class="col-lg-6"> <!--mx-auto -->
						<div class="site-heading"><!--text-center -->
							<h2 class="site-title">Project Case</h2>
							<p>案例</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6 col-lg-3">
						<div class="blog-item">
							<div class="blog-item-img">
								<img src="./img/index/zjyj.png" alt="Thumb">
							</div>
							<div class="blog-item-info">
								<div class="blog-item-meta">
									永济市政府办公楼
								</div>
								<div class="item-title">
									能耗监测、智慧控制
								</div>

							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-3">
						<div class="blog-item">
							<div class="blog-item-img">
								<img src="./img/index/xagx.png" alt="Thumb">
							</div>
							<div class="blog-item-info">

								<div class="blog-item-meta">
									西安高新区
								</div>
								<div class="item-title">
									城市体检评估
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-3">
						<div class="blog-item">
							<div class="blog-item-img">
								<img src="./img/index/xajdct.png" alt="Thumb">
							</div>
							<div class="blog-item-info">
								<div class="blog-item-meta">
									西安建筑科技大学—草堂校区
								</div>
								<div class="item-title">
									无人机航拍航测
								</div>
							</div>
						</div>
					</div>

					<div class="col-md-6 col-lg-3">
						<div class="blog-item">
							<div class="blog-item-img">
								<img src="./img/index/cadx.png" alt="Thumb">
							</div>
							<div class="blog-item-info">
								<div class="blog-item-meta">
									长安大学
								</div>
								<div class="item-title">
									软件开发
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-3">
						<div class="blog-item">
							<div class="blog-item-img">
								<img src="./img/index/bmj.png" alt="Thumb">
							</div>
							<div class="blog-item-info">
								<div class="blog-item-meta">
									某保密局项目
								</div>
								<div class="item-title">
									建筑节能技术服务
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-3">
						<div class="blog-item">
							<div class="blog-item-img">
								<img src="./img/index/xxwc.png" alt="Thumb">
							</div>
							<div class="blog-item-info">
								<div class="blog-item-meta">
									西咸—文创小镇
								</div>
								<div class="item-title">
									综合能源服务
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-3">
						<div class="blog-item">
							<div class="blog-item-img">
								<img src="./img/index/rcx.png" alt="Thumb">
							</div>
							<div class="blog-item-info">
								<div class="blog-item-meta">
									芮城县政府服务中心
								</div>
								<div class="item-title">
									综合能源服务
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-3">
						<div class="blog-item">
							<div class="blog-item-img">
								<img src="./img/index/xajdkj.png" alt="Thumb">
							</div>
							<div class="blog-item-info">
								<div class="blog-item-meta">
									西安建筑科技大学附属中学
								</div>
								<div class="item-title">
									能源监管、环境管控
								</div>
							</div>
						</div>
					</div>
					<!-- <div class="text-center">
						<a href="case.html" class="theme-btn mt-5">查看全部</a>
					</div> -->
				</div>
			</div>
		</div>


		<!-- 动态 -->

		<div class="blog-area py-120 jkl">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 "><!-- mx-auto -->
						<div class="site-heading "> <!-- text-center -->
							<h2 class="site-title">BAIER NEWS</h2>
							<p>白尔动态</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6 col-lg-4">
						<div class="blog-item" style="box-shadow: none;">
							<div class="blog-item-img">
								<img src="./img/index/hjjc.png" alt="Thumb">
							</div>
							<div class="blog-item-info">
								<div class="blog-box">
									白尔科技“建筑综合能源管控平台”在芮城县政
									务中心的应用介绍
								</div>
								<div class="item-titles">
									白尔综合能源管控平台利用大数据、物联网、移动互联
									网、能量感知等新兴技术和智能化设备，构建“综合能
									源管控中心”。
								</div>
								<div class="chakan">
									<p style="color: #333333;">2022年04月22日</p>
									<a href="dynamic.html" style="color: #02A0E9;">>>查看详情</a>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-4">
						<div class="blog-item" style="box-shadow: none;">
							<div class="blog-item-img">
								<img src="./img/index/zhyq.png" alt="Thumb">
							</div>
							<div class="blog-item-info" style="height: 190px;">
								<div class="blog-box">
									智慧园区实现产业集群数字化转型升级 ，智慧园区推动园区结构升级
								</div>
								<div class="item-titles">
									智慧园区帮助园区进行运营、安防、物业管理、能耗等进行数据监测，实现信息共享、远程操控，提升园区的治理水平，降低运营成本，为园区服务提档升级。
								</div>
								<div class="chakan">
									<p style="color: #333333;">2022-08-04</p>
									<a href="dynamic.html" style="color: #02A0E9;">>>查看详情</a>
								</div>
							</div>
						</div>
					</div>

					<div class="col-md-6 col-lg-4">
						<div class="blog-item" style="box-shadow: none;">
							<div class="blog-item-img">
								<img src="./img/index/fjtz.png" alt="Thumb">
							</div>
							<div class="blog-item-info">
								<div class="blog-box">
									放假通知
								</div>
								<div class="item-titles">
									国庆假期即将来临，结合公司实际情况，放假8天，具体安排如下： 9月29日至10月6日放假。10月7日、10月8日上班。
									在放假期间外出人员请注意个人财物与人身的安全，祝全体员...
								</div>
								<div class="chakan">
									<p style="color: #333333;">2024-09-25</p>
									<a href="dynamic.html" style="color: #02A0E9;">>>查看详情</a>
								</div>
							</div>
						</div>
					</div>
					<!-- <div class="text-center">
						<a href="dynamic.html" class="theme-btn mt-5">查看全部</a>
					</div> -->
				</div>
			</div>
		</div>
		<!-- women -->

		<!-- <div class="instructor-area py-100">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 mx-auto">
						<div class="site-heading text-center">
							<h2 class="site-title">关于我们</h2>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6 col-lg-4 col-xl-3">
						<div class="instructor-item">
							<div class="instructor-img">
								<img src="./img/index/公司简介.png" alt="img">
							</div>
							<div class="tags-title">公司简介</div>
							<div class="instructor-content" style="cursor: pointer;">
								<span class="instructor-tag"><a href="about.html"
										style="color: #F3F3F3;">公司简介</a></span>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-4 col-xl-3">
						<div class="instructor-item">
							<div class="instructor-img">
								<img src="./img/index/资质荣誉.png" alt="img">
							</div>
							<div class="tags-title">资质荣誉</div>
							<div class="instructor-content" style="cursor: pointer;">
								<span class="instructor-tag"><a href="honor.html"
										style="color: #F3F3F3;">查看详情</a></span>

							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-4 col-xl-3">
						<div class="instructor-item">
							<div class="instructor-img">
								<img src="./img/index/团队介绍.png" alt="img">
							</div>
							<div class="tags-title">团队介绍</div>
							<div class="instructor-content" style="cursor: pointer;">
								<span class="instructor-tag"><a href="member.html"
										style="color: #F3F3F3;">查看详情</a></span>

							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-4 col-xl-3">
						<div class="instructor-item">
							<div class="instructor-img">
								<img src="./img/index/联系我们.png" alt="img">
							</div>
							<div class="tags-title">联系我们</div>
							<div class="instructor-content" style="cursor: pointer;">
								<span class="instructor-tag"><a href="about.html"
										style="color: #F3F3F3;">查看详情</a></span>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div> -->

	</main>
	</div>
	<footer class="footer-area">
		<div class="footer-widget">
			<div class="container">
				<div class="row footer-widget-wrapper pt-100 pb-70">
					<div class="col-md-6 col-lg-4" style="border-right: 1px solid rgba(243, 247, 253, 0.24);">
						<div class="footer-widget-box about-us">
							<a href="#" class="footer-logo">
								<img src="./img/index/logo.png" alt="">
							</a>
							<!-- <p class="mb-20">
								“绿色建筑+新基建”的技术引领者
								和综合服务商
							</p> -->

						</div>
						<div class="footer-widget-box">
							<ul class="footer-list">
								<li>联系电话：
									15991740656（李先生）
								</li>
								<li> 邮箱：wYw@xauat.edu.cn</li>
								<li>官网：www.baierinfo.com</li>

							</ul>

						</div>
					</div>
					<div class="col-md-6 col-lg-2 poo">
						<div class="footer-widget-box list">
							<ul class="footer-list" style="text-align: center;gap: 1.6rem;">
								<li><a href="index.html">首页</a></li>
								<li><a href="service.html?index=0&id=a">业务范围</a></li>
								<li><a href="programme.html?index=0&id=a">产品</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 col-lg-2 poo">
						<div class="footer-widget-box">
							<ul class="footer-list" style="text-align: center;gap: 1.6rem;">
								<li><a href="case.html">案例</a></li>
								<!-- <li><a href="dynamic.html">白尔动态</a></li> -->
								<li><a href="about.html">关于我们</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 col-lg-4" style="border-left: 1px solid rgba(243, 247, 253, 0.24);">
						<div class="footer-widget-box footers">
							<div class="footer-widget-box_imgbox">
								<img src="./img/index/gzh.png" alt="">
								<p>关注白尔公众号</p>
							</div>
							<div class="footer-widget-box_imgbox">
								<img src="./img/index/gwm.png" alt="">
								<p>扫码查看官网移动版</p>
							</div>

							<!-- <ul class="footer-list">
								<li>联系电话：13389240334（冯先生）<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;15991740656（李先生）
								</li>
								<li> 邮箱：wYw@xauat.edu.cn</li>
								<li>官网：www.baierinfo.com</li>

							</ul> -->

						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="copyright">

				<div class="col-lg-12 align-self-center">
					<p class="copyright-text">
						版权所有 西安白尔信息科技有限公司 <a
							href="https://www.beian88.com/d/aab7a15169cafbf27dcfd78809ca34ac">陕ICP备18018212号-2</a>
					</p>
				</div>

			</div>
		</div>
	</footer>


	<a href="#" id="scroll-top"><!-- <i class="far fa-angle-double-up"></i> -->
		<img src="./img/TOP.png" class="far fa-angle-double-up"></a>


	<script data-cfasync="false" src="./js/email-decode.min.js"></script>
	<script src="./js/jquery-3.6.0.min.js"></script>
	<script src="./js/modernizr.min.js"></script>
	<script src="./js/bootstrap.bundle.min.js"></script>
	<script src="./js/imagesloaded.pkgd.min.js"></script>
	<script src="./js/jquery.magnific-popup.min.js"></script>
	<script src="./js/isotope.pkgd.min.js"></script>
	<script src="./js/jquery.appear.min.js"></script>
	<script src="./js/jquery.easing.min.js"></script>
	<script src="./js/owl.carousel.min.js"></script>
	<script src="./js/counter-up.js"></script>
	<script src="./js/masonry.pkgd.min.js"></script>
	<script src="./js/wow.min.js"></script>
	<script src="./js/main.js"></script>

</body>
<script type="text/javascript">
	// let btn = document.getElementById('box');
	// let hbtn = document.getElementById('hide');
	// btn.onclick = function () {
	// 	document.getElementById('code_box').classList.remove('hide');
	// 	document.getElementById('code_box').style.display = "block";
	// }

	// hbtn.onclick = function () {
	// 	document.getElementById('code_box').classList.add('hide');
	// 	setTimeout(() => {
	// 		document.getElementById('code_box').style.display = "none";
	// 	}, 500)
	// }
</script>

</html>