Skip to content

Commit

Permalink
Pull 599 adjust position of elements on about page (#614)
Browse files Browse the repository at this point in the history 
* Update event.html

* I have moved Support and Future Ambitions under the MFF suported, I have also change the mt from 16 to 10 and i have set the first text to text center
  • Loading branch information
@Andlie94
Andlie94 authored Oct 4, 2024
1 parent daffe76 commit 0b87fb4
Show file tree
Hide file tree
Showing 2 changed files with 24 additions and 24 deletions.
43 changes: 22 additions & 21 deletions pages/about-page.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -186,7 +186,7 @@ <h2 id="search-label" class="sr-only">Search Bar</h2>
<h1 class="font-justAnotherHand text-[150px] text-center">
Let us introduce ourselves
</h1>
<div class="flex flex-col gap-5 mb-[62px]">
<div class="flex flex-col gap-5 mb-[62px] text-center">
<p class="text-[25px]">
Mozika Manova Fiainana is a music school for deprived
communities of young people in Antsirabe, Madagascar, founded
Expand All @@ -203,7 +203,7 @@ <h1 class="font-justAnotherHand text-[150px] text-center">
</div>
<!--Cropped Image Container-->
<div
class="w-[1000px] h-[478px] bg-no-repeat bg-center bg-cover"
class="w-[1000px] h-[478px] bg-no-repeat bg-center bg-cover mt-20"
style="
background-image: url('../assets/placeholder-images/IMG_3568.webp');
"
Expand All @@ -221,7 +221,7 @@ <h1 class="font-justAnotherHand text-[150px] text-center">
<h2 class="font-justAnotherHand text-6xl mb-7">
A Holistic Approach To Education And Support
</h2>
<p class="mb-8">
<p class="mt-10">
Music lessons are so much more than just learning how to play an
instrument. To our students the music school has become a place
of safety, worthiness, and a notion of being cared for by the
Expand All @@ -233,7 +233,7 @@ <h2 class="font-justAnotherHand text-6xl mb-7">
ability to change their lives for the better through learning.
</p>
</div>
<div class="max-h-[576px] overflow-hidden">
<div class="max-h-[576px] overflow-hidden mt-24">
<img
src="/assets/placeholder-images/IMG_7425.webp"
alt="big group of children"
Expand All @@ -250,7 +250,7 @@ <h2 class="font-justAnotherHand text-6xl mb-7">
<h2 class="font-justAnotherHand text-[90px] text-black mt-16 ml">
Empowering Through Education
</h2>
<p class="font-sans text-2xl w-[1000px] mt-16">
<p class="font-sans text-2xl w-[1000px] mt-10">
Many of our students have never had the opportunity to go to school
previously. Therefore, the teachers of MMF have organized some
additional support for children who struggle with their homework  –
Expand Down Expand Up @@ -278,7 +278,7 @@ <h2 class="font-justAnotherHand text-[90px] text-black mt-16 ml">
<h2 class="font-justAnotherHand text-[90px] text-black mt-16 ml">
Sustainable Growth and Community Impact
</h2>
<p class="font-sans text-2xl w-[1000px] mt-16">
<p class="font-sans text-2xl w-[1000px] mt-10">
Providing a safe, caring and supportive environment we see how the
girls and young women further inspire their parents to live
healthier, more stable lives. As such, we witness an
Expand All @@ -301,19 +301,7 @@ <h2 class="font-justAnotherHand text-[90px] text-black mt-16 ml">
<!--Section 4 end-->
<!--Section 5-->
<section class="flex flex-col items-center mt-16">
<div class="text-left">
<h2 class="font-justAnotherHand text-[90px] text-black mt-16 ml">
Support and Future Ambitions
</h2>
<p class="font-sans text-2xl w-[1000px] mt-16">
Our teachers are contributing to delivering lessons on traditional
Malagasy instruments, percussion, dance and singing, classical
guitar, double bass, visual arts, music theory and chamber music in
addition to violin, viola, cello, piano, with further ambitions of
including flute and clarinet during 2022. .
</p>
</div>
<div class="text-center mt-16">
<div class="text-center mt-">
<p class="text-2xl font-normal mb-5">MFF is supported by</p>
<p class="text-xl font-bold mb-5">
“The Friends Association of the Music School in Madagascar”
Expand All @@ -332,15 +320,28 @@ <h2 class="font-justAnotherHand text-[90px] text-black mt-16 ml">
</p>
<p class="text-2xl font-bold">Buffet Crampon, Paris</p>
</div>
<section class="flex flex-col items-center mt-16">
<div class="text-left">
<h2 class="font-justAnotherHand text-[90px] text-black mt-16 ml">
Support and Future Ambitions
</h2>
<p class="font-sans text-2xl w-[1000px] mt-10">
Our teachers are contributing to delivering lessons on traditional
Malagasy instruments, percussion, dance and singing, classical
guitar, double bass, visual arts, music theory and chamber music in
addition to violin, viola, cello, piano, with further ambitions of
including flute and clarinet during 2022. .
</p>
</div>
</section>
<!--Section 5 end-->
<!--Section 6-->
<section class="flex flex-col items-center mt-16">
<section class="flex flex-col items-center">
<div class="text-left">
<h2 class="font-justAnotherHand text-[90px] text-black mt-16 ml">
Conclusion: A Model for Change
</h2>
<p class="font-sans text-2xl w-[1000px] mt-16">
<p class="font-sans text-2xl w-[1000px] mt-10">
Witnessing the incredible changes that our initiative provokes in
the local communities, we hope to further inspire our students to
become self-reliant, responsible and skilful individuals that will
Expand Down
5 changes: 2 additions & 3 deletions pages/event.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -202,7 +202,7 @@ <h1 class="font-justAnotherHand text-[100px]">
significant difference in the lives of children in Madagascar.
</p>
</div>
<div class="w-5/12">
<div class="w-5/12 flex coll">
<img
class="contain"
src="../assets/placeholder-images/IMG_6436.webp"
Expand Down Expand Up @@ -298,7 +298,6 @@ <h2 class="font-justAnotherHand text-[100px]">Details at a Glance:</h2>
</button>
</div>
</div>

</section>
</main>
<!-- Section 1 End -->
Expand All @@ -316,7 +315,7 @@ <h2 class="font-justAnotherHand text-[100px]">Details at a Glance:</h2>
<!--News and sign up-->
<!-- Links and button-->
<div
class="flex flex-col md:flex-row md:gap-10 md:text-sm md:ml-6 md:mt-14 lg:text-xl lg:mt-10 lg:gap-14 lg:ml-28 mt-4 xl:text-3xl xl:ml-40 xl:mt-28"
class="flex flex-col md:flex-row md:gap-10 md:text-sm md:ml-4 md:mt-14 lg:text-xl lg:mt-10 lg:gap-14 lg:ml-28 mt-4 xl:text-3xl xl:ml-40 xl:mt-28"
>
<div class="flex flex-col pl-4 gap-3 md:gap-5 lg:gap-10">
<a href="../pages/about-page.html">About Us</a>
Expand Down

0 comments on commit 0b87fb4

Please sign in to comment.