-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
124 lines (117 loc) · 8.03 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>opensource 254</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.2.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cookie">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.css">
<link rel="stylesheet" href="assets/css/styles.min.css?h=4e6f5c0bb129e14bebf8d3811c575d9e">
</head>
<body>
<!-- Start: Navigation with Button -->
<div>
<nav class="navbar navbar-light navbar-expand-md fixed-top navigation-clean-button">
<div class="container"><a class="navbar-brand" href="#">opensource254</a><button class="navbar-toggler" data-toggle="collapse" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse"
id="navcol-1">
<ul class="nav navbar-nav mr-auto">
<li class="nav-item" role="presentation"><a class="nav-link active" href="#">First Item</a></li>
<li class="nav-item" role="presentation"><a class="nav-link active" href="#">Second Item</a></li>
<li class="dropdown nav-item"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#">Dropdown </a>
<div class="dropdown-menu" role="menu"><a class="dropdown-item" role="presentation" href="#">First Item</a><a class="dropdown-item" role="presentation" href="#">Second Item</a><a class="dropdown-item" role="presentation" href="#">Third Item</a></div>
</li>
</ul><span class="navbar-text actions"> <a class="btn btn-light text-truncate shadow-sm pulse animated infinite action-button" role="button" href="#" style="filter: saturate(116%);">join us</a></span></div>
</div>
</nav>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 180"><path fill="#eef4f7" fill-opacity="1" d="M0,96L60,112C120,128,240,160,360,165.3C480,171,600,149,720,128C840,107,960,85,1080,64C1200,43,1320,21,1380,10.7L1440,0L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path></svg>
</div>
<!-- End: Navigation with Button -->
<!-- Start: Features Boxed -->
<div class="features-boxed">
<div class="container">
<!-- Start: Intro -->
<div class="intro">
<h2 class="text-center">About us</h2>
<p class="text-center">Nunc luctus in metus eget fringilla. Aliquam sed justo ligula. Vestibulum nibh erat, pellentesque ut laoreet vitae.</p>
</div>
<!-- End: Intro -->
<!-- Start: Features -->
<div class="row justify-content-center features">
<div class="col-sm-6 col-md-5 col-lg-4 item">
<div class="box">
<img src="assets/img/team.png" alt="team" height="200">
<h3 data-aos="fade" class="name">Works everywhere</h3>
<p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu.</p>
</div>
</div>
<div class="col-sm-6 col-md-5 col-lg-4 item">
<div class="box">
<img src="assets/img/skill.png" alt="team" height="200">
<h3 data-aos="fade" class="name">Always available</h3>
<p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu.</p>
</div>
</div>
<div class="col-sm-6 col-md-5 col-lg-4 item">
<div class="box">
<img src="assets/img/career.png" alt="team" height="200">
<h3 data-aos="fade" class="name">Customizable </h3>
<p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu.</p>
</div>
</div>
</div>
<!-- End: Features -->
</div>
</div>
<!-- End: Features Boxed -->
<!-- Start: Features Boxed -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 180"><path fill="#eef4f7" fill-opacity="100" d="M0,96L60,112C120,128,240,160,360,165.3C480,171,600,149,720,128C840,107,960,85,1080,64C1200,43,1320,21,1380,10.7L1440,0L1440,0L1380,0C1320,0,1200,0,1080,0C960,0,840,0,720,0C600,0,480,0,360,0C240,0,120,0,60,0L0,0Z"></path></svg> <div class="container" style="background-color: #ffffff;">
<!-- Start: Intro -->
<div class="intro">
<h2 class="text-center">About us</h2>
<p class="text-center">Nunc luctus in metus eget fringilla. Aliquam sed justo ligula. Vestibulum nibh erat, pellentesque ut laoreet vitae.</p>
</div>
<!-- End: Intro -->
</div>
</div>
<!-- End: Features Boxed -->
<!-- Start: Pretty Footer -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 170"><path fill="#292c2f" fill-opacity="1" d="M0,128L120,138.7C240,149,480,171,720,170.7C960,171,1200,149,1320,138.7L1440,128L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z"></path></svg> <footer>
<div class="row">
<div class="col-sm-6 col-md-4 footer-navigation">
<h3></h3>
<p class="links"><a href="#">Home</a><strong> · · · </strong><a href="#">About</a><strong> · </strong><a href="#">Faq</a><strong> · </strong><a href="#">Contact</a></p>
<p class="company-name">opensource kenya © 2020</p>
</div>
<div class="col-sm-6 col-md-4 footer-contacts">
<div><span class="fa fa-map-marker footer-contacts-icon" style="color: rgb(18,149,138);"> </span>
<p><span class="new-line-span">kenya</span></p>
</div>
<div><i class="fa fa-phone footer-contacts-icon" style="color: rgb(18,149,138);"></i>
<p class="footer-center-info email text-left"> +254</p>
</div>
<div><i class="fa fa-envelope footer-contacts-icon" style="color: rgb(18,149,138);"></i>
<p> <a href="#" target="_blank">[email protected]</a></p>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-4 footer-about">
<h4>About the opensource</h4>
<p> Lorem ipsum dolor sit amet, consectateur adispicing elit. Fusce euismod convallis velit, eu auctor lacus vehicula sit amet. </p>
<div class="social-links social-icons"><a href="#"><i class="fa fa-facebook" style="color: rgb(18,149,138);"></i></a><a href="#"><i class="fa fa-twitter" style="color: rgb(18,149,138);"></i></a><a href="#"><i class="fa fa-linkedin" style="color: rgb(18,149,138);"></i></a>
<a
href="#"><i class="fa fa-github" style="color: rgb(18,149,138);"></i></a>
</div>
</div>
</div>
</footer>
<!-- End: Pretty Footer -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.2.1/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.js"></script>
<script src="assets/js/script.min.js?h=2a0d40cabb24d9b4a16bf3644a15df35"></script>
</body>
</html>