diff --git a/css/custom.css b/css/custom.css index 74b9bfd8d7..0afbbfd021 100644 --- a/css/custom.css +++ b/css/custom.css @@ -146,10 +146,13 @@ a.link:active .link-arrow{ .get-started-section h2{ font-size:34px; } -.carousel, .tab-wrapper{ +.tab-wrapper{ margin: 3rem auto; padding: 0 70px; } +.carousel{ + padding: 0 70px; +} .carousel .item, .tab-wrapper .item{ color: #000; @@ -165,6 +168,10 @@ a.link:active .link-arrow{ .carousel .testimonial, .tab-wrapper .testimonial{ position: relative; } +.video{ + max-width: 100%; + aspect-ratio: 16 / 9; +} .carousel p, .tab-wrapper p{ font-size:26px; font-weight: bold; @@ -174,7 +181,20 @@ a.link:active .link-arrow{ margin-bottom: 30px; font-weight: normal; } - +.carousel-control-prev { + width: 5%; + justify-content: left; +} +.carousel-control-next { + width: 5%; + justify-content: right; +} +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") +} +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") +} .carousel .carousel-indicators { bottom: -40px; } @@ -706,6 +726,7 @@ a .abbr[data-original-title], a abbr[title]{ } .row.blue-title-columns{ margin-bottom:5px; + text-align: center; } .blue-title-columns div.quote-attribution{ font-size: 18px; diff --git a/index.html b/index.html index 25acb47387..b97957b677 100644 --- a/index.html +++ b/index.html @@ -337,6 +337,67 @@ + + + + + + ONNX Runtime YouTube Videos + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Previous + + + + Next + + + + + @@ -421,7 +482,8 @@ - + + @@ -518,44 +580,7 @@ - - - - - - - - Resources​​ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +