forked from Aframm/Afram
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (77 loc) · 3.85 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Afram</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/css_framework/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/css_Afram/afram.css">
</head>
<body>
<!--<div class="jumbotron text-center" style="margin-bottom:0">
<h1>My First Bootstrap 4 Page</h1>
<p>Resize this responsive page to see the effect!</p>
</div>-->
<nav class="navbar navbar-expand-sm bg-light navbar-light">
<div class="container">
<a class="navbar-brand" href="#"><img class="navbar-img" style="height: 50px;" src="img/afram_logo.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pro-Learn</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Q&A</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About us</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container" style="margin-top:30px">
<div class="row">
<div class="col-sm-12">
<h2>Africa Programming Platform</h2>
<h5>Founded, Sept 13, 2018</h5>
<div class="row">
<div class="offset-sm- col-sm-4 box-shadow">
<p>We are a collection of dedicated and passionate programmers from the African continent. We are committed to developing systems, love programming and trust we provide quality systems adding competitive advantage to our esteemed clients.</p>
</div><div class="col-sm-3 col-md-3 col-lg-3 col-xl-3"></div>
<div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
<img class="img-fluid" src="img/comprehensive.png">
</div>
</div>
<br>
<!-- <h2>Collaboration</h2>-->
<div class="row">
<div class="col-sm-7"><img class="img-fluid" src="img/banner.jpg"></div>
<div class="col-sm-3 box-shadow">
<p>We have come together working on projects, sharing our experience and providing quality and practical solutions in Africa. We collaborate using the best tools in the continent to provide our clients with the solutions to their business processes.</p>
</div></div>
</div>
</div></div><div class="container-fluid">
<div class="row" style="margin-top: 10px;">
<div class="col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3"><img class="img-fluid" src="img/devop.png"></div>
<div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4"><img class="img-fluid" src="img/full.png"></div>
<div class="col-12 col-sm-6 col-md-6 col-lg-2 col-xl-2"><img class="img-fluid" src="img/mobile.png"></div>
<div class="col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3"><img class="img-fluid" src="img/design.png"></div>
</div>
</div>
<div class="jumbotron text-center" style="margin-bottom:0px;">
<p>We collaborate on any size of a project you can imagine</p>
<p style="font-size: 10px;">South Africa | Ghana | Tanzania | Kenya | Nigeria | Lesotho | Uganda | Egypt | Ethiopia | Malawi | Senegal | Niger | Gabon | Gambia | Djibout | Eritrea | Liberia | Chad | Togo | Burkina Faso | Central African Republic | Seychelles | Cape Verde | Somalia | Mozambique | Guinea | Benin | Libya | Mauritius | Madagascar | Mali | Cameroon | Tunisia | Democratic Republic of Congo | Algeria | Morocco | Mauritania | Swaziland | Sierra Leone | Burundi | Congo | South Sudan | Sudan | Comoros | Reunion </p>
<p style="margin-bottom: 5px;">All rights reserved @ 2018</p>
</div>
<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>