bcoh
/
index.html

<!DOCTYPE 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, shrink-to-fit=no">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- Title -->
    <title>基于区块链的个人健康跟踪应用</title>

    <!-- Favicon -->
    <link rel="icon" href="img/core-img/favicon.ico">

    <!-- Core Stylesheet -->
    <link href="/css/style.css" rel="stylesheet">

    <!-- Responsive CSS -->
    <link href="/css/details/responsive.css" rel="stylesheet">
</head>

<body>
    <!-- Preloader Start -->
    <div id="preloader">
        <div class="loader">
            <span class="inner1"></span>
            <span class="inner2"></span>
            <span class="inner3"></span>
        </div>
    </div>

    <div class="default-load" id="user"></div>

    <div class="default-load" id="header"></div>

    <!-- ***** Hero Area Start ***** -->
    <div class="fancy-hero-area bg-img bg-overlay animated-img" style="background-image: url(/img/bg-img/title-1.jpg);">
        <div class="container h-100">
            <div class="row h-100 align-items-center">
                <div class="col-12">
                    <div class="fancy-hero-content text-center">
                        <h2>基于区块链的个人健康跟踪应用</h2>
                        <a href="#about-us" class="btn fancy-btn fancy-active">项目简介</a>
                        <a href="/index2.html" class="btn fancy-btn">进入应用</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ***** Hero Area End ***** -->

    <!-- ***** Top Feature Area Start ***** -->
    <div class="fancy-top-features-area bg-gray">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="fancy-top-features-content">
                        <div class="row no-gutters">
                            <div class="col-12 col-md-4">
                                <div class="single-top-feature">
                                    <h5><i class="fa fa-thumbs-o-up" aria-hidden="true"></i>互联性</h5>
                                    <p>连接各省疫情信息数据库，打破数据孤岛</p>
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="single-top-feature">
                                    <h5><i class="fa fa-clock-o" aria-hidden="true"></i>安全性</h5>
                                    <p>用户实名注册，平台基于区块链技术，修改历史可溯源，权限设置保护隐私</p>
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="single-top-feature">
                                    <h5><i class="fa fa-diamond" aria-hidden="true"></i>拓展性</h5>
                                    <p>基于本平台的拓展功能：健康状况分级，统计各地市感染人数等</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ***** Top Feature Area End ***** -->

    <!-- ***** About Us Area Start ***** -->
    <section class="fancy-about-us-area bg-gray" id="about-us">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-6">
                    <div class="about-us-text">
                        <h2>项目简介</h2>
                        <p>本次新冠疫情中，各省市为市民提供了个人健康状态跟踪和查询工具。但是，不同省市的个人健康信息处于数据孤岛状态，阻碍公民跨省复工复学。各地政府协调各地健康状态信息互认，过程繁琐还可能导致个人隐私泄露。为此，本项目基于区块链开发一个公民健康状态分享平台，连接各省市的个人健康数据库，令公民在跨省移动时到达地可以通过访问区块链查询该公民的健康数据，但无法保存、复制或篡改公民的健康数据或其他相关隐私数据。
                        </p>
                        <a href="#" class="btn fancy-btn fancy-dark">了解更多</a>
                    </div>
                </div>

                <div class="col-12 col-lg-6 col-xl-5 ml-xl-auto">
                    <div class="about-us-thumb wow fadeInUp" data-wow-delay="0.5s">
                        <img src="img/detail-img/detail-1.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** About Us Area End ***** -->

    <!-- ***** Skills Area Start ***** -->
    <section class="fancy-skills-area section-padding-200">
        <!-- Side Thumb -->
        <div class="skills-side-thumb">
            <img src="img/detail-img/detail-2.png" alt="">
        </div>
        <!-- Skills Content -->
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-6 col-xl-5 ml-auto">
                    <div class="section-heading">
                        <h2>高可靠度加密</h2>
                        <p>为防止个人信息泄露，对于一条个人数据，将其划分为个人信息与健康状况两部分。对个人信息进行加密，得到键，将健康信息直接作为值，构成一个键值对。将此键值对存储至区块链中，在保护公民隐私的同时做到了分布式数据存储。
                        </p>
                    </div>
                    <a href="#" class="btn fancy-btn fancy-dark">联系我们</a>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Skills Area End ***** -->

    <!-- ***** Service Area Start ***** -->
    <section class="fancy-services-area bg-img bg-overlay section-padding-100-70"
        style="background-image: url(img/bg-img/users-1.jpg)">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-heading heading-white text-center">
                        <h2>我们的用户</h2>
                        <p>为不同用户群体定制系统</p>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Single Service -->
                <div class="col-12 col-md-4">
                    <div class="single-service-area text-center wow fadeInUp" data-wow-delay="0.5s">
                        <i class="ti-ruler-pencil"></i>
                        <h5>政府</h5>
                        <p>政府有权利查询、修改个人身份和健康信息</p>
                    </div>
                </div>
                <!-- Single Service -->
                <div class="col-12 col-md-4">
                    <div class="single-service-area text-center wow fadeInUp" data-wow-delay="1s">
                        <i class="ti-desktop"></i>
                        <h5>医院</h5>
                        <p>医院有权利更改个人的核酸检测结果，查询个人身份和健康信息</p>
                    </div>
                </div>
                <!-- Single Service -->
                <div class="col-12 col-md-4">
                    <div class="single-service-area text-center wow fadeInUp" data-wow-delay="1.5s">
                        <i class="ti-announcement"></i>
                        <h5>个人</h5>
                        <p>个人有权利查询个人身份和健康信息</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Service Area End ***** -->

    <!-- ***** Testimonials Area Start ***** -->
    <section class="fancy-testimonials-area section-padding-100">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="testimonials-slides owl-carousel">
                        <!-- Single Testimonial -->
                        <div class="single-testimonial d-md-flex align-items-center">
                            <!-- Testimonial Thumb -->
                            <div class="testimonial-thumbnail">
                                <img src="img/detail-img/code-red.png" alt="">
                            </div>
                            <!-- Content -->
                            <div class="testimonilas-content">
                                <h5>确诊病例、疑似病例、无症状感染者以及实施居家（集中）隔离医学观察未满14天的治愈出院确诊病人和无症状感染者；确诊病例、疑似病例、无症状感染者的密切接触者；来自高风险地区的人员；正在实施集中隔离医学观察的人员；其他需要纳入红码管理的人员。</span>
                                </h5>
                            </div>
                        </div>
                        <!-- Single Testimonial -->
                        <div class="single-testimonial d-md-flex align-items-center">
                            <!-- Testimonial Thumb -->
                            <div class="testimonial-thumbnail">
                                <img src="img/detail-img/code-yellow.png" alt="">
                            </div>
                            <!-- Content -->
                            <div class="testimonilas-content">
                                <h5>体温37.3℃及以上或出现呼吸系统症状(干咳、咳痰、鼻塞、咽痛、气促、呼吸困难)、身体不适(乏力、肌肉酸痛、头痛、关节酸痛)、消化道症状(腹痛、腹泻、恶心、呕吐)、结膜出血等临床表现之一的人员；来自疫情中风险地区的人员；14天内与确诊患者、疑似患者和无症状感染者可能存在密切接触，如搭乘同一公共交通工具、居住在同一楼栋单元等情况；其他需要纳入黄码管理的人员。
                                </h5>
                            </div>
                        </div>
                        <!-- Single Testimonial -->
                        <div class="single-testimonial d-md-flex align-items-center">
                            <!-- Testimonial Thumb -->
                            <div class="testimonial-thumbnail">
                                <img src="img/detail-img/code-green.png" alt="">
                            </div>
                            <!-- Content -->
                            <div class="testimonilas-content">
                                <h5>除红码、黄码标准以外的其他人员;列入疫情防控白名单的人员</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Testimonials Area End ***** -->

    <div class="default-load" id="footer"></div>

    <!-- jQuery-3.3.1 js -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.3.1/jquery.js"></script>
    <!-- jQuery-cookie-1.4.1 js -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
    <!-- Popper-1.14.3 js -->
    <script src="https://cdn.bootcdn.net/ajax/libs/popper.js/1.14.3/esm/popper.js" type="module"></script>
    <!-- Bootstrap-4.1.3 js -->
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.js"></script>
    <!-- WOW-1.1.2 js -->
    <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.js"></script>
    <!-- All Plugins js -->
    <script src="/js/others/plugins.js"></script>
    <!-- Active JS -->
    <script src="/js/active.js"></script>
    <!-- USER JS -->
    <script src="/js/user.js"></script>
    <!-- MD5 JS -->
    <script src="https://cdn.bootcdn.net/ajax/libs/blueimp-md5/2.18.0/js/md5.js"></script>
</body>