Fixed the about section in the homepage. Modified CSS file accordingly.

parent 25cda489
...@@ -87,9 +87,20 @@ nav { ...@@ -87,9 +87,20 @@ nav {
display: flex; display: flex;
height: 300px; height: 300px;
width: 200px; width: 200px;
padding: 40px 1px 40px 40px;
/*top right bottom left*/
} }
.about-text {
display: flex;
padding: 40px 0px 40px 100px;
}
.text {
justify-content: flex-end;
text-align: right;
font-size: 20px;
}
/* homepage happening now */ /* homepage happening now */
.title-container { .title-container {
......
...@@ -37,8 +37,10 @@ ...@@ -37,8 +37,10 @@
<div class="title-container"><h1> About Us </h1></div> <div class="title-container"><h1> About Us </h1></div>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col"> <div class="col-8">
<p>Boodle was founded by 4 amaing talented software engineers, who are college studyents based in Metro Manila who go to Ateneo de Manila University. </p> <div class="about-text">
<p class="text">Boodle was founded by 4 amaing talented software engineers, who are college studyents based in Metro Manila who go to Ateneo de Manila University. They believe they can change status quo of the ecommerce world. And they did. </p>
</div>
</div> </div>
<div class="col about-image"> <div class="col about-image">
<img src="../static/media/dancinginthekitchen.jpg"> <img src="../static/media/dancinginthekitchen.jpg">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment