Skip to content

Commit

Permalink
Merge pull request #6 from popeinabar/main
Browse files Browse the repository at this point in the history 
added stories section
  • Loading branch information
@popeinabar
popeinabar authored Oct 31, 2023
2 parents 284e312 + 999be4f commit 0e839f6
Show file tree
Hide file tree
Showing 3 changed files with 394 additions and 37 deletions.
96 changes: 59 additions & 37 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,42 +9,7 @@

<title>Sachcha Prayas</title>
<link rel="icon" type="image/x-icon" href="public/image/logo.png" />
<!-- <style>
.goog-te-banner-frame{
display:none !important;
}
#google_translate_element select{
background-color:#ffffff;
color: rgb(220 38 38);
border: none;
width: 115px;
overflow: hidden;
border: 1px solid #ccc;
border-radius: 5px;
padding:6px 8px
}
.goog-logo-link{
display:none !important;
}
.goog-te-gadget{
color:transparent!important;
}
.VIpgJd-ZVi9od-l4eHX-hSRGPd{
display:none !important;
}
.goog-te-combo{
width: 202px;
overflow: hidden;
border: 1px solid #009e4d;
border-radius: 5px;
padding: 10px;
background-color: #f7f7f7;
color: #13b95a;
cursor: pointer;
appearance: none;
}
</style> -->

</head>

<body class="bg-gray-5100 font-sans leading-normal tracking-normal">
Expand Down Expand Up @@ -172,6 +137,63 @@ <h1 class="lg:text-4xl font-bold capitalize text-lg pb-4 px-12 text-center">
<!-- <div class="flex justify-center"> -->
</section>

<!-- strory section -->
<div class="back-color py-24 sm:py-16 bg-green-100 mb-24">
<div class="mx-auto max-w-7xl px-6 lg:px-16">
<div class="mx-auto max-w-6xl lg:mx-0 p-1">
<h2 class="text-3xl font-bold tracking-tight text-green-600 sm:text-4xl heading-font-family text-color">
Stories of change</h2>
<h2 class="mt-6 text-base font-bold tracking-tight text-gray-900 sm:text-lg heading-font-family ">
We bring to you stories from the ground which connect, inform and inspire. </h2>
</div>
<ul role="list"
class="mx-auto mt-16 grid grid-cols-1 gap-x-8 gap-y-12 md:grid-cols-3 lg:mx-0 lg:max-w-none lg:grid-cols-3">
<li class="bg-white p-2 rounded-lg cursor-pointer">
<a href="stories.html" class="bg-white p-2 rounded-lg">
<!-- <img class="aspect-[3/2] w-full object-cover" src="./public/img/Blogs/Blog 1 picture.png" alt=""> -->
<h3 class="heading-font-family text-color text-2xl font-semibold leading-8 tracking-tight p-2 text-green-600">
Amrita Soni

</h3>
<p class="text-base leading-7 text-gray-700 p-2">
Amrita Soni’s father passed away when she was just 16 years old, just as she was preparing for the 11th grade. Being the eldest child, she had to quit her studies to take responsibility for her mother and siblings. Her mother, Urmila Soni, decided to teach her daughter... </p>
</a>

</li>

<!-- More people... -->

<li class="bg-white p-2 rounded-lg cursor-pointer">
<a href="stories.html" class="bg-white p-2 rounded-lg">
<!-- <img class="aspect-[3/2] w-full object-cover" src="./public/img/Blogs/Blog 1 picture.png" alt=""> -->
<h3 class="heading-font-family text-color text-2xl font-semibold leading-8 tracking-tight p-2 text-green-600">
Durgabai Sahu
</h3>
<p class="text-base leading-7 text-gray-700 p-2">
Durgabai Sahu, 40, who lives in Hardauli Bargi Nagar gram panchayat, first faced severe financial difficulties 11 years ago when her husband, Ram Sahu suffered losses in his contracting business. He fell ill soon after and Durgabai recalls that they exhausted all their savings on his medical... </p>
</a>

</li>

<!-- More people... -->
<li class="bg-white p-2 rounded-lg cursor-pointer">
<a href="stories.html" class="bg-white p-2 rounded-lg">
<!-- <img class="aspect-[3/2] w-full object-cover" src="./public/img/Blogs/Blog 1 picture.png" alt=""> -->
<h3 class="heading-font-family text-color text-2xl font-semibold leading-8 tracking-tight p-2 text-green-600">
Nuri Begum
</h3>
<p class="text-base leading-7 text-gray-700 p-2">
Nuri Begum, who has never been to school, lives in the small village of Hardauli in Bargi Nagar, with her husband Sheikh Mahboob and four children. She always harboured a strong desire to do something meaningful. The first few years of marriage was one of extreme poverty. Nuri wanted to support... </p>
</a>

</li>
</ul>
</div>
</div>


<!-- strory section end-->




Expand Down Expand Up @@ -260,8 +282,8 @@ <h1 class="lg:text-4xl font-bold capitalize text-lg pb-4 px-12 text-center">



<!-- How You Can Help -->
<section>
<!-- How You Can Help -->
<div class="px-6 py-12 back-color text-gray-800 lg:text-left -700 bg-emerald-400">
<!-- need to add margin below -->
<div class="container mx-auto xl:px-20 ">
Expand Down
75 changes: 75 additions & 0 deletions output.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -684,10 +684,34 @@ video {
margin-top: 1rem;
}

.mt-6 {
margin-top: 1.5rem;
}

.mt-8 {
margin-top: 2rem;
}

.mb-7 {
margin-bottom: 1.75rem;
}

.mb-1 {
margin-bottom: 0.25rem;
}

.mb-14 {
margin-bottom: 3.5rem;
}

.mb-16 {
margin-bottom: 4rem;
}

.mb-20 {
margin-bottom: 5rem;
}

.block {
display: block;
}
Expand All @@ -712,6 +736,10 @@ video {
aspect-ratio: 2/2;
}

.aspect-\[3\/2\] {
aspect-ratio: 3/2;
}

.h-10 {
height: 2.5rem;
}
Expand Down Expand Up @@ -822,6 +850,10 @@ video {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
cursor: pointer;
}

.list-disc {
list-style-type: disc;
}
Expand Down Expand Up @@ -1017,6 +1049,21 @@ video {
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.bg-green-100 {
--tw-bg-opacity: 1;
background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.bg-green-200 {
--tw-bg-opacity: 1;
background-color: rgb(187 247 208 / var(--tw-bg-opacity));
}

.bg-red-100 {
--tw-bg-opacity: 1;
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.object-cover {
-o-object-fit: cover;
object-fit: cover;
Expand All @@ -1027,6 +1074,10 @@ video {
object-fit: fill;
}

.p-1 {
padding: 0.25rem;
}

.p-10 {
padding: 2.5rem;
}
Expand Down Expand Up @@ -1230,6 +1281,10 @@ video {
line-height: 1.75rem;
}

.leading-8 {
line-height: 2rem;
}

.leading-9 {
line-height: 2.25rem;
}
Expand Down Expand Up @@ -1291,6 +1346,16 @@ video {
color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-green-500 {
--tw-text-opacity: 1;
color: rgb(34 197 94 / var(--tw-text-opacity));
}

.text-green-600 {
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity));
}

.opacity-0 {
opacity: 0;
}
Expand Down Expand Up @@ -1551,6 +1616,11 @@ video {
place-self: center;
}

.sm\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}

.sm\:py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
Expand All @@ -1575,6 +1645,11 @@ video {
line-height: 2.5rem;
}

.sm\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}

.sm\:text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
Expand Down
Loading

0 comments on commit 0e839f6

Please sign in to comment.