<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<!-- Meta -->
<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="">
<!-- Google Font -->
<link href="static/css/css.css" rel="stylesheet">
<!-- FontAwesome JS-->
<script defer="" src="static/js/all.min.js"></script>
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="static/css/theme.css">
</head>
<body>
<header class="header fixed-top">
<div class="branding docs-branding">
<div class="container-fluid position-relative py-2">
<div class="docs-logo-wrapper">
<div class="site-logo"><a class="navbar-brand" href=""><img class="logo-icon mr-2" src="static/picture/coderdocs-logo.svg" alt="logo"><span class="logo-text">Coder<span class="text-alt">Docs</span></span></a></div>
</div><!--//docs-logo-wrapper-->
<div class="docs-top-utilities d-flex justify-content-end align-items-center">
<ul class="social-list list-inline mx-md-3 mx-lg-5 mb-0 d-none d-lg-flex">
<li class="list-inline-item"><a href="#"><i class="fab fa-github fa-fw"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-twitter fa-fw"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-slack fa-fw"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-product-hunt fa-fw"></i></a></li>
</ul><!--//social-list-->
<a href="" class="btn btn-primary d-none d-lg-flex">Download</a>
</div><!--//docs-top-utilities-->
</div><!--//container-->
</div><!--//branding-->
</header><!--//header-->
<div class="page-header theme-bg-dark py-5 text-center position-relative">
<div class="theme-bg-shapes-right"></div>
<div class="theme-bg-shapes-left"></div>
<div class="container">
<h1 class="page-heading single-col-max mx-auto">Documentation</h1>
<div class="page-intro single-col-max mx-auto">Everything you need to get your software documentation online.</div>
<div class="main-search-box pt-3 d-block mx-auto">
<form class="search-form w-100">
<input type="text" placeholder="Search the docs..." name="search" class="form-control search-input">
<button type="submit" class="btn search-btn" value="Search"><i class="fas fa-search"></i></button>
</form>
</div>
</div>
</div><!--//page-header-->
<div class="page-content">
<div class="container">
<div class="docs-overview py-5">
<div class="row justify-content-center">
<div class="col-12 col-lg-4 py-3">
<div class="card shadow-sm">
<div class="card-body">
<h5 class="card-title mb-3">
<span class="theme-icon-holder card-icon-holder mr-2">
<i class="fas fa-map-signs"></i>
</span><!--//card-icon-holder-->
<span class="card-title-text">Introduction</span>
</h5>
<div class="card-text">
Section overview goes here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
</div>
<a class="card-link-mask" href="#"></a>
</div><!--//card-body-->
</div><!--//card-->
</div><!--//col-->
<div class="col-12 col-lg-4 py-3">
<div class="card shadow-sm">
<div class="card-body">
<h5 class="card-title mb-3">
<span class="theme-icon-holder card-icon-holder mr-2">
<i class="fas fa-arrow-down"></i>
</span><!--//card-icon-holder-->
<span class="card-title-text">Installation</span>
</h5>
<div class="card-text">
Section overview goes here. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
</div>
<a class="card-link-mask" href="##section-2"></a>
</div><!--//card-body-->
</div><!--//card-->
</div><!--//col-->
<div class="col-12 col-lg-4 py-3">
<div class="card shadow-sm">
<div class="card-body">
<h5 class="card-title mb-3">
<span class="theme-icon-holder card-icon-holder mr-2">
<i class="fas fa-box fa-fw"></i>
</span><!--//card-icon-holder-->
<span class="card-title-text">APIs</span>
</h5>
<div class="card-text">
Section overview goes here. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.
</div>
<a class="card-link-mask" href="##section-3"></a>
</div><!--//card-body-->
</div><!--//card-->
</div><!--//col-->
<div class="col-12 col-lg-4 py-3">
<div class="card shadow-sm">
<div class="card-body">
<h5 class="card-title mb-3">
<span class="theme-icon-holder card-icon-holder mr-2">
<i class="fas fa-cogs fa-fw"></i>
</span><!--//card-icon-holder-->
<span class="card-title-text">Integrations</span>
</h5>
<div class="card-text">
Section overview goes here. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.
</div>
<a class="card-link-mask" href="##section-4"></a>
</div><!--//card-body-->
</div><!--//card-->
</div><!--//col-->
<div class="col-12 col-lg-4 py-3">
<div class="card shadow-sm">
<div class="card-body">
<h5 class="card-title mb-3">
<span class="theme-icon-holder card-icon-holder mr-2">
<i class="fas fa-tools"></i>
</span><!--//card-icon-holder-->
<span class="card-title-text">Utilities</span>
</h5>
<div class="card-text">
Section overview goes here. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.
</div>
<a class="card-link-mask" href="##section-5"></a>
</div><!--//card-body-->
</div><!--//card-->
</div><!--//col-->
<div class="col-12 col-lg-4 py-3">
<div class="card shadow-sm">
<div class="card-body">
<h5 class="card-title mb-3">
<span class="theme-icon-holder card-icon-holder mr-2">
<i class="fas fa-laptop-code"></i>
</span><!--//card-icon-holder-->
<span class="card-title-text">Web</span>
</h5>
<div class="card-text">
Section overview goes here. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.
</div>
<a class="card-link-mask" href="##section-6"></a>
</div><!--//card-body-->
</div><!--//card-->
</div><!--//col-->
<div class="col-12 col-lg-4 py-3">
<div class="card shadow-sm">
<div class="card-body">
<h5 class="card-title mb-3">
<span class="theme-icon-holder card-icon-holder mr-2">
<i class="fas fa-tablet-alt"></i>
</span><!--//card-icon-holder-->
<span class="card-title-text">Mobile</span>
</h5>
<div class="card-text">
Section overview goes here. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.
</div>
<a class="card-link-mask" href="##section-7"></a>
</div><!--//card-body-->
</div><!--//card-->
</div><!--//col-->
<div class="col-12 col-lg-4 py-3">
<div class="card shadow-sm">
<div class="card-body">
<h5 class="card-title mb-3">
<span class="theme-icon-holder card-icon-holder mr-2">
<i class="fas fa-book-reader"></i>
</span><!--//card-icon-
评论0