151 lines
7.4 KiB
HTML
151 lines
7.4 KiB
HTML
{% extends "main_base.html" %}
|
|
{% block title%}Service|COVID-19 Detector{% endblock %}
|
|
{% block mycontent%}
|
|
<section class="page-header">
|
|
</section><!-- /.page-header -->
|
|
|
|
<section class="prevention-one prevention-one__prevention-page">
|
|
<div class="container">
|
|
<div class="block-title text-left">
|
|
<h3 style="margin-top: 20px;">防疫指南</h3>
|
|
</div><!-- /.block-title text-center -->
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="prevention-one__box">
|
|
<div class="prevention-one__box-top">
|
|
<h3>你应该做的事</h3>
|
|
</div>
|
|
<div class="prevention-one__box-bottom">
|
|
{% for i in range(4) %}
|
|
<div class="prevention-one__single">
|
|
<div class="prevention-one__icon">
|
|
<div class="prevention-one__icon-inner">
|
|
<img src="{{ url_for('static', filename='images/shapes/should-do-' ~(i+1)~ '.png')}}">
|
|
</div>
|
|
</div>
|
|
<div class="prevention-one__content">
|
|
<h3>{{ should_do[i] }}</h3>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="prevention-one__box">
|
|
<div class="prevention-one__box-top">
|
|
<h3>你不该做的事</h3>
|
|
</div>
|
|
<div class="prevention-one__box-bottom">
|
|
{% for i in range(4) %}
|
|
<div class="prevention-one__single">
|
|
<div class="prevention-one__icon">
|
|
<div class="prevention-one__icon-inner">
|
|
<img src="{{ url_for('static', filename='images/shapes/should-no-' ~(i+1)~ '.png')}}" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="prevention-one__content">
|
|
<h3>{{ should_no[i] }}</h3>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div><!-- /.row -->
|
|
</div><!-- /.container -->
|
|
<div class="container" style="counter-reset: Methods;">
|
|
<div class="block-title text-left">
|
|
<h3>康复指南</h3>
|
|
</div><!-- /.block-title text-center -->
|
|
<div class="row">
|
|
{% for i in range(4) %}
|
|
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="000ms">
|
|
<a href="#" onclick="return false;">
|
|
<div class="show_img__single">
|
|
<h3>{{howtodo[i]}}</h3>
|
|
</div><!-- /.show_img__single -->
|
|
</a>
|
|
</div><!-- /.col-lg-3 col-md-6 wow fadeInUp -->
|
|
{%endfor%}
|
|
</div><!-- /.row -->
|
|
<div class="row">
|
|
{% for i in range(4) %}
|
|
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="000ms">
|
|
<a href="#" onclick="return false;">
|
|
<div class="show_img__single">
|
|
<h3>{{howtodo[i+4]}}</h3>
|
|
</div><!-- /.show_img__single -->
|
|
</a>
|
|
</div><!-- /.col-lg-3 col-md-6 wow fadeInUp -->
|
|
|
|
{%endfor%}
|
|
</div><!-- /.row -->
|
|
</div><!-- /.container -->
|
|
<section class="testimonials-one" id="testimonials">
|
|
<div class="container" style="counter-reset: Methods;">
|
|
<div class="block-title text-left">
|
|
<h3>患者反馈</h3>
|
|
</div><!-- /.block-title text-center -->
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="testimonials-one__image-block">
|
|
<div class="owl-carousel owl-theme" id="sync2">
|
|
{%for feedback in feedbacks%}
|
|
{%set man=User.query.get(feedback.user_id)%}
|
|
<div class="item clearfix">
|
|
<div class="testimonials-one__image">
|
|
<img src="{{ url_for('static', filename='images/feedbacks/' ~man.name~ '.jpg')}}" class="testimonials-one__thumb" />
|
|
<div class="testimonials-one__qoute">
|
|
<img src="{{ url_for('static', filename='images/feedbacks/qoute.jpg')}}" />
|
|
</div><!-- /.testimonials-one__qoute -->
|
|
</div><!-- /.testimonials-one__image -->
|
|
</div><!-- /.item -->
|
|
{%endfor%}
|
|
</div><!-- /.owl-carousel owl-theme -->
|
|
<div class="testimonials-one__button-block">
|
|
<button class="testimonials-one__button__prev-btn"></button>
|
|
<button class="testimonials-one__button__current-btn"></button>
|
|
<button class="testimonials-one__button__next-btn"></button>
|
|
</div>
|
|
</div><!-- /.testimonials-one__image-block -->
|
|
</div><!-- /.col-lg-6 -->
|
|
<div class="col-lg-6">
|
|
<div class="testimonials-one__content">
|
|
<div class="block-title text-left" style="margin-top: 50px;">
|
|
<h4 style="font-weight: bold;">感染过新冠的人 <br> 如何谈论新冠</h4>
|
|
</div><!-- /.block-title -->
|
|
<div class="owl-carousel owl-theme" id="sync1">
|
|
{%for feedback in feedbacks%}
|
|
{%set man=User.query.get(feedback.user_id)%}
|
|
<div class="item">
|
|
<div class="testimonials-one__single" data-thumb-img="{{ url_for('static',
|
|
filename='images/feedbacks/' ~man.name~ '.jpg')}}">
|
|
<p class="testimonials-one__text">{{feedback.feedback}}
|
|
</p><!-- /.testimonials-one__text -->
|
|
<div class="testimonials-one__bottom">
|
|
<h4 style="font-weight:700;">{{man.name}}</h4>
|
|
<!-- /.testimonials-one__title -->
|
|
</div><!-- /.testimonials-one__bottom -->
|
|
</div><!-- /.testimonials-one__single -->
|
|
</div><!-- /.item -->
|
|
{%endfor%}
|
|
</div><!-- /.owl-carousel owl-theme -->
|
|
</div><!-- /.testimonials-one__content -->
|
|
</div><!-- /.col-lg-6 -->
|
|
</div><!-- /.row -->
|
|
</div>
|
|
</section>
|
|
</section><!-- /.prevention-one -->
|
|
<section class="cta-one">
|
|
<div class="container">
|
|
<div class="cta-one__left">
|
|
<h3>获取更加深入的医疗服务</h3>
|
|
</div><!-- /.cta-one__left -->
|
|
<div class="cta-one__right">
|
|
<a href="#" class="thm-btn cta-one__btn">检测新冠</a><!-- /.thm-btn cta-one__btn -->
|
|
</div><!-- /.cta-one__right -->
|
|
</div><!-- /.container -->
|
|
</section><!-- /.cta-one -->
|
|
{% endblock %} |