1 | <header>
|
---|
2 | <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
|
---|
3 | <div class="container">
|
---|
4 | <a class="navbar-brand" [routerLink]="['/']"><img src="../../assets/logo.png"></a>
|
---|
5 | <button class="navbar-toggler"
|
---|
6 | type="button"
|
---|
7 | data-toggle="collapse"
|
---|
8 | data-target=".navbar-collapse"
|
---|
9 | aria-label="Toggle navigation">
|
---|
10 | <span class="navbar-toggler-icon"></span>
|
---|
11 | </button>
|
---|
12 | <div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
|
---|
13 | <ul class="navbar-nav flex-grow">
|
---|
14 | <li>Logged as ...</li>
|
---|
15 | </ul>
|
---|
16 | </div>
|
---|
17 | </div>
|
---|
18 | </nav>
|
---|
19 | </header>
|
---|
20 | <main>
|
---|
21 | <div class="wrapper">
|
---|
22 | <div>
|
---|
23 | <h2>Мои аптеки</h2>
|
---|
24 | <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="true">
|
---|
25 | <thead>
|
---|
26 | <tr>
|
---|
27 | <th>Placeholder1</th>
|
---|
28 | <th>Placeholder2</th>
|
---|
29 | <th>Placeholder3</th>
|
---|
30 | <th>Placeholder4</th>
|
---|
31 | </tr>
|
---|
32 | </thead>
|
---|
33 | <tbody>
|
---|
34 | <tr *ngFor="">
|
---|
35 | <td>data1</td>
|
---|
36 | <td>data2</td>
|
---|
37 | <td>data3</td>
|
---|
38 | <td>data4</td>
|
---|
39 | </tr>
|
---|
40 | </tbody>
|
---|
41 | </table>
|
---|
42 | <nav aria-label="Page navigation example">
|
---|
43 | <ul class="pagination">
|
---|
44 | <li class="page-item">
|
---|
45 | <a class="page-link" href="#" aria-label="Previous">
|
---|
46 | <span aria-hidden="true">«</span>
|
---|
47 | <span class="sr-only">Previous</span>
|
---|
48 | </a>
|
---|
49 | </li>
|
---|
50 | <li class="page-item"><a class="page-link" href="#">1</a></li>
|
---|
51 | <li class="page-item"><a class="page-link" href="#">2</a></li>
|
---|
52 | <li class="page-item"><a class="page-link" href="#">3</a></li>
|
---|
53 | <li class="page-item">
|
---|
54 | <a class="page-link" href="#" aria-label="Next">
|
---|
55 | <span aria-hidden="true">»</span>
|
---|
56 | <span class="sr-only">Next</span>
|
---|
57 | </a>
|
---|
58 | </li>
|
---|
59 | </ul>
|
---|
60 | </nav>
|
---|
61 | </div>
|
---|
62 | <div>
|
---|
63 | <h2>Сите аптеки</h2>
|
---|
64 | <input type="text" class="form-control" name="apteka" placeholder="Пронајди аптека">
|
---|
65 | <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="true">
|
---|
66 | <thead>
|
---|
67 | <tr>
|
---|
68 | <th>Placeholder1</th>
|
---|
69 | <th>Placeholder2</th>
|
---|
70 | <th>Placeholder3</th>
|
---|
71 | <th>Placeholder4</th>
|
---|
72 | </tr>
|
---|
73 | </thead>
|
---|
74 | <tbody>
|
---|
75 | <tr *ngFor="">
|
---|
76 | <td>data1</td>
|
---|
77 | <td>data2</td>
|
---|
78 | <td>data3</td>
|
---|
79 | <td>data4</td>
|
---|
80 | </tr>
|
---|
81 | </tbody>
|
---|
82 | </table>
|
---|
83 | <nav aria-label="Page navigation example">
|
---|
84 | <ul class="pagination">
|
---|
85 | <li class="page-item">
|
---|
86 | <a class="page-link" href="#" aria-label="Previous">
|
---|
87 | <span aria-hidden="true">«</span>
|
---|
88 | <span class="sr-only">Previous</span>
|
---|
89 | </a>
|
---|
90 | </li>
|
---|
91 | <li class="page-item"><a class="page-link" href="#">1</a></li>
|
---|
92 | <li class="page-item"><a class="page-link" href="#">2</a></li>
|
---|
93 | <li class="page-item"><a class="page-link" href="#">3</a></li>
|
---|
94 | <li class="page-item">
|
---|
95 | <a class="page-link" href="#" aria-label="Next">
|
---|
96 | <span aria-hidden="true">»</span>
|
---|
97 | <span class="sr-only">Next</span>
|
---|
98 | </a>
|
---|
99 | </li>
|
---|
100 | </ul>
|
---|
101 | </nav>
|
---|
102 | </div>
|
---|
103 | </div>
|
---|
104 |
|
---|
105 | <div>
|
---|
106 | <h2>Достапни лекови</h2>
|
---|
107 | <input type="text" class="form-control" name="apteka" placeholder="Пронајди лек">
|
---|
108 | <table class='table table-striped table-bordered table-sm' cellspacing="0" width="100%" aria-labelledby="tableLabel" *ngIf="true">
|
---|
109 | <thead>
|
---|
110 | <tr>
|
---|
111 | <th>Placeholder1</th>
|
---|
112 | <th>Placeholder2</th>
|
---|
113 | <th>Placeholder3</th>
|
---|
114 | <th>Placeholder4</th>
|
---|
115 | </tr>
|
---|
116 | </thead>
|
---|
117 | <tbody>
|
---|
118 | <tr *ngFor="">
|
---|
119 | <td>data1</td>
|
---|
120 | <td>data2</td>
|
---|
121 | <td>data3</td>
|
---|
122 | <td>data4</td>
|
---|
123 | </tr>
|
---|
124 | </tbody>
|
---|
125 | </table>
|
---|
126 | <nav aria-label="Page navigation example">
|
---|
127 | <ul class="pagination">
|
---|
128 | <li class="page-item">
|
---|
129 | <a class="page-link" href="#" aria-label="Previous">
|
---|
130 | <span aria-hidden="true">«</span>
|
---|
131 | <span class="sr-only">Previous</span>
|
---|
132 | </a>
|
---|
133 | </li>
|
---|
134 | <li class="page-item"><a class="page-link" href="#">1</a></li>
|
---|
135 | <li class="page-item"><a class="page-link" href="#">2</a></li>
|
---|
136 | <li class="page-item"><a class="page-link" href="#">3</a></li>
|
---|
137 | <li class="page-item">
|
---|
138 | <a class="page-link" href="#" aria-label="Next">
|
---|
139 | <span aria-hidden="true">»</span>
|
---|
140 | <span class="sr-only">Next</span>
|
---|
141 | </a>
|
---|
142 | </li>
|
---|
143 | </ul>
|
---|
144 | </nav>
|
---|
145 | </div>
|
---|
146 | </main> |
---|