add help button and modal
This commit is contained in:
parent
d22f71064f
commit
7fb92e4b6b
|
@ -0,0 +1,19 @@
|
||||||
|
<div class="modal fade" id="helpModal" tabindex="-1" aria-labelledby="HelpScreen" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-xl">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title" id="HelpScreen">How To Use This Site</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<div class="desktop-img"></div>
|
||||||
|
<div class="mobile-img"></div>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
|
@ -24,10 +24,16 @@
|
||||||
<a class="nav-link" href="/contact-us">Contact Us</a>
|
<a class="nav-link" href="/contact-us">Contact Us</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
<a href="#" data-toggle="modal" data-target="#helpModal"><div id="help-button-desktop" title="Get Help">?</div></a>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<ScriptureNavBar/>
|
<ScriptureNavBar/>
|
||||||
|
|
||||||
|
<a href="#" data-toggle="modal" data-target="#helpModal"><div id="help-button-mobile" title="Get Help">?</div></a>
|
||||||
|
|
||||||
|
<HelpModal/>
|
||||||
|
|
||||||
{{outlet}}
|
{{outlet}}
|
||||||
|
|
||||||
<footer class="card-fluid bg-dark mt-5">
|
<footer class="card-fluid bg-dark mt-5">
|
||||||
|
|
Loading…
Reference in New Issue