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

Fe testimonials #66

Merged
merged 4 commits into from
Nov 10, 2023
Merged

Fe testimonials #66

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
3c97eda
Modified basic swiper
DedSec2050 Nov 9, 2023
34c2216
fixed slide positioning
DedSec2050 Nov 9, 2023
eb42a0d
fixed navigation buttons
DedSec2050 Nov 9, 2023
cb3d74c
uploaded files
DedSec2050 Nov 9, 2023
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
Prev Previous commit
uploaded files
  • Loading branch information
@DedSec2050
DedSec2050 committed Nov 9, 2023
commit cb3d74c771cb261a60c67cd1f30fd324302524d9
5 changes: 3 additions & 2 deletions static/assets/css/testamonials.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,10 +22,11 @@
overflow: hidden;
}
.card{
border-color: #fef8f5;
/* width: 320px; */
/* Change height here */
border-radius: 25px;
background-color: #fff;
background-color: #fef8f5;
}
.image-content,
.card-content{
Expand Down Expand Up @@ -71,7 +72,7 @@
}
.overlay::after{
border-radius: 0 25px 0 0;
background-color: #fff;
background-color: #fef8f5;
}
.card-image .card-img{
height: 100%;
Expand Down
Binary file added static/assets/img/testamonials/anuj.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/assets/img/testamonials/manish.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/assets/img/testamonials/manyata.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/assets/img/testamonials/pooja.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/assets/img/testamonials/rishav.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions static/assets/js/testamonials.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,12 +19,12 @@ var swiper = new Swiper(".slide-content", {
520: {
slidesPerView: 1,
},
700: {
1000: {
slidesPerView: 2,
},
950: {
1200: {
slidesPerView: 3,
}
},
},
autoplay: {
delay: 2500,
Expand Down
125 changes: 28 additions & 97 deletions templates/landing/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -382,16 +382,16 @@ <h1><b>TESTIMONIALS</b></h1>
<span class="overlay"></span>

<div class="card-image">
<img src="{% static 'assets/img/clients/utkarsh6.jpg' %}" alt="" class="card-img">
<img src="{% static 'assets/img/testamonials/rishav.jpg' %}" alt="" class="card-img">
</div>
</div>

<div class="card-content">
<div class="domain">
<p>Web Dev</p>
</div>
<h2 class="name">Name</h2>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus veniam maxime suscipit quasi voluptate cupiditate fuga repudiandae exercitationem molestiae totam perferendis libero reprehenderit commodi, numquam fugit vitae quibusdam architecto eius.</p>
<h2 class="name">Rishav Kumar</h2>
<p class="description">The CSOC mentorship program was a game-changer for me, elevating not only my problem-solving approach but also refining my skills in team management. It was an invaluable experience!</p>

</div>

Expand All @@ -402,137 +402,68 @@ <h2 class="name">Name</h2>
<span class="overlay"></span>

<div class="card-image">
<img src="{% static 'assets/img/clients/NIKUNJ1.jpg' %}" alt="" class="card-img">
<img src="{% static 'assets/img/testamonials/pooja.jpg' %}" alt="" class="card-img">
</div>
</div>

<div class="card-content">
<h2 class="name">Name</h2>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus veniam maxime suscipit quasi voluptate cupiditate fuga repudiandae exercitationem molestiae totam perferendis libero reprehenderit commodi, numquam fugit vitae quibusdam architecto eius.</p>

</div>

</div>
<!-- 3 -->
<div class="card swiper-slide">
<div class="image-content">
<span class="overlay"></span>

<div class="card-image">
<img src="{% static 'assets/img/clients/nikhil.jpg' %}" alt="" class="card-img">
</div>
</div>

<div class="card-content">
<h2 class="name">Name</h2>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus veniam maxime suscipit quasi voluptate cupiditate fuga repudiandae exercitationem molestiae totam perferendis libero reprehenderit commodi, numquam fugit vitae quibusdam architecto eius.</p>

</div>

</div>
<!-- 4 -->
<div class="card swiper-slide">
<div class="image-content">
<span class="overlay"></span>

<div class="card-image">
<img src="{% static 'assets/img/clients/apoorva.jpg' %}" alt="" class="card-img">
</div>
</div>

<div class="card-content">
<h2 class="name">Name</h2>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus veniam maxime suscipit quasi voluptate cupiditate fuga repudiandae exercitationem molestiae totam perferendis libero reprehenderit commodi, numquam fugit vitae quibusdam architecto eius.</p>

</div>

</div>
<!-- 5 -->
<div class="card swiper-slide">
<div class="image-content">
<span class="overlay"></span>

<div class="card-image">
<img src="{% static 'assets/img/clients/arvind.jpg' %}" alt="" class="card-img">
<div class="domain">
<p>Web Dev</p>
</div>
</div>

<div class="card-content">
<h2 class="name">Name</h2>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus veniam maxime suscipit quasi voluptate cupiditate fuga repudiandae exercitationem molestiae totam perferendis libero reprehenderit commodi, numquam fugit vitae quibusdam architecto eius.</p>
<h2 class="name">Pooja</h2>
<p class="description">
Both of my mentors were very good. But Anushka Dii has helped me a lot. She always solved my doubts and guided me by providing clear explanation. They were usually available, when I needed help, which was great for my learning.
</p>

</div>

</div>
<!-- 6 -->
<!-- 3 -->
<div class="card swiper-slide">
<div class="image-content">
<span class="overlay"></span>

<div class="card-image">
<img src="{% static 'assets/img/clients/apoorv.jpg' %}" alt="" class="card-img">
<img src="{% static 'assets/img/testamonials/manish.jpg' %}" alt="" class="card-img">
</div>
</div>

<div class="card-content">
<h2 class="name">Name</h2>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus veniam maxime suscipit quasi voluptate cupiditate fuga repudiandae exercitationem molestiae totam perferendis libero reprehenderit commodi, numquam fugit vitae quibusdam architecto eius.</p>

</div>

</div>
<!-- 7 -->
<div class="card swiper-slide">
<div class="image-content">
<span class="overlay"></span>

<div class="card-image">
<img src="{% static 'assets/img/clients/anushka.jpg' %}" alt="" class="card-img">
<div class="domain">
<p>Web Dev</p>
</div>
</div>

<div class="card-content">
<h2 class="name">Name</h2>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus veniam maxime suscipit quasi voluptate cupiditate fuga repudiandae exercitationem molestiae totam perferendis libero reprehenderit commodi, numquam fugit vitae quibusdam architecto eius.</p>
<h2 class="name">Manish</h2>
<p class="description" style="font-size: 9px; line-height: 0.1rem; ">
The CSOC event was wonderful and educational. The comprehensive and well-structured program, spanning over a couple of weeks, provided an immersive learning experience, covering an array of vital concepts in web development.The carefully curated sessions, led by our seniors, not only elucidated the fundamental principles but also delved into advanced topics, equipping us with practical insights and hands-on skills.
</p>

</div>

</div>
<!-- 8 -->
<!-- 4 -->
<div class="card swiper-slide">
<div class="image-content">
<span class="overlay"></span>

<div class="card-image">
<img src="{% static 'assets/img/clients/ankit.jpg' %}" alt="" class="card-img">
<img src="{% static 'assets/img/testamonials/manyata.jpg' %}" alt="" class="card-img">
</div>
</div>

<div class="card-content">
<h2 class="name">Name</h2>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus veniam maxime suscipit quasi voluptate cupiditate fuga repudiandae exercitationem molestiae totam perferendis libero reprehenderit commodi, numquam fugit vitae quibusdam architecto eius.</p>

</div>

</div>
<!-- 9 -->
<div class="card swiper-slide">
<div class="image-content">
<span class="overlay"></span>

<div class="card-image">
<img src="{% static 'assets/img/clients/anish.jpg' %}" alt="" class="card-img">
<div class="domain">
<p>Web Dev</p>
</div>
</div>

<div class="card-content">
<h2 class="name">Name</h2>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus veniam maxime suscipit quasi voluptate cupiditate fuga repudiandae exercitationem molestiae totam perferendis libero reprehenderit commodi, numquam fugit vitae quibusdam architecto eius.</p>
<h2 class="name">Manyata</h2>
<p class="description" style="font-size: 9px; line-height: 0.1rem; ">
Participating in the mentorship program was incredibly enriching. My mentor's vast knowledge and guidance empowered me to overcome challenges, achieve goals, and make significant strides in my professional development. The personalized feedback, coupled with networking opportunities, expanded my skills and confidence. I highly recommend this rewarding journey to anyone seeking personal and career growth through mentorship.
</p>

</div>

</div>

<!-- 5 -->

</div>
</div>

Expand Down
Loading