Difference between revisions of "Widget:DiscoverSlideButtons"

From Buddha-Nature
((by SublimeText.Mediawiker))
m (Text replacement - "images-commons" to "images")
 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<div class="fp-slidesNav fp-bottom">
 
<div class="fp-slidesNav fp-bottom">
<ul>
+
<ul class="flex-wrap" style="margin: 0 -16.666667%">
 
<li>
 
<li>
<a href="#" class="active">
+
<div id="SlideOneButton" class="discover-slides-nav-button discover-nav-button slide-button-active link-no-border link-no-color depth-3">
<div id="SlideOneButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">
+
<div class="float-left position-relative" style="width: 65px;">
<a href="#" class="active">
+
<div class="bnw-person-page-badge depth-1 link-no-border none" style="background-image: url('https://commons.tsadra.org/images/thumb/e/ea/Buddha_statues_Sri_Lanka_1920x1080-faded.jpg/320px-Buddha_statues_Sri_Lanka_1920x1080-faded.jpg'); width: 55px; height: 55px;"></div>
<div class="float-left position-relative" style="width: 65px;">
 
<div class="bnw-person-page-badge depth-1 link-no-border none" style="background-image: url('https://commons.tsadra.org/images-commons/thumb/e/ea/Buddha_statues_Sri_Lanka_1920x1080-faded.jpg/320px-Buddha_statues_Sri_Lanka_1920x1080-faded.jpg'); width: 55px; height: 55px;"></div>
 
</div>
 
<div class="tile-content">
 
<p class="clipped-3-lines m-0">What is Buddha-Nature?</p>
 
</div>
 
<div class="bottom-label" style="right: 9px;">Slide</div>
 
</a>
 
<a href="#OverviewSlides/BuddhaNature" class="overlay-link none active" target="_self" title="What is Buddha-Nature?"></a>
 
 
</div>
 
</div>
</a>
+
<div class="tile-content">
 +
<p class="clipped-3-lines m-0">What is Buddha-Nature?</p>
 +
</div>
 +
<div class="bottom-label" style="right: 9px;">Slide</div>
 +
<a href="#OverviewSlides.2FBuddhaNature" class="overlay-link none active" target="_self" title="What is Buddha-Nature?"></a>
 +
</div>
 +
</li>
 +
<li>
 +
<div id="SlideTwoButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">
 +
<div class="float-left position-relative" style="width: 65px;">
 +
<div class="bnw-person-page-badge depth-1 link-no-border none" style="background-image: url('https://commons.tsadra.org/images/thumb/e/e6/Buddha_and_Disciples_-_Gradient_Overlay.jpg/320px-Buddha_and_Disciples_-_Gradient_Overlay.jpg'); width: 55px; height: 55px;"></div>
 +
</div>
 +
<div class="tile-content">
 +
<p class="clipped-3-lines m-0">The Questions</p>
 +
</div>
 +
<div class="bottom-label" style="right: 9px;">Slide</div>
 +
<a href="#OverviewSlides.2FQuestions" class="overlay-link none" target="_self" title="The Questions"></a>
 +
</div>
 
</li>
 
</li>
 
<li>
 
<li>
<a href="#">
+
<div id="SlideThreeButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">
<div id="SlideTwoButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">
+
<div class="float-left position-relative" style="width: 65px;">
<a href="#" class="active">
+
<div class="bnw-person-page-badge depth-1 link-no-border none" style="background-image: url('https://commons.tsadra.org/images/thumb/0/05/Dewi-poedjawati-bci7HLxYZU0-unsplash.jpg/731px-Dewi-poedjawati-bci7HLxYZU0-unsplash.jpg'); width: 55px; height: 55px;"></div>
<div class="float-left position-relative" style="width: 65px;">
+
</div>
<div class="bnw-person-page-badge depth-1 link-no-border none" style="background-image: url('https://commons.tsadra.org/images-commons/thumb/e/e6/Buddha_and_Disciples_-_Gradient_Overlay.jpg/320px-Buddha_and_Disciples_-_Gradient_Overlay.jpg'); width: 55px; height: 55px;"></div>
+
<div class="tile-content">
</div>
+
<p class="clipped-3-lines m-0">The History</p>
<div class="tile-content">
 
<p class="clipped-3-lines m-0">The Questions</p>
 
</div>
 
<div class="bottom-label" style="right: 9px;">Slide</div>
 
</a>
 
<a href="#OverviewSlides/Questions" class="overlay-link none" target="_self" title="The Questions"></a>
 
 
</div>
 
</div>
</a>
+
<div class="bottom-label" style="right: 9px;">Slide</div>
 +
<a href="#OverviewSlides.2FHistory" class="overlay-link none" target="_self" title="The History"></a>
 +
</div>
 
</li>
 
</li>
 
<li>
 
<li>
<a href="#">
+
<div id="SlideFourButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">
<div id="SlideThreeButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">
+
<div class="float-left position-relative" style="width: 65px;">
<a href="#" class="active">
+
<div class="bnw-person-page-badge depth-1 link-no-border none" style="background-image: url('https://commons.tsadra.org/images/thumb/0/0e/Pecha-pixabay-faded.jpg/320px-Pecha-pixabay-faded.jpg'); width: 55px; height: 55px;"></div>
<div class="float-left position-relative" style="width: 65px;">
 
<div class="bnw-person-page-badge depth-1 link-no-border none" style="background-image: url('https://commons.tsadra.org/images-commons/thumb/0/05/Dewi-poedjawati-bci7HLxYZU0-unsplash.jpg/731px-Dewi-poedjawati-bci7HLxYZU0-unsplash.jpg'); width: 55px; height: 55px;"></div>
 
