Skip to content

Commit f9b9057

Browse files
pablocjmpablocjm
committed
Añadidas imagenes y cambios en css itemList.html
1 parent ef9d75d commit f9b9057

File tree

10 files changed

+45
-38
lines changed

10 files changed

+45
-38
lines changed

‎Youdemy/web/img/curso1.jpg‎

7.45 KB
Loading

‎Youdemy/web/img/curso2.jpg‎

11.7 KB
Loading

‎Youdemy/web/img/curso3.jpg‎

16.4 KB
Loading

‎Youdemy/web/img/curso4.jpg‎

11.5 KB
Loading

‎Youdemy/web/img/curso5.jpg‎

9.93 KB
Loading

‎Youdemy/web/img/curso6.jpg‎

12 KB
Loading

‎Youdemy/web/img/curso7.jpg‎

5.47 KB
Loading

‎Youdemy/web/img/curso8.jpg‎

14.2 KB
Loading

‎Youdemy/web/img/curso9.jpg‎

7.46 KB
Loading

‎Youdemy/web/itemList.html‎

Lines changed: 45 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -73,13 +73,13 @@
7373
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
7474
<div class="col">
7575
<div class="card shadow-sm">
76-
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
77-
76+
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="img/curso1.jpg">
7877
<div class="card-body">
79-
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
78+
<p class="card-text"><h5>Ultimate AWS Certified Developer Associate 2022 - NEW!</h5>
79+
<span class="spanmin">Full Practice Exam | Learn Cloud Computing | Pass the AWS Certified Solutions Architect Associate Certification SAA-C02!</span></p>
8080
<div class="d-flex justify-content-between align-items-center">
8181
<div class="btn-group">
82-
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">Ver</a></button>
82+
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">View</a></button>
8383
</div>
8484
<small class="text-muted">9 mins</small>
8585
</div>
@@ -88,122 +88,129 @@
8888
</div>
8989
<div class="col">
9090
<div class="card shadow-sm">
91-
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
91+
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="img/curso2.jpg">
9292

9393
<div class="card-body">
94-
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
94+
<p class="card-text"> <h5>100 Days of Code: The Complete Python Pro Bootcamp for 2022</h5>
95+
<span class="spanmin">Master Python by building 100 projects in 100 days. Learn data science, automation, build websites, games and apps!</span></p>
9596
<div class="d-flex justify-content-between align-items-center">
9697
<div class="btn-group">
97-
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">Ver</a></button>
98+
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">View</a></button>
9899
</div>
99-
<small class="text-muted">9 mins</small>
100+
<small class="text-muted">6 mins</small>
100101
</div>
101102
</div>
102103
</div>
103104
</div>
104105
<div class="col">
105106
<div class="card shadow-sm">
106-
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
107+
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="img/curso3.jpg">
107108

108109
<div class="card-body">
109-
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
110+
<p class="card-text"><h5>2022 Complete Python Bootcamp From Zero to Hero in Python</h5>
111+
<span class="spanmin">Learn Python like a Professional Start from the basics and go all the way to creating your own applications and games</span></p>
110112
<div class="d-flex justify-content-between align-items-center">
111113
<div class="btn-group">
112-
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">Ver</a></button>
114+
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">View</a></button>
113115
</div>
114-
<small class="text-muted">9 mins</small>
116+
<small class="text-muted">19 mins</small>
115117
</div>
116118
</div>
117119
</div>
118120
</div>
119121

120122
<div class="col">
121123
<div class="card shadow-sm">
122-
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
124+
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="img/curso4.jpg">
123125

124126
<div class="card-body">
125-
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
127+
<p class="card-text"><h5>Adobe Premiere Pro CC Masterclass: Video Editing in Premiere</h5>
128+
<span class="spanmin">Learn Beginner-Advanced Adobe Premiere Pro Video Editing, Audio Editing, Color Grading, Motion Graphics, Green Screen+</span></p>
126129
<div class="d-flex justify-content-between align-items-center">
127130
<div class="btn-group">
128-
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">Ver</a></button>
131+
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">View</a></button>
129132
</div>
130-
<small class="text-muted">9 mins</small>
133+
<small class="text-muted">8 mins</small>
131134
</div>
132135
</div>
133136
</div>
134137
</div>
135138
<div class="col">
136139
<div class="card shadow-sm">
137-
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
140+
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="img/curso5.jpg">
138141

