xxxxxxxxxx
1
<section class="my-bg-color">
2
<div class="container py-5">
3
<div class="row d-flex justify-content-center align-items-center">
4
<div
5
class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-10"
6
>
7
<div class="card rounded-3 shadow-custom">
8
<div class="card-body p-5">
9
<div class="d-flex justify-content-center mb-4"></div>
10
<div class="strike mb-3">
11
<span
12
><i class="fas fa-quote-left"></i></span>
13
</div>
14
<figure class="mb-1">
15
<blockquote class="blockquote mb-4">
16
<p class="text-center">
17
<span class="font-italic"
18
>Regresija v pomembne dogodke iz otroštva, v čas, ko
19
smo bili dojenčki, ali celo v prejšnja življenja,
20
lahko omogoči precejšnje olajšanje in korist tudi v
21
sedanjem času. Kdaj je že zgolj s spominjanjem mogoče
22
odstraniti simptome. Spomini lahko vodijo do
23
razumevanja, razumevanje pa pogosto vodi do
24
zdravljenja.</span
25
>
26
</p>
27
</blockquote>
28
<figcaption class="blockquote-footer text-center mb-0">
29
Dr. Brian Weiss<cite title="Source Title"></cite>
30
</figcaption>
31
</figure>
32
<div class="strike mt-2">
33
<span
34
><i class="fas fa-quote-right"></i></span>
35
</div>
36
</div>
37
</div>
38
</div>
39
</div>
40
</div>
41
</section>
xxxxxxxxxx
1
.my-bg-color {
2
background-color: #326796;
3
background: -moz-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
4
background: -webkit-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
5
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3f81bc), color-stop(100%, #326796));
6
background: -o-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
7
background: -ms-radial-gradient(center, ellipse cover, #3f81bc 0%, #326796 100%);
8
background: radial-gradient(ellipse at center, #3f81bc 0%, #326796 100%);
9
}
10
.strike {
11
display: block;
12
text-align: center;
13
overflow: hidden;
14
white-space: nowrap;
15
}
16
17
.strike>span {
18
position: relative;
19
display: inline-block;
20
}
21
22
.strike>span:before,
23
.strike>span:after {
24
content: "";
25
position: absolute;
26
top: 50%;
27
width: 9999px;
28
height: 1px;
29
background: grey;
30
}
31
32
.strike>span:before {
33
right: 100%;
34
margin-right: 15px;
35
}
36
37
.strike>span:after {
38
left: 100%;
39
margin-left: 15px;
40
}
1
1
Console errors: 0