/
africa.php
60 lines (52 loc) · 2.73 KB
/
africa.php
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
59
60
<section id="africa">
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="false">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<!-- Begin stage wrapper -->
<div class="video-wrapper" style="background: url(images/jhb_skyline_1920x1080.jpg) no-repeat center center fixed !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;min-height:800px;">
<!-- Background wrapper: -->
<div class="bg-wrapper" style="min-height:800px;">
<div class="block-wrapper">
<div class="content-wrapper">
<!-- Begin content block -->
<div class="content-block">
<h1 class="white-shadow-text">What we do in <span class="red">South Africa </span></h1>
<h3 class="white-shadow-text">We ignite new brands and rekindle troubled ones.</h3>
</div>
<!-- End content block -->
</div>
</div>
</div>
</div>
</div>
<div class="item ">
<!-- Begin stage wrapper -->
<div class="video-wrapper" style="background: url(images/night_market_1920x1080.jpg) no-repeat center center fixed !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;min-height:800px;">
<!-- Background wrapper: -->
<div class="bg-wrapper" style="min-height:800px;">
<div class="block-wrapper">
<div class="content-wrapper">
<!-- Begin content block -->
<div class="content-block">
<h1 class="white-shadow-text">What we do in <span class="red">Africa</span></h1>
<h3 class="white-shadow-text">We're fueling the wildfire growth of South African brands north of the Limpopo</h3>
</div>
<!-- End content block -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control back" href="#myCarousel" role="button" data-slide="prev"> <img src="images/left-arrow.png" width="30" height="36" style="display:block;" border="0" class="arrow-left"/><span class="sr-only">Previous</span> </a> <a class="right carousel-control forw" href="#myCarousel" role="button" data-slide="next"><img src="images/right-arrow.png" width="30" height="36" style="display:block;" border="0" class="arrow-left"/> <span class="sr-only">Next</span> </a> </div>
</section>