{% extends 'checkIn/layout.html' %}
{% load staticfiles %}

{% block script %}
<script>
$("#myCarousel").carousel('cycle');
$(document).ready(function(){ 
    $('#myCarousel').carousel({interval:2000}); 
}); 
</script>
{% endblock %}
{% block body %}
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div id="myCarousel" class="carousel slide">
	            <!-- 轮播（Carousel）指标 -->
	            <ol class="carousel-indicators">
		            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		            <li data-target="#myCarousel" data-slide-to="1"></li>
		            <li data-target="#myCarousel" data-slide-to="2"></li>
	            </ol>   
	            <!-- 轮播（Carousel）项目 -->
	            <div class="carousel-inner">
		            <div class="item active">
			            <img src="{% static '/image/slide1.png'%}" alt="签到，报名一个二维码全搞定">
		            </div>
		            <div class="item">
			            <img src="{% static '/image/slide2.png'%}" alt="预设内容，时间，人数，验证码">
		            </div>
		            <div class="item">
			            <img src="{% static '/image/slide3.png'%}" alt="使用流程">
		            </div>
	            </div>
	            <!-- 轮播（Carousel）导航 -->
	            <a class="carousel-control left" href="#myCarousel" data-slide="prev" style="vertical-align:central">&lsaquo;</a>
	            <a class="carousel-control right" href="#myCarousel" data-slide="next" style="vertical-align:middle">&rsaquo;</a>
            </div> 
            <h4><u>-我来签到啦-</u>是一个在线的二维码签到，报名，打卡，问卷小网站。</h4>
            <h5>应用场景</h5>
            <p>会议现场签到，活动报名，打卡，还有很多用途你可以自己创造。</p>
            <h5>特色功能</h5>
            <p>预设信息：组织者可以预设签到者的信息。譬如：邮箱，姓名，工号等。这样就可以限制非相关人士参与活动。<br>
                检测重复：可以检测输入内容是否重复。用来保证签到只来一次。<br>
                最大人数：人满即止。<br>
                时间窗口：可以设置开始和结束时间。<br>
                组织者确认：签到领礼品，总要给组织者看一眼吧。<br>
                验证码：一个简单的验证码，确认一下哦。<br>
            </p>
            <h5>签到内容格式</h5>
                <p>文本，数字，邮件，日期，选项。</p>
                <p>如果你有更多的想法，请通过下方的反馈联系我们。</p>
        </div>
    </div>
 
</div>


{% endblock %}