Skip to content

Commit

Permalink
Merge pull request khushi-joshi-05#1406 from Vikashchou-dhary/main
Browse files Browse the repository at this point in the history 
khushi-joshi-05#1126 solved
  • Loading branch information
@khushi-joshi-05
khushi-joshi-05 authored Jul 21, 2024
2 parents b74ed2e + a6274f2 commit f5f14d2
Show file tree
Hide file tree
Showing 4 changed files with 72 additions and 82 deletions.
3 changes: 1 addition & 2 deletions Css-files/offers.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -127,13 +127,12 @@ h4 {
}

h5 {
color: var(--black-color);
color: var(--bs-heading-color);
text-transform: capitalize;
font-family: var(--secondry-font);
font-size: 1.4rem;
font-weight: bolder;
margin-bottom: 0.5rem;
text-shadow: 0 0 12px white;
}

p {
Expand Down
16 changes: 7 additions & 9 deletions Css-files/services.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,16 +69,15 @@ html{
}

.head_container_service {
height: fit-content;
background-image: url(/Images/food.jpg);
}

.first_cont {
flex-wrap: wrap;
}

.items {
overflow: hidden;
max-width: 230px;
max-width: 180px;
}

.items img {
Expand All @@ -103,9 +102,11 @@ html{

.testimonalsection {
padding-top: 20px;
background: linear-gradient(#0d49a3, #428cfa);

}

.fa-star,
.fa-star
.fa-star-half-stroke {
color: goldenrod;
}
Expand Down Expand Up @@ -146,10 +147,6 @@ html{

}

.testimonal__swiper:hover {
border-radius: 50%;
}

.testimonal__swiper>div {
background-color: rgb(138, 37, 37);
height: 33%;
Expand All @@ -159,7 +156,7 @@ html{

.testimonal__swiper:hover>div {
height: 200%;
border-radius: 20%;

}

.testimonal__swiper * {
Expand All @@ -172,6 +169,7 @@ html{

.second_cont {
flex-wrap: wrap;
background-color: black;
}

.deals {
Expand Down
12 changes: 5 additions & 7 deletions Css-files/services1.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,23 +12,21 @@
align-items: center;
flex-wrap: wrap;
gap: 100px 50px;
padding: 100px 50px;
padding: 55px 50px 0 50px;
}

/* background cards size and rounding */
.container .card {
position: relative;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 355px;
align-items: flex-start;
width: 305px;
height: 300px;
background: #fff;
border-radius: 20px;
box-shadow: 0 35px 80px rgba(0, 0, 0, 0.15);
box-shadow: 0 35px 80px rgba(0,0,0,0.15);
transition: 0.5s;
align-items: center;
}

.container .card:hover {
Expand Down
123 changes: 59 additions & 64 deletions Html-files/services.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -261,72 +261,67 @@ <h2 class="testimonal__title">Sudhanshu Sharma</h2>
consequatur atque quia quisquam hic accusamus dolores
sapiente, ipsum maxime, quo odit ut.
</p>
<div class="testimonal__stars">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star-half-stroke"></i>
</div>
</article>
</div>
</div>
<div class="testimonal__swiper">
<div>
<article class="testimonal__card">
<img src="https://blogs.kcl.ac.uk/editlab/files/2017/04/Elena-2-Cropped-200x2801.jpg"
alt="" class="testimonal__image" style=" border-radius: 50%; object-fit: cover;">
<h2 class="testimonal__title">Angel Dravid</h2>
<p class="testimonal__description">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus
quidem
nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic
accusamus
dolores sapiente, ipsum maxime, quo odit ut.
</p>

<div class="testimonal__stars">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star-half-stroke"></i>
</div>
</article>
</div>
</div>
<div class="testimonal__swiper">
<div>
<article class="testimonal__card">
<img
src="https://blogs.kcl.ac.uk/editlab/files/2017/04/Elena-2-Cropped-200x2801.jpg"
alt=""
class="testimonal__image"
style="border-radius: 50%; object-fit: cover"
/>
<h2 class="testimonal__title">Angel Dravid</h2>
<p class="testimonal__description">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus
voluptatibus quidem nostrum neque molestiae fugiat id ex
consequatur atque quia quisquam hic accusamus dolores
sapiente, ipsum maxime, quo odit ut.
</p>

<div class="testimonal__stars">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star-half-stroke"></i>
</div>
</article>
</div>
</div>
<div class="testimonal__swiper">
<div>
<article class="testimonal__card">
<img
src="https://cdn2.psychologytoday.com/assets/styles/manual_crop_1_91_1_1528x800/public/field_blog_entry_images/2018-09/shutterstock_648907024.jpg?itok=7lrLYx-B"
alt=""
class="testimonal__image"
style="border-radius: 50%; object-fit: cover"
/>
<h2 class="testimonal__title">Priya Sharma</h2>
<p class="testimonal__description">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus
voluptatibus quidem nostrum neque molestiae fugiat id ex
consequatur atque quia quisquam hic accusamus dolores
sapiente, ipsum maxime, quo odit ut.
</p>

<div class="testimonal__stars">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star-half-stroke"></i>
</div>
</article>
</div>
</section>
<div class="testimonal__stars">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star-half-stroke"></i>
</div>
</article>
</div>
</div>
<div class="testimonal__swiper">
<div>
<article class="testimonal__card">
<img src="https://cdn2.psychologytoday.com/assets/styles/manual_crop_1_91_1_1528x800/public/field_blog_entry_images/2018-09/shutterstock_648907024.jpg?itok=7lrLYx-B"
alt="" class="testimonal__image" style=" border-radius: 50%; object-fit: cover;">
<h2 class="testimonal__title">Priya Sharma</h2>
<p class="testimonal__description">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus
quidem
nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic
accusamus
dolores sapiente, ipsum maxime, quo odit ut.
</p>

<div class="testimonal__stars">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star-half-stroke"></i>
</div>
</article>
</div>
</div>
</div>
</section>

<div class="second_cont">
<div
class="deals"
Expand Down

0 comments on commit f5f14d2

Please sign in to comment.