DavidJentes
/
websitedesign2023
mirror of https://github.com/DavidJentes/websitedesign2023
1
0
Fork 0
Code

Add textleft class, unlink section and flexbox

main
dugo3number2 2023-03-30 13:07:27 -05:00
parent 082b429030
commit e4ffc47259
2 changed files with 36 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
docs/about/index.html
View File

@ -30,25 +30,25 @@
<p>We currently have two buildings in the United States, one serving as a homeless shelter and the other as an orphanage and food bank. There are currently plans to expand to other countries, however, we currently do not have the funds to do so. We would encourage donations or even just prayer. Donation instructions are on the home page if you are interested.</p>
<h2 class="center">Board of Directors</h2>
<section class="center">
<div>
<div class="half">
<h3>Philip Chereb - Lead Director</h3>
<img src="../assets/img/philip.png" class="round smallimg" />
<img src="../assets/img/philip.png" class="round smallimg half" />
</div>
<p>Philip Chereb is the founder and lead director of The Chereb Foundation. He mainly operates the homeless shelter, however, he also oversees the non-profit as a whole, helping in making decisions that will help, not hurt, others.</p>
<p class="half">Philip Chereb is the founder and lead director of The Chereb Foundation. He mainly operates the homeless shelter, however, he also oversees the non-profit as a whole, helping in making decisions that will help, not hurt, others.</p>
</section>
<section class="center">
<div>
<div class="half">
<h3>Brandon Carter - Head of Financial</h3>
<img src="../assets/img/brandon.png" class="round smallimg" />
<img src="../assets/img/brandon.png" class="round smallimg half" />
</div>
<p>Brandon Carter is the nephew of Philip Chereb and the head of the financial team at The Chereb Foundation. His team manages how much is going into savings for the financial help fund, and also manages how the rest of the money is used.</p>
<p class="half">Brandon Carter is the nephew of Philip Chereb and the head of the financial team at The Chereb Foundation. His team manages how much is going into savings for the financial help fund, and also manages how the rest of the money is used.</p>
</section>
<section class="center">
<div>
<div class="half">
<h3>Frank Simons - Head of Technology</h3>
<img src="../assets/img/frank.png" class="round smallimg" />
</div>
<p>As The Chereb Foundation aims to expand its reach to other countries, Frank Simons aids in providing ways to communicate back to the United States, as well as publish what has happened.</p>
<p class="half">As The Chereb Foundation aims to expand its reach to other countries, Frank Simons aids in providing ways to communicate back to the United States, as well as publish what has happened.</p>
</section>
<h2>The Chereb Foundation is not a legal entity, and is only a fabrication for this Website Design. All names, phone numbers, physical addresses, and buildings in this production are fictitious. No identification with actual persons (living or deceased), places, buildings, products, or corporations is intended or should be inferred.</h2>
</article>

36
docs/assets/css/main.css
View File

@ -6,6 +6,15 @@ body {
margin: 0;
}
a {
color: #333333;
text-decoration: underline;
}
a:hover, a:focus {
color: #444444;
}
header {
color: #ffffff;
background-color: #00008b;
@ -94,19 +103,34 @@ main {
}
section {
display: flex;
background-color: #444444;
color: #ffffff;
padding: 10px;
border-radius: 50px;
margin: 10px;
}
.flex {
display: flex;
align-items: center;
}
.textleft {
text-align: left
}
section p {
font-size: 1.5vw;
}
section a {
color: #eeeeee;
}
section a:hover, section a:focus {
color: #dddddd;
}
@media screen and (min-width: 1000px) {
.top {
grid-row: 1;
@ -124,12 +148,8 @@ section p {
grid-column: 2;
}
section div {
width: 50%;
}
section p {
width: 50%;
.half {
width: 50%
}
}
@ -162,7 +182,7 @@ section p {
font-size: 15px;
}
section {
.col {
flex-direction: column;
}