Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
clo
cl-site
Commits
4cde3228
Commit
4cde3228
authored
May 16, 2018
by
Mariano Montone
Browse files
Media carousel
parent
b7df3f1c
Changes
2
Hide whitespace changes
Inline
Side-by-side
content/community.html
View file @
4cde3228
...
...
@@ -56,17 +56,52 @@
</div>
</div>
<h1
style=
"padding-top: 30px;"
><i
class=
"fa fa-video"
></i>
Media
</h1>
<div
class=
"row"
>
<div
class=
"col-md-6"
>
<iframe
width=
"560"
height=
"315"
src=
"https://www.youtube.com/embed/8X69_42Mj-g"
frameborder=
"0"
allow=
"autoplay; encrypted-media"
allowfullscreen
></iframe>
</div>
<div
class=
"col-md-6"
>
<iframe
width=
"560"
height=
"315"
src=
"https://www.youtube.com/embed/VeAdryYZ7ak"
frameborder=
"0"
allow=
"autoplay; encrypted-media"
allowfullscreen
></iframe>
</div>
<div
class=
"col-md-6"
>
<iframe
width=
"560"
height=
"315"
src=
"https://www.youtube.com/embed/videoseries?list=PLaGBIclRpkSXbU3keo6Rfd-KBVy63V5G2"
frameborder=
"0"
allow=
"autoplay; encrypted-media"
allowfullscreen
></iframe>
</div>
<div
class=
"col-md-6"
>
<iframe
width=
"560"
height=
"315"
src=
"https://www.youtube.com/embed/videoseries?list=PL2VAYZE_4wRITJBv6saaKouj4sWSG1FcS"
frameborder=
"0"
allow=
"autoplay; encrypted-media"
allowfullscreen
></iframe>
<div
id=
"media_carousel"
class=
"carousel slide"
data-ride=
"carousel"
data-interval=
""
>
<ol
class=
"carousel-indicators"
>
<li
data-target=
"#media_carousel"
data-slide-to=
"0"
class=
"active"
></li>
<li
data-target=
"#media_carousel"
data-slide-to=
"1"
></li>
</ol>
<div
class=
"carousel-inner"
style=
"padding-bottom: 70px;"
>
<div
class=
"carousel-item active"
>
<div
class=
"row"
>
<div
class=
"col-md-6"
>
<iframe
width=
"560"
height=
"315"
src=
"https://www.youtube.com/embed/8X69_42Mj-g"
frameborder=
"0"
allow=
"autoplay; encrypted-media"
allowfullscreen
></iframe>
</div>
<div
class=
"col-md-6"
>
<iframe
width=
"560"
height=
"315"
src=
"https://www.youtube.com/embed/VeAdryYZ7ak"
frameborder=
"0"
allow=
"autoplay; encrypted-media"
allowfullscreen
></iframe>
</div>
<div
class=
"col-md-6"
>
<iframe
width=
"560"
height=
"315"
src=
"https://www.youtube.com/embed/videoseries?list=PLaGBIclRpkSXbU3keo6Rfd-KBVy63V5G2"
frameborder=
"0"
allow=
"autoplay; encrypted-media"
allowfullscreen
></iframe>
</div>
<div
class=
"col-md-6"
>
<iframe
width=
"560"
height=
"315"
src=
"https://www.youtube.com/embed/videoseries?list=PL2VAYZE_4wRITJBv6saaKouj4sWSG1FcS"
frameborder=
"0"
allow=
"autoplay; encrypted-media"
allowfullscreen
></iframe>
</div>
</div>
</div>
<div
class=
"carousel-item"
>
<div
class=
"row"
>
<div
class=
"col-md-6"
>
<iframe
width=
"560"
height=
"315"
src=
"https://www.youtube.com/embed/svmPz5oxMlI"
frameborder=
"0"
allow=
"autoplay; encrypted-media"
allowfullscreen
></iframe>
</div>
<div
class=
"col-md-6"
>
<iframe
width=
"560"
height=
"315"
src=
"https://www.youtube.com/embed/T1QlEJ-2Gho"
frameborder=
"0"
allow=
"autoplay; encrypted-media"
allowfullscreen
></iframe>
</div>
<div
class=
"col-md-6"
>
<iframe
width=
"560"
height=
"315"
src=
"https://www.youtube.com/embed/xzTH_ZqaFKI"
frameborder=
"0"
allow=
"autoplay; encrypted-media"
allowfullscreen
></iframe>
</div>
<div
class=
"col-md-6"
>
<iframe
width=
"560"
height=
"315"
src=
"https://www.youtube.com/embed/_B_4vhsmRRI"
frameborder=
"0"
allow=
"autoplay; encrypted-media"
allowfullscreen
></iframe>
</div>
</div>
</div>
</div>
<!-- <a class="carousel-control-prev" href="#media_carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#media_carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a> -->
</div>
layout/css/layout_2018.css
View file @
4cde3228
...
...
@@ -109,3 +109,25 @@ hr {
.book-box
.card-block
{
padding-bottom
:
60px
;
}
/* Media carousel */
.carousel-indicators
li
{
border-radius
:
10px
;
margin
:
1px
3px
;
height
:
10px
;
max-width
:
10px
;
border
:
1px
solid
#FFF
;
background-color
:
transparent
;
border-color
:
gray
;
}
.carousel-indicators
.active
{
background-color
:
#fff
;
max-width
:
12px
;
margin
:
0
3px
;
height
:
12px
;
border
:
none
;
}
.carousel-indicators
li
.active
{
background-color
:
#D9230F
;
}
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment