anchor.diff:  	</SCRIPT>
   </head>
   
  -<body  align="center">
  -	
  -	 <ul>
  -    	<li> <a href="main.jsp">hi,<%
  +<body>
  +	<section class="blur-container blur-5 justify-content-center align-items-center" style="height:130px">
  +  <div class="blur-box">
  +    <div class="container-fluid d-flex justify-content-around align-items-center">
  +    	
  +    	   		
  +      <a style="position:absolute; left:80px" href="main.jsp" rel="nofollow" rel="noreferrer"class="btn"><span>Hi,<%
   	sql= "SELECT * FROM `working`.`user` where email='"+email+"' LIMIT 15";
   	System.out.println(sql);
   	//取得结果
   	ResultSet rs = stmt.executeQuery(sql);
   	if (rs.next()){
   		out.println(rs.getString("UserName"));
  -	}%></a>
  -	    </li>
  -    	<li> <a href="myFriends.jsp">Following</a></li>
  -    	<li> <a href="personalInfo.jsp">Profile</a></li> 
  -    	<form action="search.jsp" method="post">
  -    		<li>
  -    		 <a><input type="text" name="searchName" maxlength="20" style="width:120"/></a>   
  -    	</li>
  -    	<li> 	
  -    	   <a><input type="submit" value="Find friends"/></a>
  -    	</li>
  -    	<li><a href="logout.jsp">Sign out</a></li>
  -    	</form> 
  -    </ul> 
  +	}%></</span></a>
  +      <a style="position:absolute; left:600px" href="myFriends.jsp" rel="nofollow" rel="noreferrer"class="btn"><span>
  +      	Following
  +      </span></a>
  +      <a style="position:absolute; left:800px" href="personalInfo.jsp" rel="nofollow" rel="noreferrer"class="btn"><span>Profile</span></a>
  +      <a style="position:absolute; left:1000px" value="Sign out" onclick="location.href='logout.jsp'" rel="nofollow" rel="noreferrer"class="btn"><span>Sign out</span></a>     
  +       
  +   			      
  +    </div>
       
  +  </div>
  +  
  +</section>
  +<div style="position:absolute;left:1000px;top:100px">
  +		<form action="search.jsp" method="post">
  +    	<input type="text" name="searchName" maxlength="20" style="width:120"/> 
  +      <input type="submit" value="Find friends"/>    	
  +    </form> 
  +	</div>
  +	<div style="height:5">
  +		
  +	</div>	
   	
  -	<hr  style="width:700" />
  +	
   	<%
   	if (searchName!=null){
   
  
positive.code: 	<title>Find friends</title>
  	<meta http-equiv="content-Type" content="text/html;charset=UTF-8">
  	<style>
  			body 
    {
    	
    	width:1200;
    background-image:url(background.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed
    }
    ul
  		{
      list-style-type:none;
      margin:0;
      padding:0;
      overflow:hidden;
      position:relative;
      left:100px;
      }
  
      li
      {
       float:left;
      }
      a{
      	display:block;
      	min-width:160px;
      	font-weight:bold;
      	color:#FFFFFF;
      	background-color:rgb(150,170,180);
      	text-algn:center;
      	padding:4px;
      	text-decoration:none;
      	text-transfrom:uppercase;
      	}
      
     a:hover,a:active
    {
      background-color:#cc0000;
    }
    
    div{
  		background-color: #ffffff;
  		width: 1000px;
      min-height: 100px;
      margin:30px;
      
      position:relative;
      top:15%;
      left:5%;   
      opacity:0.75;
  
  	}
  	</style>
  
  	<SCRIPT type="text/javascript">
  		function addFriend(email){
  			if (email!=""){
  
negative.code: 		rs = stmt.executeQuery(sql);
  		while (rs.next()){
  		%>
  		<section style="height:200px" class="blur-container blur-8 justify-content-center align-items-center">
    <div style="position: reletive center" class="blur-box">
      
  		<a style="display:block;width:160px ;color:#FFFFFF;background-color:rgb(150,170,180);text-algn:center;text-decoration:none;padding:4px;;font-weight:bold;" href="view.jsp?email=<%out.print(rs.getString("email"));%>">
  			<%out.print(rs.getString("username"));%></a></br>&nbsp &nbsp &nbsp Gender: <%out.print(rs.getString("sex"));%></br></br>&nbsp&nbsp&nbsp&nbsp&nbsp;Date of birth: <%out.print(rs.getString("year"));%>/<%out.print(rs.getString("month"));%>/<%out.print(rs.getString("day"));%>
  
  		<span id="<%out.print(rs.getString("email"));%>"><input type="button" value="Follow" onclick="addFriend('<%out.print(rs.getString("email"));%>')" /></span>
  
  		
  		</div>
  	</section>
  		<%
  		}
  	}
  