-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (148 loc) · 7.65 KB
/
index.html
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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hemera Capital Partners</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lusitana&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/header.css">
<link rel="stylesheet" href="css/strategy.css">
<link rel="stylesheet" href="css/competencie.css">
<link rel="stylesheet" href="css/strategic-2.css">
<link rel="stylesheet" href="css/impact.css">
<link rel="stylesheet" href="css/hcp-text.css">
<link rel="stylesheet" href="css/footer.css">
<script src="https://kit.fontawesome.com/e78319cec3.js" crossorigin="anonymous"></script>
</head>
<body>
<header class="container header">
<h1 class="logo-name">
<canvas id="symbol"></canvas>
<a href="#">
<p>Hemera</p>
<p>Capital</p>
<p>Partners</p>
</a>
</h1>
<nav>
<div class="header__hamburguer-icon">
<div class="header__hamburguer-line"></div>
<div class="header__hamburguer-line"></div>
<div class="header__hamburguer-line"></div>
</div>
<ul class="header__menu">
<div class="dropdown">
<li class="menu__item"><a id="drop" class="dropdown-btn" href="#">About <i class="fas fa-angle-down"></i></li>
<ul id="about" class="dropdown__items">
<li class="dropdown__item"><a href="#">the firm</a></li>
<li class="dropdown__item"><a href="#">competencies</a></li>
<li class="dropdown__item"><a href="#">people</a></li>
<li class="dropdown__item"><a href="#">reports</a></li>
</ul>
</div>
<li class="menu__item"><a href="#">geographies</a></li>
<li class="menu__item"><a href="#">southern Africa</a></li>
<li class="menu__item"><a href="#">responsability</a></li>
<li class="menu__item"><a href="#">contacts</a></li>
<div class="dropdown">
<li class="menu__item"><a id="drop" class="dropdown-btn" href="#">en <i class="fas fa-angle-down"></i></li>
<ul id="language" class="dropdown__items">
<li class="dropdown__item"><a href="#">en</a></li>
<li class="dropdown__item"><a href="#">pt</a></li>
</ul>
</div>
</ul>
</nav>
<div class="separator"></div>
<section class="porpose">
<h1 class="porpose__title">We provide asset management &
financial advisory services with a focus on Southern Africa
</h1>
<div class="info">
<p class="info__text">With five regulated investment vehicles under management,
we combine a deep understanding of asset management and
investment banking with hands-on knowledge of the core markets.
</p>
<p class="info__link"><a href="#">Learn more about us</a></p>
</div>
</section>
</header>
<section class="container container__section">
<img class="container__img strategy__img" src="img/nature-1599401_1280.jpg" alt="montain image">
<div class="container-info strategic__info">
<span class="info__span strategic__span">key strategic insight</span>
<h2 class="info__title ">Southern Africa, a land of emerging potencial</h2>
<p class="general__text strategic__text">
Nowdays emerging and frontier markets arise as a key drivers of global business strategy,
and Southern Africa, in particular, has been strengthening its base for sustainable growth.
However turning potential into sustainable business opportunities requires a very specific set of skill.
</p>
<a class="btn strategic__link" href="#">our perspective on southern africa</a>
</div>
</section>
<section class="container container__section competencie">
<img class="container__img competencie__img" src="img/mill-g6322e769d_1280.jpg" alt="painwheel">
<div class="container-info competencie__info">
<span class="info__span competencie__span">Our competencies</span>
<h2 class="info__title competencie__title">Asset management, structuring and advisory</h2>
<p class="general__text competencie__text">
We are an asset management and investment banking practice, free of conflicts of interest, and supported by the adoption of the best international practices in terms of management and governance procedures.
</p>
<p class="general__text competencie__text">Learn more about the Geographies we work in and our range of available funds.</p>
<p class="general__text competencie__links">
<a href="#">Competencies</a>
|
<a href="#">Geographies</a>
|
<a href="#">Funds</a>
</p>
</div>
</section>
<section class="container container__section">
<div class="container-info strategic-2__info">
<img class="container__img strategic-2__img" src="img/geneva-water-fountain-g751f00b6f_1280.jpg" alt="Geneva city">
<div id="flex-container">
<span class="info__span strategic-2__span">key strategic insight</span>
<h2 class="info__title strategic-2__title">The importance of combining a local presence with a global network</h2>
<p class="general__text strategic-2__text">
HCP is headquartered in Geneva from where we manage a global network with different stakeholders. We combine our presence with local operations that work within the applicable regulatory framework and close to each specific business environment.
</p>
<p class="general__text strategic-2__links">
<a class="btn strategic-2__btn" href="#">About HCP</a>
<a class="btn strategic-2__btn" href="#">The Team</a>
</p>
</div>
</div>
</section>
<section class="container container__section">
<img class="container__img strategy__img" src="img/beach-g4fde94d5c_1280.jpg" alt="montain image">
<div class="container-info strategic__info">
<span class="info__span strategic__span">Impact</span>
<h2 class="info__title impact__title">H-Impact, The HCP initiative to drive sustainability</h2>
<p class="general__text strategic__text">
Our commitment to achieve long term sustainability
in the creation of value and rethink the dynamic of business,
under the principles of shared value, led us to create H-Impact,
our initiative to drive impact and sustainability.
</p>
<a class="btn impact__link" href="#">Visit H-Impact Website</a>
</div>
</section>
<section class="hcp">
<span class="hcp__icon"><i class="fas fa-quote-left"></i></span>
<p class="htcp__text">
Turning potential into sustainable business opportunities
in emerging and frontier markets requires the highly specific
skillset that we have been able to gather at HCP.
</p>
<a class="hcp__link" href="#">Our perspective on Southern Africa</a>
</section>
<script src="js/draw-symbol.js"></script>
</body>
</html>