-
Notifications
You must be signed in to change notification settings - Fork 0
/
hobbyResult2.jsp
49 lines (44 loc) · 1.66 KB
/
hobbyResult2.jsp
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %><%--
Created by IntelliJ IDEA.
User: zhongpu
Date: 4/22/21
Time: 10:55 AM
To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
</head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<link href="asset/css/footer.css" rel="stylesheet">
<title>Hobby Results</title>
<body>
<h2>The friends who share your hobby of ${hobby} are:</h2>
<div class="container">
<div class="row">
<c:forEach var="name" items="${names}"><div class="col-sm-3">
<div class="card">
<img src="asset/image/${name}.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">Name: ${name}
</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</div>
</c:forEach>
</div>
</div>
<jsp:include page="footer.jsp"/>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
crossorigin="anonymous"></script>
</body>
</html>