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" id="bottomStrike">
33
<span id="bottomDivider"
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
overflow: hidden;
13
white-space: nowrap;
14
}
15
16
.strike>span {
17
position: relative;
18
display: inline-block;
19
margin-left: 50px;
20
}
21
22
#bottomStrike {
23
text-align: end;
24
}
25
26
.strike>#bottomDivider {
27
margin-right: 50px;
28
}
29
30
.strike>span:before,
31
.strike>span:after {
32
content: "";
33
position: absolute;
34
top: 50%;
35
width: 9999px;
36
height: 1px;
37
background: grey;
38
}
39
40
.strike>span:before {
41
right: 100%;
42
margin-right: 15px;
43
}
44
45
.strike>span:after {
46
left: 100%;
47
margin-left: 15px;
48
}
1
1
Console errors: 0