139142
<div class="card-body">
140-
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
143+
<p class="card-text"><h5>Beginner Nikon Digital SLR (DSLR) Photography</h5>
144+
<span class="spanmin">Learn how to use your camera intuitively. Learn through doing rather than memorizing.</span></p>
141145
<div class="d-flex justify-content-between align-items-center">
142146
<div class="btn-group">
143-
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">Ver</a></button>
147+
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">View</a></button>
144148
</div>
145-
<small class="text-muted">9 mins</small>
149+
<small class="text-muted">21 mins</small>
146150
</div>
147151
</div>
148152
</div>
149153
</div>
150154
<div class="col">
151155
<div class="card shadow-sm">
152-
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
156+
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="img/curso6.jpg">
153157

154158
<div class="card-body">
155-
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
159+
<p class="card-text"><h5>SQL Masterclass: SQL for Data Analytics</h5>
160+
<span class="spanmin">SQL course covering basic to advanced SQL topics for SQL Database ( PostgreSQL ). Elucidates SQL Database for beginners</span></p>
156161
<div class="d-flex justify-content-between align-items-center">
157162
<div class="btn-group">
158-
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">Ver</a></button>
163+
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">View</a></button>
159164
</div>
160-
<small class="text-muted">9 mins</small>
165+
<small class="text-muted">16 mins</small>
161166
</div>
162167
</div>
163168
</div>
164169
</div>
165170

166171
<div class="col">
167172
<div class="card shadow-sm">
168-
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
173+
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="img/curso7.jpg">
169174

170175
<div class="card-body">
171-
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
176+
<p class="card-text"><h5>SQL Server Migration and Upgrade Process</h5>
177+
<span class="spanmin">Migrating databases and upgrading SQL Server versions</span></p>
172178
<div class="d-flex justify-content-between align-items-center">
173179
<div class="btn-group">
174-
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">Ver</a></button>
180+
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">View</a></button>
175181
</div>
176-
<small class="text-muted">9 mins</small>
182+
<small class="text-muted">2 mins</small>
177183
</div>
178184
</div>
179185
</div>
180186
</div>
181187
<div class="col">
182188
<div class="card shadow-sm">
183-
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
184-
189+
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="img/curso8.jpg">
185190
<div class="card-body">
186-
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
191+
<p class="card-text"><h5>Learn Thai Yoga Massage </h5>
192+
<span class="spanmin">Learn everything you need to know to give Thai Yoga massage even if you've never given a massage before.</span></p>
187193
<div class="d-flex justify-content-between align-items-center">
188194
<div class="btn-group">
189-
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">Ver</a></button>
195+
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">View</a></button>
190196
</div>
191-
<small class="text-muted">9 mins</small>
197+
<small class="text-muted">5 mins</small>
192198
</div>
193199
</div>
194200
</div>
195201
</div>
196202
<div class="col">
197203
<div class="card shadow-sm">
198-
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
204+
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="img/curso9.jpg">
199205

200206
<div class="card-body">
201-
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
207+
<p class="card-text"><h5>How To Remember Everything With Tom Weber</h5>
208+
<span class="spanmin">Learn how to remember names, dates, presentations, speeches and anything else that holds importance in your life!</span></p>
202209
<div class="d-flex justify-content-between align-items-center">
203210
<div class="btn-group">
204-
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">Ver</a></button>
211+
<button type="button" class="btn btn-sm btn-outline-secondary"><a class="nav-link" href="product.html">View</a></button>
205212
</div>
206-
<small class="text-muted">9 mins</small>
213+
<small class="text-muted">14 mins</small>
207214
</div>
208215
</div>
209216
</div>
@@ -215,7 +222,7 @@
215222

216223
<!-- FOOTER -->
217224
<footer class="container">
218-
<p class="float-end"><a href="#">Subir</a></p>
225+
<p class="float-end"><a href="#">Top</a></p>
219226
<p>&copy; 2022 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
220227
</footer>
221228
</main>

0 commit comments

Comments
 (0)