1+ <!doctype html>  
2+ < html  lang ="en "> 
3+ 
4+ < head > 
5+   < meta  charset ="utf-8 "> 
6+   < meta  name ="viewport " content ="width=device-width, initial-scale=1, shrink-to-fit=no "> 
7+   < meta  name ="description " content =""> 
8+   < title > Starter Template · Bootstrap</ title > 
9+   < link  href ="assets/fontawesome/css/all.min.css " rel ="stylesheet "> 
10+   < link  href ="assets/bootstrap/css/bootstrap.min.css " rel ="stylesheet "> 
11+   < link  href ="assets/params/css/index.css " rel ="stylesheet "> 
12+   < link  href ="assets/params/css/home.css " rel ="stylesheet "> 
13+ 
14+ </ head > 
15+ 
16+ < body > 
17+ 
18+   < div  class ="app "> 
19+ 
20+     < header > 
21+       < nav  class ="navbar navbar-expand-md fixed-top navbar-dark  " style ="background-color: #212121; "> 
22+         < a  class ="navbar-brand " href ="# "> 
23+           < span  class ="mr-1 " style ="color:white "> angular-starter</ span > 
24+           < img  src ="./assets/params/images/logo/ganatan.png " width ="20 " height ="20 " alt =""> 
25+         </ a > 
26+         < button  class ="navbar-toggler " type ="button " data-toggle ="collapse " data-target ="#navbarsExampleDefault "
27+           aria-controls ="navbarsExampleDefault " aria-expanded ="false " aria-label ="Toggle navigation "> 
28+           < span  class ="navbar-toggler-icon "> </ span > 
29+         </ button > 
30+         < div  class ="collapse navbar-collapse " id ="navbarsExampleDefault "> 
31+           < ul  class ="navbar-nav ml-auto "> 
32+             < li  class ="nav-item active "> 
33+               < a  class ="nav-link " href ="# "> 
34+                 < i  class ="fas fa-home mr-1 "> </ i > home
35+               </ a > 
36+             </ li > 
37+             < li  class ="nav-item active "> 
38+               < a  class ="nav-link " href ="# "> 
39+                 < i  class ="far fa-question-circle mr-1 "> </ i > About
40+               </ a > 
41+             </ li > 
42+             < li  class ="nav-item active "> 
43+               < a  class ="nav-link " href ="# "> 
44+                 < i  class ="fas fa-envelope mr-1 "> </ i > Contact
45+               </ a > 
46+             </ li > 
47+             < li  class ="nav-item active "> 
48+               < a  class ="nav-link " href ="# "> 
49+                 < i  class ="fas fa-user mr-1 "> </ i > Sign in
50+               </ a > 
51+             </ li > 
52+             < li  class ="nav-item active "> 
53+               < a  class ="nav-link " href ="https://github.com/ganatan "> 
54+                 < i  class ="fab fa-github mr-1 "> </ i > Github
55+               </ a > 
56+             </ li > 
57+           </ ul > 
58+         </ div > 
59+       </ nav > 
60+     </ header > 
61+ 
62+ 
63+ 
64+     < main > 
65+       < div  class ="container-fluid "> 
66+ 
67+ 
68+         < nav  aria-label ="Page navigation example "> 
69+           < ul  class ="pagination justify-content-center "> 
70+             < li  class ="page-item disabled "> 
71+               < a  class ="page-link " href ="# " tabindex ="-1 " aria-disabled ="true "> First</ a > 
72+             </ li > 
73+             < li  class ="page-item disabled "> 
74+               < a  class ="page-link " href ="# " tabindex ="-1 " aria-disabled ="true "> Previous</ a > 
75+             </ li > 
76+             < li  class ="page-item "> < a  class ="page-link " href ="# "> 1</ a > </ li > 
77+             < li  class ="page-item "> < a  class ="page-link " href ="# "> 2</ a > </ li > 
78+             < li  class ="page-item "> < a  class ="page-link " href ="# "> 3</ a > </ li > 
79+             < li  class ="page-item active " aria-current ="page "> 
80+               < a  class ="page-link " href ="# "> 4 < span  class ="sr-only "> (current)</ span > </ a > 
81+             </ li > 
82+             < li  class ="page-item "> < a  class ="page-link " href ="# "> 5</ a > </ li > 
83+             < li  class ="page-item "> < a  class ="page-link " href ="# "> 6</ a > </ li > 
84+             < li  class ="page-item "> < a  class ="page-link " href ="# "> 7</ a > </ li > 
85+             < li  class ="page-item "> 
86+               < a  class ="page-link " href ="# "> Next</ a > 
87+             </ li > 
88+             < li  class ="page-item "> 
89+               < a  class ="page-link " href ="# "> Last</ a > 
90+             </ li > 
91+           </ ul > 
92+         </ nav > 
93+         < table  class ="table table-sm table-bordered "> 
94+           < thead > 
95+             < tr > 
96+               < th > Id</ th > 
97+               < th > Name</ th > 
98+               < th > Date</ th > 
99+             </ tr > 
100+           </ thead > 
101+           < tbody > 
102+             < tr > 
103+               < th > 1</ th > 
104+               < td > Alien</ td > 
105+               < td > 1979</ td > 
106+             </ tr > 
107+             < tr > 
108+               < th > 2</ th > 
109+               < td > Blade Runner</ td > 
110+               < td > 1982</ td > 
111+             </ tr > 
112+             < tr > 
113+               < th > 3</ th > 
114+               < td  > Gladiator</ td > 
115+               < td > 2000</ td > 
116+             </ tr > 
117+             < tr > 
118+               < th > 4</ th > 
119+               < td > Black Hawk Down</ td > 
120+               < td > 2002</ td > 
121+             </ tr > 
122+             < tr > 
123+               < th > 5</ th > 
124+               < td > Kingdom of Heaven</ td > 
125+               < td > 2005</ td > 
126+             </ tr > 
127+             < tr > 
128+               < th > 6</ th > 
129+               < td > Prometheus</ td > 
130+               < td > 2012</ td > 
131+             </ tr > 
132+             < tr > 
133+               < th > 7</ th > 
134+               < td > Exodus: Gods and Kings</ td > 
135+               < td > 2014</ td > 
136+             </ tr > 
137+             < tr > 
138+               < th > 8</ th > 
139+               < td > The Martian</ td > 
140+               < td > 2015</ td > 
141+             </ tr > 
142+           </ tbody > 
143+         </ table > 
144+         < nav  aria-label ="Page navigation example "> 
145+           < ul  class ="pagination justify-content-center "> 
146+             < li  class ="page-item disabled "> 
147+               < a  class ="page-link " href ="# " tabindex ="-1 " aria-disabled ="true "> First</ a > 
148+             </ li > 
149+             < li  class ="page-item disabled "> 
150+               < a  class ="page-link " href ="# " tabindex ="-1 " aria-disabled ="true "> Previous</ a > 
151+             </ li > 
152+             < li  class ="page-item "> < a  class ="page-link " href ="# "> 1</ a > </ li > 
153+             < li  class ="page-item "> < a  class ="page-link " href ="# "> 2</ a > </ li > 
154+             < li  class ="page-item "> < a  class ="page-link " href ="# "> 3</ a > </ li > 
155+             < li  class ="page-item active " aria-current ="page "> 
156+               < a  class ="page-link " href ="# "> 4 < span  class ="sr-only "> (current)</ span > </ a > 
157+             </ li > 
158+             < li  class ="page-item "> < a  class ="page-link " href ="# "> 5</ a > </ li > 
159+             < li  class ="page-item "> < a  class ="page-link " href ="# "> 6</ a > </ li > 
160+             < li  class ="page-item "> < a  class ="page-link " href ="# "> 7</ a > </ li > 
161+             < li  class ="page-item "> 
162+               < a  class ="page-link " href ="# "> Next</ a > 
163+             </ li > 
164+             < li  class ="page-item "> 
165+               < a  class ="page-link " href ="# "> Last</ a > 
166+             </ li > 
167+           </ ul > 
168+         </ nav > 
169+         
170+ 
171+       </ div > 
172+     </ main > 
173+ 
174+     < div  class ="footer "> 
175+       < div  class ="container "> 
176+         < div  class ="row "> 
177+           < div  class ="col-12 "> 
178+             < p  class ="text-center text-white "> © 2020 - www.ganatan.com</ p > 
179+           </ div > 
180+         </ div > 
181+       </ div > 
182+     </ div > 
183+ 
184+   </ div > 
185+ 
186+   < script  src ="assets/jquery/js/jquery-3.4.1.min.js "> </ script > 
187+   < script  src ="assets/bootstrap/js/bootstrap.min.js "> </ script > 
188+   < script  src ="assets/params/js/index.js "> </ script > 
189+ 
190+ </ body > 
191+ 
192+ </ html > 
0 commit comments