</div>
 
<div class="tile-content">
 
<p class="clipped-3-lines m-0">The History</p>
 
</div>
 
<div class="bottom-label" style="right: 9px;">Slide</div>
 
</a>
 
<a href="#OverviewSlides/History" class="overlay-link none" target="_self" title="The History"></a>
 
 
</div>
 
</div>
</a>
+
<div class="tile-content">
 +
<p class="clipped-3-lines m-0">The Texts</p>
 +
</div>
 +
<div class="bottom-label" style="right: 9px;">Slide</div>
 +
<a href="#OverviewSlides.2FTexts" class="overlay-link none" target="_self" title="The Texts"></a>
 +
</div>
 
</li>
 
</li>
 
<li>
 
<li>
<a href="#">
+
<div id="SlideFiveButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">
<div id="SlideFourButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">
+
<div class="float-left position-relative" style="width: 65px;">
<a href="#" class="active">
+
<div class="bnw-person-page-badge depth-1 link-no-border none" style="background-image: url('https://commons.tsadra.org/images/thumb/a/a7/Buddha-2.jpg/320px-Buddha-2.jpg'); width: 55px; height: 55px;"></div>
<div class="float-left position-relative" style="width: 65px;">
 
<div class="bnw-person-page-badge depth-1 link-no-border none" style="background-image: url('https://commons.tsadra.org/images-commons/thumb/0/0e/Pecha-pixabay-faded.jpg/320px-Pecha-pixabay-faded.jpg'); width: 55px; height: 55px;"></div>
 
</div>
 
<div class="tile-content">
 
<p class="clipped-3-lines m-0">The Texts</p>
 
</div>
 
<div class="bottom-label" style="right: 9px;">Slide</div>
 
</a>
 
<a href="#OverviewSlides/Texts" class="overlay-link none" target="_self" title="The Texts"></a>
 
 
</div>
 
</div>
</a>
+
<div class="tile-content">
 +
<p class="clipped-3-lines m-0">The Traditions</p>
 +
</div>
 +
<div class="bottom-label" style="right: 9px;">Slide</div>
 +
<a href="#OverviewSlides.2FTraditions" class="overlay-link none" target="_self" title="The Traditions"></a>
 +
</div>
 
</li>
 
</li>
 
<li>
 
<li>
<a href="#">
+
<div id="SlideSixButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">
<div id="SlideFiveButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">
+
<div class="float-left position-relative" style="width: 65px;">
<a href="#" class="active">
+
<div class="bnw-person-page-badge depth-1 link-no-border none" style="background-image: url('https://commons.tsadra.org/images/thumb/7/70/Buddha-statues-china-religion.jpg/320px-Buddha-statues-china-religion.jpg'); width: 55px; height: 55px;"></div>
<div class="float-left position-relative" style="width: 65px;">
 
<div class="bnw-person-page-badge depth-1 link-no-border none" style="background-image: url('https://commons.tsadra.org/images-commons/thumb/a/a7/Buddha-2.jpg/320px-Buddha-2.jpg'); width: 55px; height: 55px;"></div>
 
</div>
 
<div class="tile-content">
 
<p class="clipped-3-lines m-0">The Traditions</p>
 
</div>
 
<div class="bottom-label" style="right: 9px;">Slide</div>
 
</a>
 
<a href="#OverviewSlides/Traditions" class="overlay-link none" target="_self" title="The Traditions"></a>
 
 
</div>
 
</div>
</a>
+
<div class="tile-content">
 +
<p class="clipped-3-lines m-0">The People</p>
 +
</div>
 +
<div class="bottom-label" style="right: 9px;">Slide</div>
 +
<a href="#OverviewSlides.2FPeople" class="overlay-link none" target="_self" title="The People"></a>
 +
</div>
 
</li>
 
</li>
 
<li>
 
<li>
<a href="#">
+
<div id="SlideSevenButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3 fp-arrowDown grey-hoverlay-solid-bg pop-hover pointer">
<div id="SlideSixButton" class="discover-slides-nav-button discover-nav-button link-no-border link-no-color depth-3">
+
<div class="float-left position-relative" style="width: 65px;">
<a href="#" class="active">
+
<div class="bnw-person-page-badge depth-1 link-no-border none" style="background-image: url('https://commons.tsadra.org/images/thumb/0/0f/Maitreya_Buddha_%2837549164%29.jpeg/272px-Maitreya_Buddha_%2837549164%29.jpeg'); width: 55px; height: 55px;"></div>
<div class="float-left position-relative" style="width: 65px;">
+
</div>
<div class="bnw-person-page-badge depth-1 link-no-border none" style="background-image: url('https://commons.tsadra.org/images-commons/thumb/7/70/Buddha-statues-china-religion.jpg/320px-Buddha-statues-china-religion.jpg'); width: 55px; height: 55px;"></div>
+
<div class="tile-content">
</div>
+
<p class="clipped-3-lines m-0">Explore more</p>
<div class="tile-content">
 
<p class="clipped-3-lines m-0">The People</p>
 
</div>
 
<div class="bottom-label" style="right: 9px;">Slide</div>
 
</a>
 
<a href="#OverviewSlides/People" class="overlay-link none" target="_self" title="The People"></a>
 
 
</div>
 
</div>
</a>
+
<div class="bottom-label" style="left: 9px;">Continue</div>
 +
<div class="bottom-label" style="right: 9px;"><i class="ml-1 fad fa-arrow-down"></i></div>
 +
</div>
 
</li>
 
</li>
 
</ul>
 
</ul>
 
</div>
 
</div>

Latest revision as of 14:22, 1 February 2023