I need this template html to work with yii2 php, form needs to be activeform, etc.

```
<div class="row justify-content-center">


<!------------------------------------------------------------------------------------------------- search -->
<div class ="col col-lg-10">

<section class="site-resources-search mb-4">
<form id="search-form" class="d-flex" action="#" data-content-type="faq">

<div class="mb-0 field-search form-query required">
<input type="text" id="searchform-query" class="form-control square" name="SearchForm[query]" value="test" aria-required="true">
<div class="invalid-feedback"></div>
</div><!-- .mb-0 .field-search .form-query .required -->

<div class="ms-2"> 
<button type="submit" class="btn btn-primary square">Search</button>
</div><!-- .ms-2 -->

</form>
</section><!-- .site-resources-search -->

<!--------------------------------------------------------------------------------------- search & results -->

<section class="site-resources-search-results">
<ul class="list-group"> 
<li class="list-group-item"> 
<h5><a href="#two-one" class="text-decoration-none">2.1 Exhibitions and Events</a></h5>
<p>
Please visit our <a href="#">Exhibitions</a> page for a list of current and upcoming 
exhibitions. We regularly update this page with the latest information on new and exciting collections.
</p>
</li><!-- .list-group-item -->

<li class="list-group-item"> 
<h5><a href="#five-two" class="text-decoration-none">5.2 Do you offer any newsletters or updates?</a></h5>
<p>
Yes, we offer a newsletter featuring the latest updates on exhibitions, new arrivals, and exclusive events. 
By becoming a member, you can choose to opt in or out of receiving our newsletter at any time. Membership also 
provides access to additional exclusive benefits.
</p>
</li><!-- .list-group-item -->
</ul><!-- .list-group -->
</section><!-- .site-resources-search-results -->

</div><!-- .col .col-lg-10 -->
<!------------------------------------------------------------------------------------------------- search -->


</div><!-- .row .justify-content-center -->
<div class="row mt-2">


<!------------------------------------------------------------------------------------------------- Table of Contents -->
<nav id="toc" class="table-of-contents col-lg-3 mb-4 sticky-lg-top" aria-label="Table of contents">
<h4>Table of Contents</h4>
<ol class="list-decimal ps-3">
<li><a href="#one">1. Conditions of Use</a></li>
<li>
<a href="#two">2. Privacy Policy</a>
<ol class="ps-4">
<li><a href="#two-one">2.1 Data Collection</a></li>
<li>
<a href="#two-two">2.2 Data Usage</a>
<ol class="ps-5">
<li><a href="#two-two-one">2.2.1 Cookies</a></li>
<li><a href="#two-two-two">2.2.2 Analytics</a></li>
</ol>
</li>
</ol>
</li>
<li><a href="#three">3. Age Restriction</a></li>
<li><a href="#four">4. Intellectual Property</a></li>
<li><a href="#five">5. User Accounts</a></li>
<li><a href="#six">6. Applicable Law</a></li>
<li><a href="#seven">7. Disputes</a></li>
<li><a href="#eight">8. Indemnification</a></li>
<li><a href="#nine">9. Limitation on Liability</a></li>
</ol>
</nav><!-- .table-of-contents .col-lg-3 .mb-4 .sticky-lg-top -->


<!------------------------------------------------------------------------------------------------- Content Sections -->
<div class="col-lg-9">


<!----------------------------------------------------------------------- 1 -->
<section id="one" class="mb-5">
<div class="section-header">
<h4>1. Conditions of Use <a href="#toc" class="back-to-top ms-3 text-decoration-none" title="Back to top"><i class="bi bi-arrow-up"></i></a></h4>
</div><!-- .section-header -->

<p>
By using this Website, you certify that you have read and reviewed this Agreement 
and that you agree to comply with its terms. If you do not agree to be bound by these Terms, 
you are advised to leave the Website accordingly.
</p>
</section><!-- #one -->


<!----------------------------------------------------------------------- 2 -->
<section id="two" class="mb-5">
<div class="section-header">
<h4>2. Privacy Policy <a href="#toc" class="back-to-top ms-3 text-decoration-none" title="Back to top"><i class="bi bi-arrow-up"></i></a></h4>
</div><!-- .section-header -->

<!----------------------------------------------- 2.1 -->
<section id="two-one" class="px-2 mb-4">
<div class="section-header">
<h5>2.1 Data Collection <a href="#toc" class="back-to-top ms-2 text-decoration-none" title="Back to top"><i class="bi bi-arrow-up"></i></a></h5>
</div><!-- .section-header -->

<p>We collect personal data such as your name, email, and usage information for improving our services.</p>
</section><!-- #two-one -->

<!----------------------------------------------- 2.2 -->
<section id="two-two" class="px-2 mb-4">
<div class="section-header">
<h5>2.2 Data Usage <a href="#toc" class="back-to-top ms-2 text-decoration-none" title="Back to top"><i class="bi bi-arrow-up"></i></a></h5>
</div><!-- .section-header -->

<!-------------------------------------- 2.2.1 -->
<section id="two-two-one" class="px-2 mb-3">
<div class="section-header">
<h6>2.2.1 Cookies <a href="#toc" class="back-to-top ms-2 text-decoration-none" title="Back to top"><i class="bi bi-arrow-up"></i></a></h6>
</div><!-- .section-header -->

<p>Cookies help us understand user behavior and preferences.</p>
</section><!-- #two-two-one -->

<!-------------------------------------- 2.2.2 -->
<section id="two-two-two" class="px-2 mb-3">
<div class="section-header">
<h6>2.2.2 Analytics<a href="#toc" class="back-to-top ms-2 text-decoration-none" title="Back to top"><i class="bi bi-arrow-up"></i></a></h6>
</div><!-- .section-header -->

<p>We use analytics tools to monitor site performance and usage patterns.</p>
</section><!-- #two-two-two -->
</section><!-- #two-two -->
</section><!-- #two -->


<!----------------------------------------------------------------------- 3 -->
<section id="three" class="mb-5">
<div class="section-header">
<h4>3. Age Restriction <a href="#toc" class="back-to-top ms-3 text-decoration-none" title="Back to top"><i class="bi bi-arrow-up"></i></a></h4>
</div><!-- .section-header -->

<p>Users must be at least 18 years old to use this service. By accessing the site, you confirm you meet this age requirement.</p>
</section><!-- #three -->


</div><!-- .col-lg-9 -->
<!------------------------------------------------------------------------------------------------- Content Sections -->

</div><!-- .row .mt-2 -->
```