bcoh
/
static-page.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">
    <link href="/css/static-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>

    <!-- ***** Breadcumb Area Start ***** -->
    <div class="fancy-breadcumb-area bg-img bg-overlay" 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="breadcumb-content text-center">
                        <h2>The ultimate guide to creative agency roles</h2>
                        <!-- Breadcumb -->
                        <nav>
                            <ol class="breadcrumb justify-content-center">
                                <li class="breadcrumb-item"><a href="#"><i class="fa fa-home" aria-hidden="true"></i>
                                        Home</a></li>
                                <li class="breadcrumb-item"><a href="#">Archive</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Static Page</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ***** Breadcumb Area End ***** -->

    <!-- ****** Single Blog Area Start ****** -->
    <section class="single_blog_area section-padding-100">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-lg-9">
                    <div class="row no-gutters">

                        <!-- Single Post Share Info -->
                        <div class="col-2 col-sm-1">
                            <div class="main-content-share-info">
                                <a href="#" class="facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                                <a href="#" class="twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
                                <a href="#" class="googleplus"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
                                <a href="#" class="instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                                <a href="#" class="pinterest"><i class="fa fa-pinterest" aria-hidden="true"></i></a>
                            </div>
                        </div>

                        <!-- 内容区域 -->
                        <div class="col-10 col-sm-11">
                            <div class="main-content">
                                <!-- Post Thumb -->
                                <div class="post-thumb">
                                    <img src="img/blog-img/blog-4.jpg" alt="">
                                </div>
                                <!-- Post Content -->
                                <div class="post-content">
                                    <p>Tiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea. Liusmod
                                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qui
                                        s nostrud exercitation ullamLorem ipsum dolor sit amet, consectetur adipisicing
                                        elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                        tempor incididunt ut labore et dolore magna aliqua.</p>
                                    <p>Tiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea. Liusmod
                                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qui
                                        s nostrud exercitation ullamLorem ipsum dolor sit amet, consectetur adipisicing
                                        elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                        tempor incididunt ut labore et dolore magna aliqua.</p>
                                    <h4>The best Wordpress Theme 2017</h4>
                                    <p>Tiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea. Liusmod
                                        tempor incididunt ut labore et dolore magna aliqua. Ut</p>
                                    <!-- blockquote -->
                                    <blockquote class="fancy-blockquote">
                                        <span class="quote playfair-font">“</span>
                                        <h5 class="mb-4">“If you’re going to try, go all the way. There is no other
                                            feeling like that. You will be alone with the gods, and the nights will
                                            flame with fire. You will ride life straight to perfect laughter. It’s the
                                            only good fight there is.”</h5>
                                        <h6>Aigars Silkalns - <span>CEO DeerCreative</span></h6>
                                    </blockquote>
                                    <h4>Unique Design &amp; Easy Custom</h4>
                                    <p>Tiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
                                        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea. Liusmod
                                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qui
                                        s nostrud exercitation ullamLorem ipsum dolor sit amet, consectetur adipisicing
                                        elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                        tempor incididunt ut labore et dolore magna aliqua.</p>
                                    <p>Duis aute irure Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. Tiusmod tempor
                                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- ****** Blog Sidebar ****** -->
                <div class="col-10 col-lg-3">
                    <div class="blog-sidebar">
                        <!-- Single Widget Area -->
                        <div class="single-widget-area popular-post-widget">
                            <div class="widget-title">
                                <h5>Recent News</h5>
                            </div>
                            <!-- Single Popular Post -->
                            <div class="single-populer-post">
                                <div class="post-contents">
                                    <a href="#">
                                        <h6>In order to succeed, we must first believe that we can.</h6>
                                    </a>
                                    <a class="post-date" href="#">October 7, 2017</a>
                                </div>
                            </div>
                            <!-- Single Popular Post -->
                            <div class="single-populer-post">
                                <div class="post-contents">
                                    <a href="#">
                                        <h6>The way to get started is to quit talking and begin doing.</h6>
                                    </a>
                                    <a class="post-date" href="#">October 7, 2017</a>
                                </div>
                            </div>
                            <!-- Single Popular Post -->
                            <div class="single-populer-post">
                                <div class="post-contents">
                                    <a href="#">
                                        <h6>In order to succeed, we must first believe that we can.</h6>
                                    </a>
                                    <a class="post-date" href="#">October 7, 2017</a>
                                </div>
                            </div>
                            <!-- Single Popular Post -->
                            <div class="single-populer-post">
                                <div class="post-contents">
                                    <a href="#">
                                        <h6>The way to get started is to quit talking and begin doing.</h6>
                                    </a>
                                    <a class="post-date" href="#">October 7, 2017</a>
                                </div>
                            </div>
                        </div>

                        <!-- Single Widget Area -->
                        <div class="single-widget-area categories-widget mt-5">
                            <div class="widget-title">
                                <h5>Categories</h5>
                            </div>
                            <ul>
                                <li><a href="#"><i class="fa fa-circle" aria-hidden="true"></i> Branding</a></li>
                                <li><a href="#"><i class="fa fa-circle" aria-hidden="true"></i> Design</a></li>
                                <li><a href="#"><i class="fa fa-circle" aria-hidden="true"></i> Illustration</a></li>
                                <li><a href="#"><i class="fa fa-circle" aria-hidden="true"></i> News</a></li>
                                <li><a href="#"><i class="fa fa-circle" aria-hidden="true"></i> Programming</a></li>
                                <li><a href="#"><i class="fa fa-circle" aria-hidden="true"></i> Trending</a></li>
                            </ul>
                        </div>

                        <!-- Single Widget Area -->
                        <div class="single-widget-area tags-widget mt-5">
                            <div class="widget-title">
                                <h5>Popular Tags</h5>
                            </div>
                            <a href="#">Creative</a>
                            <a href="#">Unique</a>
                            <a href="#">Photography</a>
                            <a href="#">Music</a>
                            <a href="#">Wordpress Template</a>
                            <a href="#">Ideas</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ****** Single Blog 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>