Updated about/buy styles

This commit is contained in:
James Dinh 2023-01-28 13:45:01 -08:00
parent cc1e2f784e
commit e1b4a161e6
2 changed files with 15 additions and 12 deletions

View File

@ -51,16 +51,10 @@
</nav> </nav>
</div> </div>
<main> <main>
<div id="paypal-button-container"></div> <div class="buy-info">
<h2>Interested in buying a piece? Contact me at<br><a class="email-link" target="_blank" href="mailto:nancypannikkat@gmail.com?subject=Art Purchase Inquiry">nancypannikkat@gmail.com</a></h2><br><br>
<!-- Include the PayPal JavaScript SDK. Replace `YOUR_CLIENT_ID` with your client ID.--> <h2>Or call me at<br><span class="emphasis-text">650-793-3954</span></h2>
<!-- Note that `enable-funding=venmo` is added as a query parameter --> </div>
<script src="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID&enable-funding=venmo"></script>
<script>
// Render the Venmo button into #paypal-button-container
paypal.Buttons().render('#paypal-button-container')
</script>
</main> </main>
<footer> <footer>
<div class="footer-container"> <div class="footer-container">

View File

@ -255,7 +255,7 @@ header {
.slide-desc { .slide-desc {
position: relative; position: relative;
font-size: 18px; font-size: 20px;
padding: 5px 0; padding: 5px 0;
text-align: center; text-align: center;
} }
@ -299,10 +299,19 @@ li .splide__pagination__page.is-active {
.about-desc { .about-desc {
padding: 10px 20px; padding: 10px 20px;
font-size: 20px; font-size: 22px;
width: 500px; width: 500px;
} }
.buy-info {
text-align: center;
margin: 20px auto;
}
.email-link {
color: rgb(89, 126, 228);
}
/* Contact */ /* Contact */
.contact { .contact {
text-align: center; text-align: center;