JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://evolvefunds.com/wp-content/themes/framework/lib/bootstrap/css/bootstrap.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="container">
<div class="row">
<div class="col-4 col-lg-3 col-md-6 lower-right">
<a class="privacy-button a" data-toggle="modal" data-target="#privacyModal">Privacy Policy</a>
<!-- Modal -->
<br>
</div>
<div class="col-4 col-lg-3 col-md-6 lower-right">
<a class="privacy-button a" data-toggle="modal" data-target="#disclaimerModal">Disclaimer</a>
<!-- Modal -->
</div>
</div>
</div>
<div id="privacyModal" class="modal fade rc-modal container" role="dialog" style="display: none;" aria-hidden="true">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-body">
<a type="" class="close rc-modal" data-dismiss="modal" tabindex="0" data-target="#teamModal">
<i class="fa fa-times" aria-hidden="true"></i>
</a>
<div class="">
<h1>Privacy Policy</h1>
<hr style="visibility: hidden; margin-top: 2px;"> This privacy policy sets out the information gathering and dissemination practices of Evolve Funds Group Inc. (“Evolve Funds”) in the use of the evolvefunds.com website. By using the website, you are consenting to this privacy policy
and the collection, use and disclosure of your personal information by Evolve Funds as outlined in this privacy policy. If this privacy policy is not acceptable to you, please do not submit any of your personal information. We may update this
privacy policy from time to time and you are responsible for periodically reviewing the most current version of this privacy policy on the Website. Your...
CSS
body .a:hover,
.a:focus {
cursor: pointer;
border-bottom: 1px solid blue;
}
.a {
top: 25px;
position: relative;
}
.modal.in {
opacity: 1;
}
body .modal-dialog {
transform: none !important;
}