arifal/sibedas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first init

Browse Source
This commit is contained in:
arifal
2025-01-16 17:16:14 +07:00
commit 84d8f3ca6a
227 changed files with 43922 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
resources/views/ui/scrollspy.blade.php Executable file
View File

@@ -0,0 +1,79 @@
@extends('layouts.vertical', ['subtitle' => 'Scrollspy'])
@section('content')
@include('layouts.partials/page-title', ['title' => 'Base UI', 'subtitle' => 'Scrollspy'])
<!-- start spinners-->
<div class="row">
<div class="col-xl-12">
<div class="card">
<div class="card-body">
<nav id="navbar-example2" class="navbar bg-light px-3 mb-3">
<a class="navbar-brand" href="#">Navbar</a>
<ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link" href="#scrollspyHeading1">First</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#scrollspyHeading2">Second</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button"
aria-expanded="false">Dropdown</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#scrollspyHeading3">Third</a></li>
<li><a class="dropdown-item" href="#scrollspyHeading4">Fourth</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#scrollspyHeading5">Fifth</a></li>
</ul>
</li>
</ul>
</nav>
<div class="scrollspy-example bg-light bg-opacity-50 p-3 rounded-2" data-bs-spy="scroll"
data-bs-target="#navbar-example2" data-bs-root-margin="0px 0px -40%" data-bs-smooth-scroll="true"
tabindex="0">
<h4 id="scrollspyHeading1">First heading</h4>
<p>This is some placeholder content for the scrollspy page. Note that as you scroll down the page,
the
appropriate navigation link is highlighted. It's repeated throughout the component example. We
keep adding
some more example copy here to emphasize the scrolling and highlighting.</p>
<h4 id="scrollspyHeading2">Second heading</h4>
<p>This is some placeholder content for the scrollspy page. Note that as you scroll down the page,
the
appropriate navigation link is highlighted. It's repeated throughout the component example. We
keep adding
some more example copy here to emphasize the scrolling and highlighting.</p>
<h4 id="scrollspyHeading3">Third heading</h4>
<p>This is some placeholder content for the scrollspy page. Note that as you scroll down the page,
the
appropriate navigation link is highlighted. It's repeated throughout the component example. We
keep adding
some more example copy here to emphasize the scrolling and highlighting.</p>
<h4 id="scrollspyHeading4">Fourth heading</h4>
<p>This is some placeholder content for the scrollspy page. Note that as you scroll down the page,
the
appropriate navigation link is highlighted. It's repeated throughout the component example. We
keep adding
some more example copy here to emphasize the scrolling and highlighting.</p>
<h4 id="scrollspyHeading5">Fifth heading</h4>
<p>This is some placeholder content for the scrollspy page. Note that as you scroll down the page,
the
appropriate navigation link is highlighted. It's repeated throughout the component example. We
keep adding
some more example copy here to emphasize the scrolling and highlighting.</p>
</div>
</div>
</div>
</div> <!-- end col -->
</div> <!-- end row -->
<!-- end spinners-->
@endsection