Skip to content

about page #28

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Adesomoju wants to merge 1 commit into
base: develop
Choose a base branch
from
Open

about page #28

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
220 changes: 220 additions & 0 deletions aboutUs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,220 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<!-- Page css -->
<link rel="stylesheet" href="./assets/css/signup.css">
<link rel="stylesheet" href="./assets/css/aboutUs.css">
</head>

<body>
<!-- Header -->
<header>
<div class="container-fluid nav-bg">
<nav class="navbar navbar-expand-md navbar-light">
<a href="#" class="navbar-brand pl-lg-5">
<img src="./assets/img/signup/logo.png" alt="logo" class="img-fluid">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" aria-controls="collapsibleNavbar" aria-expanded="false" aria-label="Toggle Navigation">
<!-- <img src="./img/signup/hamburger-menu-38.png" alt="hamburger-menu" class="img-fluid"> -->
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav" id="growth">
<li class="nav-item pr-2 normal">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item pr-2 normal">
<a class="nav-link" href="#">About Us</a>
</li>
<li class="nav-item pr-2 normal">
<a class="nav-link" href="#">Contact Us</a>
</li>
<li class="nav-item pr-2 normal">
<a class="nav-link" href="#">Documentation</a>
</li>
<li class="nav-item abnormal pr-lg-4">
<a class="nav-link" href="#">Sign In</a>
</li>
</ul>
</div>
</nav>
</div>
</header>

<section class="head-back">
<div class="head">
<p class="head_title">An Intelligent Platform</p>
<p class="head_text">Connecting the dot in Communication</p>
</div>
</section>

<section>
<div class="we_are">
<p class="title">Who Are We</p>
<p class="we_are_sub">We are the Future</p>
<p class="we_are_text">The microservice architecture enables the rapid, frequent and reliable delivery of large, complex applications. It also enables an organization to evolve its technology stack.Microservices - also known as the microservice architecture - is
an architectural style that structures an application as a collection of services</p>
</div>
</section>

<section>
<div class="shift green">
<div class="num-row">
<p class="num_title">150M+</p>
<p class="num_text">Subscibers</p>
</div>
<div class="num-row">
<p class="num_title">25K</p>
<p class="num_text">Community</p>
</div>
<div class="num-row">
<p class="num_title">120+</p>
<p class="num_text">Corporate Clients</p>
</div>
</div>
</section>

<section>
<p class="title">Our Story</p>
<div class="shift">
<div class="story-row">
<img class="a1" src="./assets/img/arror.png" alt="">
<p class="story_text">HNG 2020 Interns<br> Conceived the Idea in<br> June 2020</p>
</div>
<div class="story-row">
<img class="a2" src="./assets/img/arror2.png" alt="">
<p class="story_text">Structuring of the Company’s<br> framework by Developers<br> June 2020 </p>
</div>
<div class="story-row">
<img class="a3" src="./assets/img/arror2.png" alt="">
<p class="story_text">Commisioning of<br> the Website<br> July 2020</p>
</div>
</div>
</section>

<section>
<p class="title">Our Core Values</p>
<div class="shift">
<div class="story-row">
<p class="value_title">Innovation</p>
<img class="value_img b1" src="./assets/img/innovation.png" alt="">
<p class="value_text">We explore new paths to<br> ensure you have a Creative<br> product</p>
</div>
<div class="story-row">
<p class="value_title">Efficiency</p>
<img class="value_img b3" src="./assets/img/efficiency.png" alt="">
<p class="value_text">Efficieny is our watch word.<br> We work towards a product<br> that gives you the best reult</p>
</div>
<div class="story-row">
<p class="value_title">Reliability</p>
<img class="value_img b2" src="./assets/img/reliability.png" alt="">
<p class="value_text">Our products are credible<br> andreliabke. We apply tested<br> processes for the desired yield</p>
</div>
</div>
</section>

<section>
<p class="title">Meet Our Leadership</p>
<div class="shift">
<div class="lead-row">
<img class="story_img" src="./assets/img/mark.png" alt="">
<p class="lead_text">Mark Essien </p>
<p class="sub-text">CEO</p>
</div>
<div class="lead-row">
<img class="story_img" src="./assets/img/neo.png" alt="">
<p class="lead_text">Neo Ighodaro</p>
<p class="sub-text">Vice President</p>
</div>
<div class="lead-row">
<img class="story_img" src="./assets/img/segun.png" alt="">
<p class="lead_text">Akinnibosun Segun</p>
<p class="sub-text">Vice President</p>
</div>
</div>
</section>

<section>
<p class="title">Our Investors</p>
<div class="shift">
<div class="lead-row">
<img class="story_img" src="./assets/img/corporate.png" alt="">
</div>
<div class="lead-row">
<img class="story_img" src="./assets/img/partner.png" alt="">
</div>
<div class="lead-row">
<img class="story_img" src="./assets/img/smallcorporate.png" alt="">
</div>
</div>
</section>




<!-- Footer -->
<footer>
<div class="container-fluid">
<div class="row signup-footer">
<div class="col-10 col-sm-5 col-md-4 col-xl-3 mx-auto pt-5">
<img src="./assets/img/signup/footer-logo.png" alt="footer-logo" class="img-fluid">
</div>

<div class="col-10 col-sm-5 col-md-4 col-xl-2 mx-auto pt-4 pt-sm-5">
<p>Products</p>
<ul>
<li><a href="#">Authentication Api</a></li>
<li><a href="#">Excel Api</a></li>
<li><a href="#">SMS Api</a></li>
<li><a href="#">Vibes Api</a></li>
</ul>
</div>

<div class="col-10 col-sm-5 col-md-4 col-xl-2 mx-auto pt-4 pt-sm-5">
<p>Collaboration</p>
<ul>
<li><a href="#">Comments</a></li>
<li><a href="#">Track Changes</a></li>
<li><a href="#">Help Center</a></li>
</ul>
</div>

<div class="col-10 col-sm-5 col-md-6 col-xl-2 mx-auto pt-4 pt-sm-5">
<p>Support</p>
<ul>
<li><a href="#">MicroApi GitHub</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Help Center</a></li>
</ul>
</div>

<div class="col-10 col-sm-11 col-md-6 col-xl-2 mx-auto pt-4 pt-sm-5">
<p>Explore</p>
<ul>
<li><a href="#">Contact Us</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
</div>
<div class="row bottom-footer mt-2">
<p class="col-12 text-center pt-3"> All rights Reserved &copy;MicroApi</p>
</div>
</div>
</footer>
<!-- Script start -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!-- Script end -->
</body>

</html>
Loading