-
Notifications
You must be signed in to change notification settings - Fork 1
/
UserStory_9.html
54 lines (54 loc) · 2.42 KB
/
UserStory_9.html
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
50
51
52
53
54
<!DOCTYPE html>
<html lang="it" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<title>UserStory</title>
</head>
<body>
<div class="p-3 mb-2 bg-secondary text-white text-center">
<div class="">
<button type="button" class="btn btn-dark float-left"><a href="./UserStory_8.html" class="text-decoration-none text-reset" >Precedente</a></button>
<button type="button" class="btn btn-dark float-right"><a href="./UserStory_10.html" class="text-decoration-none text-reset" >Successiva</a></button>
</div>
<br><br>
<h2 class="display-1 text-left">Story ID: 9</h2>
<h2 class="display-1 text-left">Title: Ricerca prodotti</h2>
</div>
<br><br><br>
<div style="padding-left: 8rem">
<div class="row row-cols-1 row-cols-md-4">
<div class="col mb-4">
<div class="card text-white bg-secondary mb-3" style="max-width: 18rem;">
<div class="card-header">As a: </div>
<div class="card-body">
<p class="card-text">Utente</p>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card text-white bg-secondary mb-3" style="max-width: 18rem;">
<div class="card-header">I want: </div>
<div class="card-body">
<p class="card-text">Ricercare i prodotti per categorie</p>
</div>
</div>
</div><div class="col mb-4">
<div class="card text-white bg-secondary mb-3" style="max-width: 18rem;">
<div class="card-header">So that: </div>
<div class="card-body">
<p class="card-text">poterlo aggiungere / rimuovere / modificare la quantita nel carrello</p>
</div>
</div>
</div><div class="col mb-4">
<div class="card text-white bg-secondary mb-3" style="max-width: 18rem;">
<div class="card-header">And i know i have done: </div>
<div class="card-body">
<p class="card-text">la ricerca mostra i prodotti presenti per quella categoria</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>