Skip to content

Commit 3445a14

Browse files
sanjana317sanjana317
committed
changed bg color of testimonial section
1 parent 33c005a commit 3445a14

File tree

2 files changed

+64
-70
lines changed

2 files changed

+64
-70
lines changed

‎index.css

+5-15
Original file line numberDiff line numberDiff line change
@@ -391,21 +391,6 @@ form {
391391
background-color: #fdff00;
392392
}
393393

394-
/* testimonial */
395-
.d-block{
396-
padding-bottom: 170px;
397-
padding-left: 538px;
398-
}
399-
400-
.head{
401-
text-align: center;
402-
}
403-
404-
.text-box{
405-
font-size: 16px;
406-
font-style: italic;
407-
}
408-
409394
/* PRELOADER CODE BEGIN */
410395

411396
.no-scroll-y {
@@ -585,3 +570,8 @@ form {
585570
font-style: italic;
586571
}
587572

573+
.testimonial-section{
574+
position: relative;
575+
background-size: cover ;
576+
background-color: #E8E8E8;
577+
}

‎index.html

+59-55
Original file line numberDiff line numberDiff line change
@@ -60,75 +60,79 @@
6060
</header>
6161

6262
<section class="banner"></section>
63-
6463
<div class="info">
6564
A Step <span>Towards Bright Future!!</span>
6665
<br />
67-
6866
<button type="" name="button" class="start">
6967
<a href="sawo.html">Get Started</a>
7068
</button>
7169
</div>
7270

7371
<!-- Testimonial Slider -->
74-
<h1 class="head">WHAT OUR USERS SAY ABOUT OUR SERVICES?</h1>
75-
<div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel">
76-
<div class="carousel-indicators">
77-
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active"
78-
aria-current="true" aria-label="Slide 1"></button>
79-
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1"
80-
aria-label="Slide 2"></button>
81-
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2"
82-
aria-label="Slide 3"></button>
83-
</div>
84-
<div class="carousel-inner">
85-
<div class="carousel-item active" data-bs-interval="10000">
86-
<img src="Images/img-2-modified.png" class="d-block">
87-
<div class="carousel-caption d-none d-md-block">
88-
<h5>Person 1</h5>
89-
<p class="text-box">"Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro voluptatum
90-
dolores
91-
blanditiis facere
92-
consequatur illo expedita alias, eligendi, magnam labore error ipsam placeat eum veniam nesciunt
93-
fuga
94-
ratione hic autem!"</p>
95-
</div>
72+
<section class="testimonial-section">
73+
<h1 class="head">WHAT OUR USERS SAY ABOUT OUR SERVICES?</h1>
74+
<div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel">
75+
<div class="carousel-indicators">
76+
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active"
77+
aria-current="true" aria-label="Slide 1"></button>
78+
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1"
79+
aria-label="Slide 2"></button>
80+
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2"
81+
aria-label="Slide 3"></button>
9682
</div>
97-
<div class="carousel-item" data-bs-interval="2000">
98-
<img src="Images/img-1-modified.png" class="d-block">
99-
<div class="carousel-caption d-none d-md-block">
100-
<h5>Person 2</h5>
101-
<p class="text-box">"Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, repudiandae!
102-
Repudiandae
103-
quod eaque vitae
104-
quas nemo, cum fugiat consequatur. Quo quas minima laborum animi tempore maiores ducimus
105-
perspiciatis, porro
106-
qui."</p>
83+
<div class="carousel-inner">
84+
<div class="carousel-item active" data-bs-interval="10000">
85+
<img src="Images/img-2-modified.png" class="d-block">
86+
<div class="carousel-caption d-none d-md-block">
87+
<h5>Person 1</h5>
88+
<p class="text-box">"Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro voluptatum
89+
dolores
90+
blanditiis facere
91+
consequatur illo expedita alias, eligendi, magnam labore error ipsam placeat eum veniam
92+
nesciunt
93+
fuga
94+
ratione hic autem!"</p>
95+
</div>
10796
</div>
108-
</div>
109-
<div class="carousel-item">
110-
<img src="Images/img-4-modified.png" class="d-block">
111-
<div class="carousel-caption d-none d-md-block">
112-
<h5>Person 3</h5>
113-
<p class="text-box">"Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam dolorum,
114-
perferendis sed
115-
voluptates omnis
116-
asperiores. Optio voluptatum, aut officia possimus dolores, omnis obcaecati nihil cupiditate at
117-
ipsum
118-
officiis architecto sint!"</p>
97+
<div class="carousel-item" data-bs-interval="2000">
98+
<img src="Images/img-1-modified.png" class="d-block">
99+
<div class="carousel-caption d-none d-md-block">
100+
<h5>Person 2</h5>
101+
<p class="text-box">"Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi,
102+
repudiandae!
103+
Repudiandae
104+
quod eaque vitae
105+
quas nemo, cum fugiat consequatur. Quo quas minima laborum animi tempore maiores ducimus
106+
perspiciatis, porro
107+
qui."</p>
108+
</div>
109+
</div>
110+
<div class="carousel-item">
111+
<img src="Images/img-4-modified.png" class="d-block">
112+
<div class="carousel-caption d-none d-md-block">
113+
<h5>Person 3</h5>
114+
<p class="text-box">"Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam dolorum,
115+
perferendis sed
116+
voluptates omnis
117+
asperiores. Optio voluptatum, aut officia possimus dolores, omnis obcaecati nihil cupiditate
118+
at
119+
ipsum
120+
officiis architecto sint!"</p>
121+
</div>
119122
</div>
120123
</div>
124+
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark"
125+
data-bs-slide="prev">
126+
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
127+
<span class="visually-hidden">Previous</span>
128+
</button>
129+
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark"
130+
data-bs-slide="next">
131+
<span class="carousel-control-next-icon" aria-hidden="true"></span>
132+
<span class="visually-hidden">Next</span>
133+
</button>
121134
</div>
122-
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="prev">
123-
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
124-
<span class="visually-hidden">Previous</span>
125-
</button>
126-
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="next">
127-
<span class="carousel-control-next-icon" aria-hidden="true"></span>
128-
<span class="visually-hidden">Next</span>
129-
</button>
130-
</div>
131-
135+
</section>
132136
<!-- FOOTER -->
133137

134138
<footer>

0 commit comments

Comments
 (0)