diff --git a/.cobalt.yml b/.cobalt.yml
new file mode 100644
index 0000000..3dc7db5
--- /dev/null
+++ b/.cobalt.yml
@@ -0,0 +1,6 @@
+name: Actix-web framework
+source: "."
+dest: "build"
+ignore:
+ - .git/*
+ - build/*
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a2dfc49
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+.DS_Store
+
+build/
diff --git a/_includes/footer.liquid b/_includes/footer.liquid
new file mode 100644
index 0000000..239e3b2
--- /dev/null
+++ b/_includes/footer.liquid
@@ -0,0 +1,3 @@
+
diff --git a/_includes/head.liquid b/_includes/head.liquid
new file mode 100644
index 0000000..f0f53cb
--- /dev/null
+++ b/_includes/head.liquid
@@ -0,0 +1,6 @@
+
+
+
+ {{ title }}
+
+
diff --git a/_includes/header.liquid b/_includes/header.liquid
new file mode 100644
index 0000000..6bafc58
--- /dev/null
+++ b/_includes/header.liquid
@@ -0,0 +1,12 @@
+
diff --git a/_layouts/default.liquid b/_layouts/default.liquid
new file mode 100644
index 0000000..3baaad7
--- /dev/null
+++ b/_layouts/default.liquid
@@ -0,0 +1,17 @@
+
+
+
+ {% include "head.liquid" %}
+
+
+
+ {% include "header.liquid" %}
+
+
+ {{ content }}
+
+
+
+
diff --git a/_layouts/docs.liquid b/_layouts/docs.liquid
new file mode 100644
index 0000000..2fe2f87
--- /dev/null
+++ b/_layouts/docs.liquid
@@ -0,0 +1,41 @@
+
+
+
+ {% include "head.liquid" %}
+
+
+
+ {% include "header.liquid" %}
+
+
+
+
+
+
+ {{ content }}
+
+
+
+
+## Examples
+
+The words is comming.
+
+
+
+
diff --git a/docs/Advance-example.md b/docs/Advance-example.md
new file mode 100644
index 0000000..4a417b5
--- /dev/null
+++ b/docs/Advance-example.md
@@ -0,0 +1,8 @@
+extends: docs.liquid
+title: "Docs::Advance Example"
+route: Advance-example
+---
+
+## Advance Example
+
+The words is comming.
\ No newline at end of file
diff --git a/docs/Basics-example.md b/docs/Basics-example.md
new file mode 100644
index 0000000..668f47b
--- /dev/null
+++ b/docs/Basics-example.md
@@ -0,0 +1,8 @@
+extends: docs.liquid
+title: "Docs::Basics Example"
+route: Basics-example
+---
+
+## Basics Example
+
+The words is comming.
diff --git a/docs/Misc-example.md b/docs/Misc-example.md
new file mode 100644
index 0000000..24209db
--- /dev/null
+++ b/docs/Misc-example.md
@@ -0,0 +1,7 @@
+extends: docs.liquid
+title: "Docs::Misc Example"
+route: Misc-example
+---
+## Misc Example
+
+The words is comming.
\ No newline at end of file
diff --git a/docs/Reference-example.md b/docs/Reference-example.md
new file mode 100644
index 0000000..9b582b4
--- /dev/null
+++ b/docs/Reference-example.md
@@ -0,0 +1,8 @@
+extends: docs.liquid
+title: "Docs::Reference Example"
+route: Reference-example
+---
+
+## Reference Example
+
+The words is comming.
diff --git a/index.liquid b/index.liquid
new file mode 100644
index 0000000..95a8b6e
--- /dev/null
+++ b/index.liquid
@@ -0,0 +1,59 @@
+extends: default.liquid
+title: Actix-web framework
+---
+
+
+
+
Actix-web framework
+
Actix-web is a fast, down-to-earth, open source rust web framework.
+
+
+
+
+
+ Type Safe
+ The words is comming.
+
+
+ Stability
+ The words is comming.
+
+
+ Extensible
+ The words is comming.
+
+
+
+
+ Async Everything
+ The words is comming.
+
+
+ Blazingly Fast
+ The words is comming.
+
+
+ Easy To Use
+ The words is comming.
+
+
+
+
+ HTTP/1.x and HTTP/2.0
+ The words is comming.
+
+
+ Streaming and pipelining
+ The words is comming.
+
+
+ WebSockets
+ The words is comming.
+
+
+
+
+
+
+## Examples
+
+The words is comming.
+
+
+
+
\ No newline at end of file
diff --git a/public/css/styles.css b/public/css/styles.css
new file mode 100644
index 0000000..f3e0fec
--- /dev/null
+++ b/public/css/styles.css
@@ -0,0 +1,318 @@
+:root {
+ --orange: #F1592A;
+ --dark-orange: #A12700;
+ --light-orange: #FF9C7C;
+
+ --dark-grey: #58585A;
+ --med-grey: #818285;
+ --light-grey: #D1D2D4;
+ --med-dark-grey: #6D6E71;
+
+ --black: #000;
+ --white: #fff;
+
+ --font-stack: helvetica, arial, sans-serif;
+
+ --breakpoint: 55rem;
+}
+
+*, *:before, *:after {
+ box-sizing: border-box;
+ padding:0px; margin:0px;
+}
+
+body {
+ border-top: 4px solid var(--orange);
+ font-family: var(--font-stack);
+ line-height: 1.4rem;
+}
+
+a {
+ color: var(--orange);
+ /* color: inherit; */
+ text-decoration: none;
+}
+a:hover { color:#067a1f;text-decoration:underline; }
+
+ul, ol, li {
+ list-style: none;
+}
+
+/* ----------------------------------------nav----------------------------------------*/
+#lnav {
+ position: fixed;
+ width: 100%;
+ line-height: 60px;
+ zoom:1;
+ display: flex;
+ background-color: white;
+ justify-content: space-between;
+ border-bottom: 1px solid #dfdcdc;
+ box-shadow: 0 3px 3px rgba(200, 216, 206, 0.12), 0 3px 3px rgba(97, 107, 100, 0.24);
+}
+
+#lnav h1 a {
+ font-size: 33px;
+ margin: auto 2vw;
+ font-weight: bold;
+}
+#lnav label {
+ float: right;
+ font-size: 26px;
+ font-weight: bold;
+ margin: auto 2vw;
+}
+
+/* ----------------------------------------main----------------------------------------*/
+section.docs aside ul li a {
+ display: inline-block;
+ margin-bottom: 0.25rem;
+ text-decoration: none;
+ transition: all 0.15s ease-in-out;
+}
+
+section.docs aside ul li a.active,
+section.docs aside ul li a:hover,
+section.docs aside ul li a:active,
+section.docs aside ul li a:focus {
+ font-weight: bold;
+ background: var(--orange);
+ color: var(--white);
+ padding: 0.25rem 0.5rem;
+ border-radius: 3px;
+}
+
+pre {
+ display: block;
+ padding: 9.5px;
+ margin: 0 0 10px;
+ font-size: 13px;
+ line-height: 1.42857143;
+ color: var(--dark-grey);
+ word-break: break-all;
+ word-wrap: break-word;
+ background-color: #f5f5f5;
+ border: 1px solid #ccc;
+ text-shadow: none;
+}
+
+code {
+ padding: 2px 4px;
+ font-size: 90%;
+ background-color: #f5f5f5;
+ border-radius: 4px;
+ border: 1px solid #ccc;
+ color: var(--dark-grey);
+ text-shadow: none;
+}
+
+pre code {
+ padding: 0;
+ font-size: inherit;
+ color: inherit;
+ white-space: pre-wrap;
+ background-color: transparent;
+ border-radius: 0;
+ border: 0;
+}
+
+/* ----------------------------------------footer----------------------------------------*/
+footer {
+ text-align: center;
+ background-color: #f9f9f9;
+ justify-content: center;
+}
+
+footer p {
+ margin: 0;
+ font-weight: lighter;
+ padding: 1rem 0;
+}
+
+/* ----------------------------------------home page----------------------------------------*/
+#top {
+ background-color: rgb(243, 225, 123);
+ padding: 2rem;
+ text-align: center;
+ line-height: 3rem;
+}
+#top h1 {
+ font-size: 3rem;
+ color: #b71fdd;
+}
+#top p {
+ font-size: 1.5rem;
+ color: rgb(240, 105, 60);
+}
+#top button {
+ margin-right: 15px;
+ font-size: 18px;
+ padding: 8px 30px;
+ background-color: rgb(21, 233, 109);
+ border: none;
+}
+
+#Features {
+ margin-top: 2rem;
+ padding: 0 1rem;
+}
+#Features #feature {
+ margin-bottom: 2rem;
+}
+#Features article h3 {
+ font-size: 1.5rem;
+ color: #b71fdd;
+}
+
+#Features article p {
+ padding: 1rem 0;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* ----------------------------------------mobile----------------------------------------*/
+@media only screen and (max-width: 600px) {
+ #rnav {
+ display: none;
+ }
+ section {
+ margin: 5rem auto 2rem ;
+ width: 94%;
+ }
+}
+/* ----------------------------------------table----------------------------------------*/
+@media only screen and (min-width: 600px) and (max-width: 1000px) {
+ #menu {
+ display: none;
+ }
+ #lnav h1 a {
+ font-size: 33px;
+ margin: auto 6vw;
+ font-weight: bold;
+ }
+
+ #rnav {
+ position: fixed;
+ right: 0;
+ line-height: 60px;
+ padding-right: 6vw;
+ }
+
+ #rnav li {
+ display: inline-block;
+ }
+ #rnav li a {
+ font-size: 20px;
+ font-weight: bold;
+ padding-left: 2vw;
+ }
+ main {
+ margin: 0 auto;
+ width: 88%;
+ }
+ section {
+ margin-top: 3rem;
+ padding: 2rem 0;
+ position: relative;
+ }
+
+ section.docs .inner {
+ display: flex;
+ }
+
+ section.docs aside {
+ flex: 0 1 30%;
+ }
+
+ section.docs main {
+ flex: 0 1 70%;
+ }
+ .columns {
+ display: flex;
+ }
+
+ .columns.three > article {
+ flex: 0 1 33%;
+ margin-right: 1.5%;
+ }
+
+ .columns.three > article:last-child {
+ margin-right: 0;
+ }
+}
+
+/* ----------------------------------------desktop----------------------------------------*/
+@media only screen and (min-width: 1000px) {
+ #menu {
+ display: none;
+ }
+ #lnav h1 a {
+ font-size: 33px;
+ margin: auto 11vw;
+ font-weight: bold;
+ }
+ #rnav {
+ position: fixed;
+ right: 0;
+ line-height: 60px;
+ padding-right: 10vw;
+ }
+
+ #rnav li {
+ display: inline-block;
+ }
+ #rnav li a {
+ font-size: 20px;
+ font-weight: bold;
+ padding-left: 2vw;
+ }
+ main {
+ margin: 0 auto;
+ width: 77%;
+ }
+ section {
+ margin-top: 4rem;
+ padding: 2rem 0;
+ position: relative;
+ }
+
+ section.docs .inner {
+ display: flex;
+ }
+
+ section.docs aside {
+ flex: 0 1 30%;
+ }
+ section.docs aside p {
+ font-size: 1.3rem;
+ font-weight: bold;
+ }
+ section.docs main {
+ flex: 0 1 70%;
+ }
+
+ .columns {
+ display: flex;
+ }
+
+ .columns.three > article {
+ flex: 0 1 33%;
+ margin-right: 1.5%;
+ }
+
+ .columns.three > article:last-child {
+ margin-right: 0;
+ }
+}
diff --git a/public/imgs/ACTIX.png b/public/imgs/ACTIX.png
new file mode 100644
index 0000000..673e0f0
Binary files /dev/null and b/public/imgs/ACTIX.png differ
diff --git a/public/imgs/favicon.ico b/public/imgs/favicon.ico
new file mode 100644
index 0000000..3a3c738
Binary files /dev/null and b/public/imgs/favicon.ico differ
diff --git a/tutorials.md b/tutorials.md
new file mode 100644
index 0000000..48a4735
--- /dev/null
+++ b/tutorials.md
@@ -0,0 +1,15 @@
+extends: default.liquid
+path: /:filename/
+---
+
+
+
+
+
+## Examples
+
+The words is comming.
+
+
+
+
\ No newline at end of file