Code Sponsors Section

<figure>
    <img class="logo-sponsor" src="resources/img/barcelona_logo.png" alt="barcelona">
    <figcaption>
          Barcelona
    </figcaption>
</figure>
1
2
3
4
5
6

<section class="sponsors-section">
    <h2>Sponsors</h2>
    <div class="row">
        <ul class="sponsors-showcase clearfix">
            <li>
                <figure>
                    <img class="logo-sponsor" src="resources/img/barcelona_logo.png" alt="barcelona">
                    <figcaption>
                          Barcelona
                    </figcaption>
                </figure>
            </li>
            <li>
                <figure>
                    <img class="logo-sponsor" src="resources/img/mctcity_logo.png" alt="manchester city">
                    <figcaption>
                          Manchester City
                    </figcaption>
                </figure>
            </li>
            <li>
                <figure>
                    <img class="logo-sponsor" src="resources/img/tottenham_logo.png" alt="tottenham hotspur">
                    <figcaption>
                          Tottenham Hotspur
                    </figcaption>
                </figure>
            </li>
        </ul>
        <ul class="sponsors-showcase clearfix">
            <li>
                <figure>
                    <img class="logo-sponsor"src="resources/img/real_logo.png" alt="real marid">
                    <figcaption>
                          Real Marid
                    </figcaption>
                </figure>
            </li>
            <li>
                <figure>
                    <img class="logo-sponsor" src="resources/img/juventus_logo.png" alt="Juventus">
                    <figcaption>
                          Juventus
                    </figcaption>
                </figure>
            </li>
            <li>
                <figure>
                    <img  class="logo-sponsor" src="resources/img/mctunited_logo.png" alt="manchester united">
                    <figcaption>
                          Manchester United
                    </figcaption>
                </figure>
            </li>
        </ul>
    </div>
</section>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

/* ----------------------------------- */
/* --------SPONSOR SECTION-------- */
/* ------------------------------------ */
.sponsors-section{
    background-color: #f4f4f4;
}

.sponsors-section h2{
      margin-bottom: 50px;
}

.sponsors-showcase{
   margin-left: 8%;
}

.sponsors-showcase li{
   list-style: none;
   float: left;
   width: 30%;
   text-align: center;
   margin-bottom: 20px;
}

.logo-sponsor{
   width: 140px;
   cursor: pointer;
   transition: all .3s;
}

.sponsors-showcase li .logo-sponsor:hover,
.sponsors-showcase li .logo-sponsor:active{
   transform: scale(1.2);
}

figcaption{
   color: #265077;
   font-weight: 900;
   font-size: 120%;
   cursor: pointer;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41