-
Notifications
You must be signed in to change notification settings - Fork 0
/
h3-africa.html
128 lines (127 loc) · 7.75 KB
/
h3-africa.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
<!DOCTYPE html>
<html class="no-js" lang="en" dir="ltr">
<head>
<title>AESA Communities of Practice | H3-Africa</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A Shared platform for the AESA community programmes">
<meta property="og:description" content="A Shared platform for the AESA community programmes">
<meta name="keywords" content="AESA, Community of Practice, H3-Africa, African Academy of Sciences">
<meta property="og:title" content="H3-Africa">
<meta property="og:type" content="website">
<meta property="og:site_name" content="AESA Communities of Practice">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href='https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.0/css/foundation.css'>
<link rel="stylesheet" href="css/h3africa.css">
<link rel="stylesheet" href="css/animate.css">
<!--fonts-->
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<!--font-awesome-->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<a href="index.html" class="go-top">Back to top</a>
<!-- Responsive toggle-->
<div style="position: fixed;width: 100%;" class="title-bar " data-responsive-toggle="example-menu" data-hide-for="medium">
<button style="margin-top: 3%;" class="title-bar-right menu-icon" type="button" data-toggle></button>
<div class="title-bar">
<img style="width: 50px;" class="web_logo" src="img/header.jpg">
</div>
</div>
<!-- Nav bar in desktop mode-->
<div class="top-bar header " id="example-menu" style="height: auto;">
<!--top bar left -->
<div class="top-bar-left" style="background-color: #FFFFFF;">
<ul class="dropdown menu" data-dropdown-menu>
<a href="index.html"><img class="web_logo img-rounded" src="img/h3-africa.png"></a>
</ul>
</div>
<!--top bar right -->
<div class=" top-bar-right xx">
<ul class="vertical medium-horizontal menu">
<li><a data-scroll href="#hero" style="padding-top: 10%;">HOME <i class="fa fa-home" aria-hidden="true"></i></a></li>
<li><a href="http://www.aasciences.ac.ke" target="_blank" title="The African Academy of Sciences">AAS</a></li>
<li><a href="http://www.aesa.ac.ke" target="_blank">AESA</a></li>
<!--<li><a data-scroll href="#featured"> Featured Links<i class="fa fa-file-text" aria-hidden="true"></i></a></li>-->
</ul>
</div>
</div>
<!--hero section-->
<section class="hero" id="hero">
<div id="hero-text-padding" class="bounceInLeft">
<p class="big animated fadeInDown" style="font-size: 40px;"> Human Heredity and Health in Africa (H3Africa) </p>
<div style="text-align: center; padding-top: 120px;">
<div class="row" id="links">
<div class="large-3 columns">
<a class="button primary large expanded" href="http://h3africa.org/about" target="_blank" style="background-color: #003A70;" title="About">About <i class="fa fa-chevron-circle-right" aria-hidden="true"></i></a>
</div>
<div class="large-3 columns">
<a class="button secondary large expanded" href="http://h3africa.org/consortium" target="_blank" title="Consortium">Consortium <i class="fa fa-chevron-circle-right" aria-hidden="true"></i></a>
</div>
<div class="large-3 columns">
<a class="button large expanded" href="http://h3africa.org/links" target="_blank" title="Resources" style="background-color: #f26522;">Resources <i class="fa fa-chevron-circle-right" aria-hidden="true"></i></a>
</div>
<div class="large-3 columns">
<a class="button alert large expanded" href="http://localhost/aesa-h3africa" target="_blank" style="font-size: 1.12rem; background-color: #F7A37A;" title="Community of Practice">Community of Practice <i class="fa fa-chevron-circle-right" aria-hidden="true"></i></a>
</div>
</div>
<br>
<!--<a href="#featured" style="color: #DEB200;" title=""> <i class="fa fa-arrow-down fa-2x animated infinite fadeIn" aria-hidden="true"></i></a>-->
</div>
</div>
</section>
<!--footer section-->
<footer id="featured">
<div>
<div class="row">
<div class="large-4 medium-4 columns">
<p class="tt">Featured Links
<br/>
<a href="foo.html" title="Community of Practice">AESA Community of Practice</a>
<br>
<a href="http://aasciences.ac.ke" target="_blank" title="The African Academy of Sciences">The African Academy of Sciences</a>
<br>
<a href="http://aesa.ac.ke" target="_blank" title="AESA"> The Alliance for Accelerating Excellence in Science in Africa</a>
</p>
</div>
<div class="large-4 medium-4 columns">
<p class="tt">Follow Us
<br/>
<a class="foot" href="https://twitter.com/AASciences" target="_blank">
<i class="fa fa-twitter fa-2x"></i>
</a>
<a class="foot" href="https://www.facebook.com/aasciences/" target="_blank">
<i class="fa fa-facebook fa-2x"></i>
</a>
</p>
</div>
<div class="large-4 medium-4 columns">
<p class="tt">Contact Us
<br/>
<a href="http://aesa.ac.ke/privacy-policy/" target="_blank" title="Privacy Policy"><i class="fa fa-lock fa-lg"></i> Privacy Policy</a>
</p>
</div>
</div>
<!-- curent date and year to appear on footer-->
<div class="row" id="copyright" style="text-align: center;">
© African Academy of Sciences.
<script type="text/javascript">
document.write(new Date().getFullYear());
</script>
</div>
</div>
</footer>
<a href="#hero" id="toTop" style="display: block;"><span id="toTopHover" title="scroll up"></span><span id="toTopHover"></span> <span id="toTopHover" style="opacity: 1;"> </span></a>
<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
<script src="js/smooth-scroll.js"></script>
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/what-input.js"></script>
<script src="js/vendor/foundation.min.js"></script>
<script src="js/app.js"></script>
<script>
smoothScroll.init();
</script>
</body>
</html>