Make cover text cursive, center list

main
dugo3number2 2023-04-03 12:33:01 -05:00
parent 83a857181e
commit a06bafe628
3 changed files with 15 additions and 5 deletions

View File

@ -9,6 +9,11 @@
background-size: cover; background-size: cover;
background-position: center; background-position: center;
z-index: 10; z-index: 10;
font-family: 'Pacifico', cursive;
}
.fcenter {
align-self: center;
} }
@media screen and (max-width: 850px) { @media screen and (max-width: 850px) {

View File

@ -1,4 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto&display=swap');
body { body {
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
@ -135,6 +135,11 @@ section a:hover, section a:focus {
padding: 25px; padding: 25px;
} }
.centercontainer {
display: inline-block;
text-align: left;
}
@media screen and (min-width: 1000px) { @media screen and (min-width: 1000px) {
.top { .top {
grid-row: 1; grid-row: 1;

View File

@ -45,13 +45,13 @@
<section class="center extrapadding"> <section class="center extrapadding">
<h1>Help The Chereb Foundation</h1><br /> <h1>Help The Chereb Foundation</h1><br />
<span>You can help The Chereb Foundation today in many ways. The list below gives some suggestions on how to help us.</span><br /> <span>You can help The Chereb Foundation today in many ways. The list below gives some suggestions on how to help us.</span><br />
<ul class="textleft"> <ul class="textleft centercontainer">
<li>Help by praying for us</li> <li>Help by praying for us</li>
<li>Help by donation (links above)</li> <li>Help by donation (links above)</li>
<li>Help by volunteering regularly (apply <a href="contact/volunteer">here</a>)</a></li> <li>Help by volunteering regularly (apply <a href="contact/volunteer">here</a>)</a></li>
<li>Help by attending events (i.e. donating blood or food, helping pack boxes during events)</li> <li>Help by attending events (i.e. donating blood or food, helping pack boxes during events)</li>
</ul><br />
<a href="calendar">Calendar of events</a><br /> <a href="calendar">Calendar of events</a><br />
</ul>
</section> </section>
<section class="center extrapadding"> <section class="center extrapadding">
<h1>Request help from The Chereb Foundation</h1> <h1>Request help from The Chereb Foundation</h1>
@ -65,7 +65,7 @@
<span>The donate and buy a t-shirt button are in test mode, which means that they do not actually transfer funds or ship a t-shirt. For a test run, use card number 4242 4242 4242 4242, any future date, and any CVC for a card or Klarna. For Cash App, use the app on your phone logged into any account. It will not transfer real money. For US bank account, use Test Institution and the Success account. It also supports Google and Apple Pay using a normal card. Again, it won't transfer real money. You can remove the card afterwards if you wish. You can use any phone number and address, however, David Jentes may have access. He will not use this information in any way, and will delete it immediately following ISC.</span> <span>The donate and buy a t-shirt button are in test mode, which means that they do not actually transfer funds or ship a t-shirt. For a test run, use card number 4242 4242 4242 4242, any future date, and any CVC for a card or Klarna. For Cash App, use the app on your phone logged into any account. It will not transfer real money. For US bank account, use Test Institution and the Success account. It also supports Google and Apple Pay using a normal card. Again, it won't transfer real money. You can remove the card afterwards if you wish. You can use any phone number and address, however, David Jentes may have access. He will not use this information in any way, and will delete it immediately following ISC.</span>
</main> </main>
<footer data-m="bounce-up" data-m-delay="1" duration="1"> <footer data-m="bounce-up" data-m-delay="1" duration="1">
<ul> <ul class="flex fcenter">
<li><a href="#">Home</a></li> <li><a href="#">Home</a></li>
<li><a href="about">About</a></li> <li><a href="about">About</a></li>
<li><a href="projects">Projects</a></li> <li><a href="projects">Projects</a></li>