Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update homepage testimonial section #1578

Closed
wants to merge 8 commits into from
Closed

Update homepage testimonial section #1578

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
a6dc673
Update testimonials
gajindubandara May 20, 2023
e379979
Summarize testimonials
gajindubandara Jun 16, 2023
8fda82c
Remove testimonial
gajindubandara Jun 17, 2023
c554361
Remove extra line
gajindubandara Jun 17, 2023
60c79c6
Merge branch 'master' into testi
YoshithaRathnayake Dec 2, 2023
61c6701
Update assets/css/global-custom.css
YoshithaRathnayake Dec 2, 2023
ede455e
Merge branch 'master' into testi
YoshithaRathnayake Dec 30, 2023
db5ff9d
Merge branch 'master' into testi
YoshithaRathnayake Jan 2, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
70 changes: 68 additions & 2 deletions assets/css/global-custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ body {
font-family: 'Montserrat', sans-serif;
}

/* upspeak & Home page testimonial section*/
/* upspeak testimonial section*/
.testimonial-section {
padding: 10px 10px 10px 10px;
}
Expand Down Expand Up @@ -140,7 +140,7 @@ body {
}
}

/*end of upspeak & Home page testimonial section*/
/*end of upspeak testimonial section*/
/*Skeleton preloader section*/
/*Skeleton profile cards*/
.skeleton {
Expand Down Expand Up @@ -772,3 +772,69 @@ body {
/*round shaped border*/
border-radius: 1.7rem 1.7rem 0.2rem 0.2rem;
}

/* ---------------------- Testimonial section ------------------------ */
.testimonialBox hr {
margin-top: 0px;
margin-bottom: 10px;
}

.testimonialSection {
padding: 10px 10px 10px 10px;
}

.testimonialSection .main-topic {
padding-top: 60px;
padding-bottom: 40px;
}

.testimonialBox {
padding: 32px 32px 40px 32px;
background-color: #fff;
margin-bottom: 35px;
padding-top: 25px;
font-size: 24px;
position: relative;
border-radius: 1.5rem;
}

.testimonialSection .paragraph {
color: black;
margin-top: 25px;
}

.authorDetails {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}

.authorDetails .details, .authorDetails .name {
margin-left: 0px;
margin-bottom: 0px;
}

.authorDetails .name {
margin-top: 5px;
font-size: 16px;
}

.authorDetails .details {
margin-top: 4px;
}

.authorImg {
height: 100%;
margin-top: 27px;
margin-bottom: 2px;
}

.authorImg .img {
border-radius: 50% !important;
width: 100px;
height: 100px;
border-radius: 50%;
border: 5px solid #EAECEE;
}
YoshithaRathnayake marked this conversation as resolved.
Show resolved Hide resolved
158 changes: 111 additions & 47 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -435,69 +435,133 @@ <h1 class="display-3 text-center mb-5">Infrastructure partner</h1>
</div>
</section>

<section class="testimonial-section ">
<!--Testimonial section-->
<section class="testimonialSection mt-5">
<div class="container">
<br>
<div class="row">
<div class="col-md-6">
<div class="testimonial-box shadow">
<p class="paragraph"> SEF professionally organized a lecture I held about Advancements in DNA Sequencing,
Bioinformatics and Cancer research. I was more than satisfied and amazed, especially
about their strong efforts, devotion and philosophy of providing free education to
the wide range of population. Hope the idea will be spread world wide.
</p>
<br>
<div>
<div class="author">
<img class="img"
src="https://res.cloudinary.com/dsxobn1ln/image/upload/v1627106046/Homepage-Testimonial/vladmir_fsgvic.jpg">
<h5 class="name">Vladimir Kovacevic</h5>
<p class="uni">Bioinformatics Analyst, Seven Bridges Genomics</p>
<div id="card_container">
<div class="row testimonialBox shadow">
<div class="col-md-12">
<div class="row">
<div class="col-md-3">
<div class="mentee col">
<div class="row authorDetails">
<div class="authorImg">
<img class="img" src="https://res.cloudinary.com/dsxobn1ln/image/upload/v1684556480/Homepage-Testimonial/ramith_winter_-_Ramith_Hettiarachchi_ouusca.jpg">
</div>
<h5 class="name">Ramith Hettiarachchi</h5>
<p class="details">Post Baccalaureate Fellow at Harvard University</p>
</div>
</div>
</div>
<div class="col-md-9">
<div class="highlight">"Journey of a Passionate Engineer: From Undergraduate Research to
Advancing Computational Biology at Harvard University"
</div>
</div>
</div>
<p class="paragraph text-justify">
During my undergraduate studies, I was mentored by Dr. Rukshan Batuwita in the ScholarX 2019
program, where he guided me in Signal Processing and Machine Learning. The Sustainable
Education Foundation (SEF) provided support during tough times and helped me secure an
internship. Inspired by their mission, I volunteered as an assistant program manager. SEF's
unconditional help has connected the dots for many Sri Lankans, including myself, leading me
to become a Post
Baccalaureate Fellow at Harvard University. I'm grateful for their contribution to my
journey.
</p>
</div>
</div>
<div class="col-md-6">
<div class="testimonial-box shadow">
<p class="paragraph">I believe that education should be free and accessible to everyone! Great to see
many initiatives by the SEF community - especially their efforts to encourage the
young generation in Sri Lanka to achieve not only in the domestic settings but also
in the international level. I wish SEF all the best, keep up the good work!
</p>
<br>
<div>
<div class="author">
<img class="img"
src="https://res.cloudinary.com/dsxobn1ln/image/upload/v1627106046/Homepage-Testimonial/nimesha_f9wqtc.jpg">
<h5 class="name">Nimesha Ranasinghe</h5>
<p class="uni">Assistant Professor, University of Maine, USA</p>
<div class="row testimonialBox shadow">
<div class="col-md-12">
<div class="row">
<div class="col-md-3">
<div class="mentee col">
<div class="row authorDetails">
<div class="authorImg">
<img class="img" src="https://res.cloudinary.com/dsxobn1ln/image/upload/v1684556479/Homepage-Testimonial/Nayanathara-Hendeniya_vo6pqm.jpg">
</div>
<h5 class="name">Nayanathara Hendeniya</h5>
<p class="details">Graduate Research Assistant at Iowa State University</p>
</div>
</div>
</div>
<div class="col-md-9">
<div class="highlight">"SEF: Empowering Sri Lankan Undergraduates through Experiential
Learning, Mentorship, and Global Exposure for a Future of Limitless Opportunities"
</div>
</div>
</div>
<p class="paragraph text-justify">
SEF provides a crucial platform for Sri Lankan undergraduates, connecting them with leading
researchers, academics, and industry professionals. It bridges the gap between raw talent
and exposure, shaping them into professionals and opening doors to ideal career and academic
opportunities. ScholarX breaks the stereotype that only high-performing students get the
best chances, offering tailored mentoring and guidance. SEF addresses brain drain by
empowering local professionals to guide the next generation. In essence, SEF is defining the
future for Sri Lankan undergraduates.
</p>
</div>
</div>

</div>
<div class="row">
<div class="col-md-6">
<div class="testimonial-box shadow">
<p class="paragraph">Its great to work with your team and I wish you good luck. Its a great opportunity
for me to share my stories with upcoming entrepreneurs and I believe you will keep
your great service to motivate the rest.
<div class="row testimonialBox shadow">
<div class="col-md-12">
<div class="row">
<div class="col-md-3">
<div class="mentee col">
<div class="row authorDetails">
<div class="authorImg">
<img class="img" src="https://res.cloudinary.com/dsxobn1ln/image/upload/v1627106046/Homepage-Testimonial/vladmir_fsgvic.jpg">
</div>
<h5 class="name">Vladimir Kovacevic</h5>
<p class="details">Bioinformatics Analyst, Seven Bridges Genomics</p>
</div>
</div>
</div>
<div class="col-md-9">
<div class="highlight">"Democratizing Knowledge: Transforming Lives through Free
Education on Advancements in DNA Sequencing, Bioinformatics, and Cancer Research"
</div>
</div>
</div>
<p class="paragraph text-justify">
SEF professionally organized a lecture I held about Advancements in DNA Sequencing,
Bioinformatics and Cancer research. I was more than satisfied and amazed, especially about
their strong efforts, devotion and philosophy of providing free education to the wide range
of population. Hope the idea will be spread world wide.
</p>
<br>
<div>
<div class="author">
<img class="img"
src="https://res.cloudinary.com/dsxobn1ln/image/upload/v1627106046/Homepage-Testimonial/sanmugathasan_dvkoxy.jpg">
<h5 class="name">Sanmugathasan Prasanthan</h5>
<p class="uni">CEO/ Founder, IT Signature</p>
</div>
</div>
<div class="row testimonialBox shadow">
<div class="col-md-12">
<div class="row">
<div class="col-md-3">
<div class="mentee col">
<div class="row authorDetails">
<div class="authorImg">
<img class="img" src="https://res.cloudinary.com/dsxobn1ln/image/upload/v1627106046/Homepage-Testimonial/nimesha_f9wqtc.jpg">
</div>
<h5 class="name">Nimesha Ranasinghe</h5>
<p class="details">Assistant Professor, University of Maine, USA</p>
</div>
</div>
</div>
<div class="col-md-9">
<div class="highlight">"The SEF and its Impact on Education
Accessibility and Empowering the Young Generation in Sri Lanka to Excel Nationally
and Internationally"
</div>
</div>
</div>
<p class="paragraph text-justify">
I believe that education should be free and accessible to everyone! Great to see many
initiatives by the SEF community - especially their efforts to encourage the young
generation in Sri Lanka to achieve not only in the domestic settings but also in the
international level. I wish SEF all the best, keep up the good work!
</p>
</div>
</div>
</div>
</div>
</section>
</section>
</main>

<footer class="footer">
Expand Down