@@ -34,7 +34,7 @@ <h1 class="fw-bolder fs-5 mb-4">Noticias destacadas</h1>
34
34
< div class ="container px-5 ">
35
35
< h2 class ="fw-bolder fs-5 mb-4 "> Noticias que te pueden interesar.</ h2 >
36
36
< div id ="moreImages " class ="row gx-5 ">
37
- {{ > newsTemplate}}
37
+ <!--newsTemplate></ newsTemplate-->
38
38
</ div >
39
39
< div class ="text-end mb-5 mb-xl-0 ">
40
40
< a class ="text-decoration-none " href ="#! ">
@@ -51,7 +51,7 @@ <h2 class="fw-bolder fs-5 mb-4">Noticias que te pueden interesar.</h2>
51
51
52
52
</ div >
53
53
</ section >
54
- <!--Sección -->
54
+ <!--Section -->
55
55
< section class ="py-5 bg-light ">
56
56
< div class ="container px-5 ">
57
57
< div class ="row gx-5 ">
@@ -89,69 +89,52 @@ <h3>Nuevas noticias sobre The Witcher 4</h3>
89
89
< div class ="py-5 ">
90
90
< div class ="col-lg-12 align-self-center ">
91
91
< div id ="gamesDisplay " class ="carousel slide " data-bs-ride ="carousel ">
92
- <!-- Indicators/dots -->
93
- < div class ="carousel-indicators ">
94
- < button type ="button " data-bs-target ="#gamesDisplay " data-bs-slide-to ="0 "
95
- class ="active "> </ button >
96
- < button type ="button " data-bs-target ="#gamesDisplay "
97
- data-bs-slide-to ="1 "> </ button >
98
- < button type ="button " data-bs-target ="#gamesDisplay "
99
- data-bs-slide-to ="2 "> </ button >
100
- </ div >
101
92
102
93
<!-- The slideshow/carousel -->
103
- < div class ="carousel-inner ">
104
- < div class ="carousel-item active ">
105
- < img src ="Photos/diabloIV.jpg " alt ="D4 " class ="d-block " style ="width:100% ">
106
- < div class ="carousel-caption ">
107
- < h3 > Diablo 4</ h3 >
108
- < p > Fecha de lanzamiento revelada</ p >
109
- </ div >
94
+
95
+ <!--news *ngIf="imagesCarousel">
96
+ <ng-template ngbSlide>
97
+ <div class="picsum-img-wrapper">
98
+ <img [src]="imagesCarousel[0]" alt="Random first slide">
99
+ </div>
100
+ <div class="carousel-caption">
101
+ <h3>Diablo 4</h3>
102
+ <p>Fecha de lanzamiento revelada</p>
103
+ </div>
104
+ </ng-template>
105
+ <ng-template ngbSlide>
106
+ <div class="picsum-img-wrapper">
107
+ <img [src]="imagesCarousel[1]" alt="Random second slide">
110
108
</div>
111
- < div class ="carousel-item ">
112
- < img src ="Photos/overwatch2.jpg " alt ="OVW2 " class ="d-block " style ="width:100% ">
113
- < div class ="carousel-caption ">
114
- < h3 > Overwatch 2</ h3 >
115
- < p > Se cancela definitivamente</ p >
116
- </ div >
109
+ <div class="carousel-caption">
110
+ <h3>Overwatch 2</h3>
111
+ <p>Se cancela definitivamente</p>
117
112
</div>
118
- < div class ="carousel-item ">
119
- < img src ="Photos/marioKart9.jpg "
120
- alt ="MK9 " class ="d-block " style ="width:100% ">
121
- < div class ="carousel-caption ">
122
- < h3 > Mario kart 9</ h3 >
123
- < p > Ya es una realidad, no te lo pierdas</ p >
124
- </ div >
113
+ </ng-template>
114
+ <ng-template ngbSlide>
115
+ <div class="picsum-img-wrapper">
116
+ <img [src]="imagesCarousel[2]" alt="Random third slide">
125
117
</div>
126
- </ div >
118
+ <div class="carousel-caption">
119
+ <h3>Mario kart 9</h3>
120
+ <p>Ya es una realidad, no te lo pierdas</p>
121
+ </div>
122
+ </ng-template>
123
+ </news-->
127
124
128
- <!-- Left and right controls/icons -->
129
- < button class ="carousel-control-prev " type ="button "
130
- data-bs-target ="#gamesDisplay " data-bs-slide ="prev ">
131
- < span class ="carousel-control-prev-icon "> </ span >
132
- </ button >
133
- < button class ="carousel-control-next " type ="button "
134
- data-bs-target ="#gamesDisplay " data-bs-slide ="next ">
135
- < span class ="carousel-control-next-icon "> </ span >
136
- </ button >
137
125
</ div >
138
126
</ div >
139
127
</ div >
140
128
</ div >
141
- <!--Fin de la prueba-->
142
129
</ div >
143
130
</ div >
144
- </ div >
145
- </ div >
146
131
</ section >
147
132
148
- </ main >
149
- <!-- Footer-->
150
- {{> footer}}
133
+ </ main > -
151
134
<!-- Bootstrap core JS-->
152
135
< script src ="
https://cdn.jsdelivr.net/npm/[email protected] /dist/js/bootstrap.bundle.min.js "
> </ script >
153
136
<!-- Core theme JS-->
154
137
< script src ="js/scripts.js "> </ script >
155
138
</ body >
156
139
157
- </ html >
140
+ </ html >
0 commit comments