

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../static/images/logo.jpg">
    <title>开启探索</title>


    <!--Bootstrap Stylesheet [ REQUIRED ]-->
    <link href="../static/css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
	#container{
		background: url("../static/images/bk2.jpg");
		 background-position: 100% 100%;
    background-size: 100% auto;
	}
	#a{

		font-size: 18px;
    width: 230px;
    display: block;
    margin: 0 auto;
    /*text-decoration: none;*/
    padding: 12px 50px;
    border-radius: 5px;
    border: 1px solid #f2f2f2;
	background-color: transparent;
    text-align: center;
    color: #f2f2f2;
	cursor: pointer;
    
    

	}
	#a:hover {
    background-color:#249e92;
    cursor: pointer;
   
    
}
p{font-size: 40px;
    font-weight: lighter;
    
    margin-bottom: 90px;}
</style>

    <!--Nifty Stylesheet [ REQUIRED ]-->
    <link href="../static/css/nifty.min.css" rel="stylesheet">


        
    <!--Demo [ DEMONSTRATION ]-->
    <link href="../static/css/nifty-demo.min.css" rel="stylesheet">

</head>
<body>
	<div id="container" class="cls-container">
		
		<!-- BACKGROUND IMAGE -->
		<!--===================================================-->
		
		
		<!-- LOGIN FORM -->
		<!--===================================================-->
		<div class="cls-content" style="margin-top:150px ">
			<div class="mar-ver pad-btm" >
			
				<p class="text-muted"style="color:white " >基于知识图谱的《红楼梦》人物关系可视化及问答系统</p>
				<a id="a" href="{{ url_for('search')}}">开启探索</a>
			</div>
		    
		</div>
	</div>
	
		</body>
</html>