diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..3163693 --- /dev/null +++ b/css/index.css @@ -0,0 +1,178 @@ + +* { + margin: 0; + padding: 0; + font-family: Poppins; + box-sizing: border-box; + scroll-behavior: smooth; + overflow-x: hidden; + } + + +body{ + + background-color: #E5E5E5; +} + + + /* Navbar */ + .bg-dark { + background-color: #010216 !important; +} +.navbar img{ + margin-left: 6rem; +} +.menu{ + margin-right: 6rem; + border-radius: 5px; + width: 115px; +} +.pl-3, .px-3 { + padding-left: 3rem !important; +} +.pr-3, .px-3 { + padding-right: 0rem !important; +} +.s-in{ + margin-right: 3.5rem; +} +.font-weight-bold { + font-weight: 500 !important; +} +.text-change { + font-size: .9rem; +} + + + + +.navsbar{ + background-color: #16172D; +} + + +/* main body */ + +.tops{ + margin-top: 90px; + margin-left: 50px; +} + +.marginlina { + margin-left: 400px; + margin-right: 400px; +} + + +#as-footer img{ + margin-top: 3rem; + margin-left: 4rem; +} +#as-footer h3 { + color:#fff; + font-size:20px; + font-weight:600; +} +#as-footer ul li { + line-height:35px; +} +#as-footer a, #as-footer p { + color:#fff; + font-size:15px; + font-weight:600; +} +#as-footer a { + color:#fff; + text-decoration:none; +} +#as-footer a:hover { + color:#fff; +} +#as-footer .as_copy { + padding-top:40px; + border-top:1px solid #373b44; +} + +/* Responsiveness */ +@media(max-width:1024px){ +.navbar img{ + margin-left: 0rem; +} +.menu{ + margin-right: 0rem; + width: 115px; +} +.pl-3, .px-3 { + padding-left: 1rem !important; +} +.pr-3, .px-3 { + padding-right: 1rem !important; +} +.s-in{ + margin-right: 3.5rem; +} +} +@media(max-width:834px){ + .navbar{ + padding: .5rem 0rem; + } + .pl-3, .px-3 { + padding-left: 0rem !important; + } + .menu{ + margin-right: 0.2rem; + } + .s-in { + margin-right: 1.5rem; + } +} +@media(max-width:414px){ + .pl-3, .px-3 { + padding-left: 1rem !important; + } + #as-footer h3 { + font-size: 29px; + text-align: center; + } + #as-footer img{ + margin-top: 0rem; + margin-left: 7rem; + } + .api{ + margin-left: 8rem + } + .other{ + margin-left: 9.6rem + } + .othe{ + margin-left: 9.1rem + } + .oth{ + margin-left: 10.6rem + } + .ap{ + margin-left: 8.8rem; + } +} +@media(max-width:375px){ + .api{ + margin-left: 7.5rem + } + .other{ + margin-left: 8.6rem + } + .othe{ + margin-left: 8.1rem + } + .oth{ + margin-left: 9.6rem + } + .ap{ + margin-left: 7.8rem; + } +} +@media(max-width:360px){ + .api{ + margin-left: 7.2rem; + } +} \ No newline at end of file diff --git a/documentation.css b/documentation.css new file mode 100644 index 0000000..57ca042 --- /dev/null +++ b/documentation.css @@ -0,0 +1,54 @@ +*{ + margin: 0; + padding: 0; + font-family: 'Poppins', sans-serif; +} + + +.search{ + margin-top: 50px; + margin-bottom: 40px; +} + +/* +.text{ + font-style: normal; + font-weight: 500; + font-size: 28px; + line-height: 42px +} + +.text2{ + font-style: normal; + font-weight: 300; + font-size: 21px; + line-height: 31px; +} + +.text3{ + font-style: normal; + font-weight: normal; + font-size: 32px; + line-height: 48px; +} + +.text4{ + font-style: normal; + font-weight: normal; + font-size: 21px; + line-height: 31px; +} + +.text5{ + font-style: normal; + font-weight: normal; + font-size: 28px; + line-height: 42px; +} + +.text6{ + font-style: normal; + font-weight: bold; + font-size: 32px; + line-height: 48px; +} \ No newline at end of file diff --git a/documentation.html b/documentation.html new file mode 100644 index 0000000..3b99e6c --- /dev/null +++ b/documentation.html @@ -0,0 +1,267 @@ + + + + + + Documentation + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ +
+
+
+ API + Dashboard +
+
+
+ +
+

micro API Documentation

+

We've tailored our platform to provide the best experience which means you get a ton of support options so you put all your energy into creating awesome applications.

+

Irrespective of the application or the stage it in, development or production, we have a suppport plan that fits into yours. To get a comprehensive description of our standing offerings checkout our Support Policy

+
+ + +
+
+

Quick start

+
+
+ images +
+
Overview
+

microAPI has made intergrations easy for developers, with our easy framework

+
+
+
+ images +
+
Implement API
+

microAPI has made intergrations easy for developers, with our easy framework

+
+
+
+ images. +
+
Authentication
+

microAPI has made intergrations easy for developers, with our easy framework

+
+
+
+ images. +
+
Track & Monitor
+

microAPI has made intergrations easy for developers, with our easy framework

+
+
+
+
+
+ + +
+
+

Overview

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Adipiscing massa fermentum, sed aliquam blandit risus ut. Neque lacinia enim massa non. Nisi, sit egestas purus pharetra mi mattis vel. Donec lectus a dignissim tincidunt at consequat sapien ultricies risus.

+
+
+ + +
+
+

What is microAPI

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tellus eu magna arcu ligula sollicitudin. Tortor, orci bibendum in aliquet non. Ultrices dui condimentum volutpat pellentesque. Congue sed in neque, morbi tortor, placerat lectus interdum augue.

+
+
+ + +
+
+

Why use microAPI as a developer?

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tellus eu magna arcu ligula sollicitudin. Tortor, orci bibendum in aliquet non. Ultrices dui condimentum volutpat pellentesque. Congue sed in neque, morbi tortor, placerat lectus interdum augue.

+
+
+ +
+
+
+

There are several ways to get started with microAPI, you can either:

+

1. Use npm to install the microAPI package +

2. Use msDelivr to install the microAPI package

+

3. Use Github repository to get thelatest development version

+
+
+
+ +
+
+
+

1 Use NPM (recommended) :

+
+ +
+
+
+
+ + + +
+ +
+
+
+

# Code requirements

+
+

For microAPI to work correctly, youneed to make your webpage responsive

+
+
+

1 Use the HTML5 doctype

+
+ +
+
+
+
+

2 Add the responsive viewport meta tag

+
+ +
+
+
+
+

# Starter template

+
+ +
+
+
+
+
+ +
+
+

Some of our partners

+
+
+ +
+
+ +
+
+ +
+
+
+
+ + +
+ +
+ + + \ No newline at end of file diff --git a/fonts/gilroy-bold.woff b/fonts/gilroy-bold.woff new file mode 100644 index 0000000..2bf8fdb Binary files /dev/null and b/fonts/gilroy-bold.woff differ diff --git a/img1.png b/img1.png new file mode 100644 index 0000000..c2eb414 Binary files /dev/null and b/img1.png differ diff --git a/index.html b/index.html index e69de29..59d753d 100644 --- a/index.html +++ b/index.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git a/logo 4.png b/logo 4.png new file mode 100644 index 0000000..7899602 Binary files /dev/null and b/logo 4.png differ diff --git a/logo.png b/logo.png new file mode 100644 index 0000000..a5b06df Binary files /dev/null and b/logo.png differ diff --git a/logo1.png b/logo1.png new file mode 100644 index 0000000..454594c Binary files /dev/null and b/logo1.png differ diff --git a/logo2.png b/logo2.png new file mode 100644 index 0000000..eff6039 Binary files /dev/null and b/logo2.png differ diff --git a/logo3.png b/logo3.png new file mode 100644 index 0000000..efde124 Binary files /dev/null and b/logo3.png differ