` and `` elements , as in the following example. The attribute `open` (expands the Table of Contents by default) and the styling with `{: .text-delta }` are optional.
-
-```markdown
-
` elements , as in the following example. The attribute `open` (expands the Table of Contents by default) and the styling with `{: .text-delta }` are optional.
-
-```markdown
-
-
- Table of contents
-
- {: .text-delta }
-1. TOC
-{:toc}
-
-```
-
-The result is shown at [the top of this page](#navigation-structure) (`{:toc}` can be used only once on each page).
diff --git a/docs/search.md b/docs/search.md
deleted file mode 100644
index 495884d..0000000
--- a/docs/search.md
+++ /dev/null
@@ -1,127 +0,0 @@
----
-layout: default
-title: Search
-nav_order: 7
----
-
-# Search
-{: .no_toc }
-
-## Table of contents
-{: .no_toc .text-delta }
-
-1. TOC
-{:toc}
-
----
-
-Just the Docs uses [lunr.js](http://lunrjs.com) to add a client-side search interface powered by a JSON index that Jekyll generates.
-All search results are shown in an auto-complete style interface (there is no search results page).
-By default, all generated HTML pages are indexed using the following data points:
-
-- Page title
-- Page content
-- Page URL
-
-## Enable search in configuration
-
-In your site's `_config.yml`, enable search:
-
-```yaml
-# Enable or disable the site search
-# Supports true (default) or false
-search_enabled: true
-```
-
-### Search granularity
-
-Pages are split into sections that can be searched individually.
-The sections are defined by the headings on the page.
-Each section is displayed in a separate search result.
-
-```yaml
-# Split pages into sections that can be searched individually
-# Supports 1 - 6, default: 2
-search.heading_level: 2
-```
-
-### Search previews
-
-A search result can contain previews that show where the search words are found in the specific section.
-
-```yaml
-# Maximum amount of previews per search result
-# Default: 3
-search.previews: 3
-
-# Maximum amount of words to display before a matched word in the preview
-# Default: 5
-search.preview_words_before: 5
-
-# Maximum amount of words to display after a matched word in the preview
-# Default: 10
-search.preview_words_after: 10
-```
-
-### Search tokenizer
-
-The default is for hyphens to separate tokens in search terms:
-`gem-based` is equivalent to `gem based`, matching either word.
-To allow search for hyphenated words:
-
-```yaml
-# Set the search token separator
-# Default: /[\s\-/]+/
-# Example: enable support for hyphenated search words
-search.tokenizer_separator: /[\s/]+/
-```
-
-### Display URL in search results
-
-```yaml
-# Display the relative url in search results
-# Supports true (default) or false
-search.rel_url: false
-```
-
-### Display search button
-
-The search button displays in the bottom right corner of the screen and triggers the search input when clicked.
-
-```yaml
-# Enable or disable the search button that appears in the bottom right corner of every page
-# Supports true or false (default)
-search.button: true
-```
-
-
-## Hiding pages from search
-
-Sometimes you might have a page that you don't want to be indexed for the search nor to show up in search results, e.g, a 404 page.
-To exclude a page from search, add the `search_exclude: true` parameter to the page's YAML front matter:
-
-#### Example
-{: .no_toc }
-
-```yaml
----
-layout: default
-title: Page not found
-nav_exclude: true
-search_exclude: true
----
-```
-
-
-## Generate search index when used as a gem
-
-If you use Just the Docs as a remote theme, you do not need the following steps.
-
-If you use the theme as a gem, you must initialize the search by running this `rake` command that comes with `just-the-docs`:
-
-```bash
-$ bundle exec just-the-docs rake search:init
-```
-
-This command creates the `assets/js/zzzz-search-data.json` file that Jekyll uses to create your search index.
-Alternatively, you can create the file manually with [this content]({{ site.github.repository_url }}/blob/master/assets/js/zzzz-search-data.json).
diff --git a/docs/tieng-anh/tieng-anh.md b/docs/tieng-anh/tieng-anh.md
new file mode 100644
index 0000000..4b89477
--- /dev/null
+++ b/docs/tieng-anh/tieng-anh.md
@@ -0,0 +1,8 @@
+---
+layout: default
+title: Tiếng Anh
+has_children: true
+permalink: tieng-anh
+---
+
+# Tiếng Anh
\ No newline at end of file
diff --git a/docs/toan/lop-10/lop-10.md b/docs/toan/lop-10/lop-10.md
new file mode 100644
index 0000000..b1c2ec3
--- /dev/null
+++ b/docs/toan/lop-10/lop-10.md
@@ -0,0 +1,7 @@
+---
+layout: default
+title: Toán 10
+parent: Toán
+has_children: true
+permalink: toan/lop-10
+---
\ No newline at end of file
diff --git a/docs/toan/toan.md b/docs/toan/toan.md
new file mode 100644
index 0000000..d3b7651
--- /dev/null
+++ b/docs/toan/toan.md
@@ -0,0 +1,9 @@
+---
+layout: default
+title: Toán
+nav_order: 1
+has_children: true
+permalink: toan
+---
+
+# Toán
\ No newline at end of file
diff --git a/docs/ui-components/buttons.md b/docs/ui-components/buttons.md
deleted file mode 100644
index 3297f29..0000000
--- a/docs/ui-components/buttons.md
+++ /dev/null
@@ -1,97 +0,0 @@
----
-layout: default
-title: Buttons
-parent: UI Components
-nav_order: 2
----
-
-# Buttons
-{: .no_toc }
-
-## Table of contents
-{: .no_toc .text-delta }
-
-1. TOC
-{:toc}
-
----
-
-## Basic button styles
-
-### Links that look like buttons
-
-
-[Link button](http://example.com/){: .btn }
-
-[Link button](http://example.com/){: .btn .btn-purple }
-[Link button](http://example.com/){: .btn .btn-blue }
-[Link button](http://example.com/){: .btn .btn-green }
-
-[Link button](http://example.com/){: .btn .btn-outline }
-
-```markdown
-[Link button](http://example.com/){: .btn }
-
-[Link button](http://example.com/){: .btn .btn-purple }
-[Link button](http://example.com/){: .btn .btn-blue }
-[Link button](http://example.com/){: .btn .btn-green }
-
-[Link button](http://example.com/){: .btn .btn-outline }
-```
-
-### Button element
-
-GitHub Flavored Markdown does not support the `button` element, so you'll have to use inline HTML for this:
-
-
-
-
-```html
-
-```
-
----
-
-## Using utilities with buttons
-
-### Button size
-
-Wrap the button in a container that uses the [font-size utility classes]({{ site.baseurl }}{% link docs/utilities/typography.md %}) to scale buttons:
-
-
-
-[Big ass button](http://example.com/){: .btn }
-
-
-
-[Tiny ass button](http://example.com/){: .btn }
-
-
-```markdown
-
-[Link button](http://example.com/){: .btn }
-
-
-
-[Tiny ass button](http://example.com/){: .btn }
-
-```
-
-### Spacing between buttons
-
-Use the [margin utility classes]({{ site.baseurl }}{% link docs/utilities/layout.md %}#spacing) to add spacing between two buttons in the same block.
-
-
-[Button with space](http://example.com/){: .btn .btn-purple .mr-2 }
-[Button ](http://example.com/){: .btn .btn-blue .mr-2 }
-
-[Button with more space](http://example.com/){: .btn .btn-green .mr-4 }
-[Button ](http://example.com/){: .btn .btn-blue }
-
-```markdown
-[Button with space](http://example.com/){: .btn .btn-purple .mr-2 }
-[Button ](http://example.com/){: .btn .btn-blue }
-
-[Button with more space](http://example.com/){: .btn .btn-green .mr-4 }
-[Button ](http://example.com/){: .btn .btn-blue }
-```
diff --git a/docs/ui-components/code.md b/docs/ui-components/code.md
deleted file mode 100644
index b8136a3..0000000
--- a/docs/ui-components/code.md
+++ /dev/null
@@ -1,88 +0,0 @@
----
-layout: default
-title: Code
-parent: UI Components
-has_children: true
-nav_order: 6
----
-
-# Code
-{: .no_toc }
-
-## Table of contents
-{: .no_toc .text-delta }
-
-1. TOC
-{:toc}
-
----
-
-## Inline code
-
-Code can be rendered inline by wrapping it in single back ticks.
-
-
-Lorem ipsum dolor sit amet, `` adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
-## Heading with `` in it.
-{: .no_toc }
-
-```markdown
-Lorem ipsum dolor sit amet, `` adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
-## Heading with `` in it.
-```
-
----
-
-## Syntax highlighted code blocks
-
-Use Jekyll's built-in syntax highlighting with Rouge for code blocks by using three backticks, followed by the language name:
-
-
-```js
-// Javascript code with syntax highlighting.
-var fun = function lang(l) {
- dateformat.i18n = require('./lang/' + l)
- return true;
-}
-```
-
-{% highlight markdown %}
-```js
-// Javascript code with syntax highlighting.
-var fun = function lang(l) {
- dateformat.i18n = require('./lang/' + l)
- return true;
-}
-```
-{% endhighlight %}
-
----
-
-## Code blocks with rendered examples
-
-To demonstrate front end code, sometimes it's useful to show a rendered example of that code. After including the styles from your project that you'll need to show the rendering, you can use a `` with the `code-example` class, followed by the code block syntax. If you want to render your output with Markdown instead of HTML, use the `markdown="1"` attribute to tell Jekyll that the code you are rendering will be in Markdown format... This is about to get meta...
-
-
-
-
-
-[Link button](http://example.com/){: .btn }
-
-
-```markdown
-[Link button](http://example.com/){: .btn }
-```
-
-
-{% highlight markdown %}
-
-
-[Link button](http://example.com/){: .btn }
-
-
-```markdown
-[Link button](http://example.com/){: .btn }
-```
-{% endhighlight %}
diff --git a/docs/ui-components/labels.md b/docs/ui-components/labels.md
deleted file mode 100644
index 05f02d4..0000000
--- a/docs/ui-components/labels.md
+++ /dev/null
@@ -1,49 +0,0 @@
----
-layout: default
-title: Labels
-parent: UI Components
-nav_order: 3
----
-
-# Labels
-
-Use labels as a way to add an additional mark to a section of your docs. Labels come in a few colors. By default, labels will be blue.
-
-
-Default label
-{: .label }
-
-Blue label
-{: .label .label-blue }
-
-Stable
-{: .label .label-green }
-
-New release
-{: .label .label-purple }
-
-Coming soon
-{: .label .label-yellow }
-
-Deprecated
-{: .label .label-red }
-
-```markdown
-Default label
-{: .label }
-
-Blue label
-{: .label .label-blue }
-
-Stable
-{: .label .label-green }
-
-New release
-{: .label .label-purple }
-
-Coming soon
-{: .label .label-yellow }
-
-Deprecated
-{: .label .label-red }
-```
diff --git a/docs/ui-components/line-nos.md b/docs/ui-components/line-nos.md
deleted file mode 100644
index 1baa3da..0000000
--- a/docs/ui-components/line-nos.md
+++ /dev/null
@@ -1,115 +0,0 @@
----
-layout: default
-title: Code with line numbers
-parent: Code
-grand_parent: UI Components
-permalink: /docs/ui-components/code/line-numbers/
----
-
-# Code snippets with line numbers
-
-The default settings for HTML compression are incompatible with the HTML
-produced by Jekyll (4.1.1 or earlier) for line numbers from highlighted code
--- both when using Kramdown code fences and when using Liquid highlight tags.
-
-To avoid non-conforming HTML and unsatisfactory layout, HTML compression
-can be turned off by using the following configuration option:
-
-{% highlight yaml %}
-compress_html:
- ignore:
- envs: all
-{% endhighlight %}
-
-When using Kramdown code fences, line numbers are turned on globally by the
-following configuration option:
-
-{% highlight yaml %}
-kramdown:
- syntax_highlighter_opts:
- block:
- line_numbers: true
-{% endhighlight %}
-
-Line numbers can then be suppressed locally using Liquid tags (_without_ the
-`linenos` option) instead of fences:
-
-{% highlight yaml %}
-{% raw %}{% highlight some_language %}
-Some code
-{% endhighlight %}{% endraw %}
-{% endhighlight %}
-
-## Workarounds
-
-To use HTML compression together with line numbers, all highlighted code
-needs to be wrapped using one of the following workarounds.
-(The variable name `some_var` can be changed to avoid clashes; it can also
-be replaced by `code` -- but note that `code=code` cannot be removed).
-
-### Code fences (three backticks)
-
-{% highlight default %}
-{% raw %}{% capture some_var %}
-```some_language
-Some code
-```
-{% endcapture %}
-{% assign some_var = some_var | markdownify %}
-{% include fix_linenos.html code=some_var %}{% endraw %}
-{% endhighlight %}
-
-### Liquid highlighting
-
-{% highlight default %}
-{% raw %}{% capture some_var %}
-{% highlight some_language linenos %}
-Some code
-{% endhighlight %}
-{% endcapture %}
-{% include fix_linenos.html code=some_var %}{% endraw %}
-{% endhighlight %}
-
-_Credit:_ The original version of the above workaround was suggested by
-Dmitry Hrabrov at
-.
-
-## Examples
-
-✅ Using code fences + workaround (will only show line numbers if enabled globally in `_config.yml`):
-
-{% capture code_fence %}
-```js
-// Javascript code with syntax highlighting in fences
-var fun = function lang(l) {
- dateformat.i18n = require('./lang/' + l)
- return true;
-}
-```
-{% endcapture %}
-{% assign code_fence = code_fence | markdownify %}
-{% include fix_linenos.html code=code_fence %}
-
-✅ Using liquid highlighting + workaround:
-
-{% capture code %}
-{% highlight ruby linenos %}
-# Ruby code with syntax highlighting and fixed line numbers using Liquid
-GitHubPages::Dependencies.gems.each do |gem, version|
- s.add_dependency(gem, "= #{version}")
-end
-{% endhighlight %}
-{% endcapture %}
-{% include fix_linenos.html code=code %}
-{% assign code = nil %}
-
-❌ With the default configuration options, the following example illustrates
-the **incorrect** formatting arising from the incompatibility of HTML compression
-and the non-conforming HTML produced by Jekyll for line numbers:
-
-{% highlight ruby linenos %}
-# Ruby code with syntax highlighting and unfixed line numbers using Liquid
-GitHubPages::Dependencies.gems.each do |gem, version|
- s.add_dependency(gem, "= #{version}")
-end
-{% endhighlight %}
diff --git a/docs/ui-components/lists.md b/docs/ui-components/lists.md
deleted file mode 100644
index 12492c8..0000000
--- a/docs/ui-components/lists.md
+++ /dev/null
@@ -1,99 +0,0 @@
----
-layout: default
-title: Lists
-parent: UI Components
-nav_order: 5
----
-
-# Lists
-{: .no_toc }
-
-## Table of contents
-{: .no_toc .text-delta }
-
-1. TOC
-{:toc}
-
----
-
-Most lists can be rendered with pure Markdown.
-
-## Unordered list
-
-
-- Item 1
-- Item 2
-- Item 3
-
-_or_
-
-* Item 1
-* Item 2
-* Item 3
-
-```markdown
-- Item 1
-- Item 2
-- Item 3
-
-_or_
-
-* Item 1
-* Item 2
-* Item 3
-```
-
-## Ordered list
-
-
-1. Item 1
-1. Item 2
-1. Item 3
-
-```markdown
-1. Item 1
-1. Item 2
-1. Item 3
-```
-
-## Task list
-
-
-- [ ] hello, this is a todo item
-- [ ] hello, this is another todo item
-- [x] goodbye, this item is done
-
-```markdown
-- [ ] hello, this is a todo item
-- [ ] hello, this is another todo item
-- [x] goodbye, this item is done
-```
-
-## Definition list
-
-Definition lists require HTML syntax and aren't supported with the GitHub Flavored Markdown compiler.
-
-
-
-- Name
-- Godzilla
-- Born
-- 1952
-- Birthplace
-- Japan
-- Color
-- Green
-
-
-```html
-
- - Name
- - Godzilla
- - Born
- - 1952
- - Birthplace
- - Japan
- - Color
- - Green
-
-```
diff --git a/docs/ui-components/tables.md b/docs/ui-components/tables.md
deleted file mode 100644
index 36920ca..0000000
--- a/docs/ui-components/tables.md
+++ /dev/null
@@ -1,29 +0,0 @@
----
-layout: default
-title: Tables
-parent: UI Components
-nav_order: 4
----
-
-# Tables
-
-Tables are responsive by default, allowing wide tables to have a horizontal scroll to access columns outside of the normal viewport.
-
-
-
-| head1 | head two | three |
-|:-------------|:------------------|:------|
-| ok | good swedish fish | nice |
-| out of stock | good and plenty | nice |
-| ok | good `oreos` | hmm |
-| ok | good `zoute` drop | yumm |
-
-
-```markdown
-| head1 | head two | three |
-|:-------------|:------------------|:------|
-| ok | good swedish fish | nice |
-| out of stock | good and plenty | nice |
-| ok | good `oreos` | hmm |
-| ok | good `zoute` drop | yumm |
-```
diff --git a/docs/ui-components/typography.md b/docs/ui-components/typography.md
deleted file mode 100644
index b879c95..0000000
--- a/docs/ui-components/typography.md
+++ /dev/null
@@ -1,114 +0,0 @@
----
-layout: default
-title: Typography
-parent: UI Components
-nav_order: 1
----
-
-# Typography
-{: .no_toc }
-
-## Table of contents
-{: .no_toc .text-delta }
-
-1. TOC
-{:toc}
-
----
-
-## Font stack
-
-By default, Just the Docs uses a native system font stack for sans-serif fonts:
-
-```scss
-system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
-```
-
-ABCDEFGHIJKLMNOPQRSTUVWXYZ
-abcdefghijklmnopqrstuvwxyz
-{: .fs-5 .ls-10 .code-example }
-
-For monospace type, like code snippets or the `` element, Just the Docs uses a native system font stack for monospace fonts:
-
-```scss
-"SFMono-Regular", Menlo, Consolas, Monospace
-```
-
-ABCDEFGHIJKLMNOPQRSTUVWXYZ
-abcdefghijklmnopqrstuvwxyz
-{: .fs-5 .ls-10 .text-mono .code-example }
-
----
-
-## Responsive type scale
-
-Just the Docs uses a responsive type scale that shifts depending on the viewport size.
-
-| Selector | Small screen size `font-size` | Large screen size `font-size` |
-|:----------------------|:---------------------------------|:------------------------------|
-| `h1`, `.text-alpha` | 32px | 36px |
-| `h2`, `.text-beta` | 18px | 24px |
-| `h3`, `.text-gamma` | 16px | 18px |
-| `h4`, `.text-delta` | 14px | 16px |
-| `h5`, `.text-epsilon` | 16px | 18px |
-| `h6`, `.text-zeta` | 18px | 24px |
-| `body` | 14px | 16px |
-
----
-
-## Headings
-
-Headings are rendered like this:
-
-
-Heading 1
-Heading 2
-Heading 3
-Heading 4
-Heading 5
-Heading 6
-
-```markdown
-# Heading 1
-## Heading 2
-### Heading 3
-#### Heading 4
-##### Heading 5
-###### Heading 6
-```
-
----
-
-## Body text
-
-Default body text is rendered like this:
-
-
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-```markdown
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-```
-
----
-
-## Inline elements
-
-
-Text can be **bold**, _italic_, or ~~strikethrough~~.
-
-[Link to another page](another-page).
-
-```markdown
-Text can be **bold**, _italic_, or ~~strikethrough~~.
-
-[Link to another page](another-page).
-```
-
----
-
-## Typographic Utilities
-
-There are a number of specific typographic CSS classes that allow you to override default styling for font size, font weight, line height, and capitalization.
-
-[View typography utilities]({{ site.baseurl }}{% link docs/utilities/utilities.md %}#typography){: .btn .btn-outline }
diff --git a/docs/ui-components/ui-components.md b/docs/ui-components/ui-components.md
deleted file mode 100644
index 7d75a69..0000000
--- a/docs/ui-components/ui-components.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-layout: default
-title: UI Components
-nav_order: 3
-has_children: true
-permalink: /docs/ui-components
----
-
-# UI Components
-
-To make it as easy as possible to write documentation in plain Markdown, most UI components are styled using default Markdown elements with few additional CSS classes needed.
-{: .fs-6 .fw-300 }
diff --git a/docs/utilities/color.md b/docs/utilities/color.md
deleted file mode 100644
index 0f37597..0000000
--- a/docs/utilities/color.md
+++ /dev/null
@@ -1,82 +0,0 @@
----
-layout: default
-title: Color
-parent: Utilities
----
-
-# Color Utilities
-{: .no_toc }
-
-## Table of contents
-{: .no_toc .text-delta }
-
-1. TOC
-{:toc}
-
----
-
-All the colors used in Just the Docs have been systematized into a series of variables that have been extended to both font color and background color utility classes.
-
-## Light Greys
-
-| Color value | Font color utility | Background color utility |
-|:---------------|:---------------------|:-------------------------|
-| `grey-lt-000` | `.text-grey-lt-000` | `.bg-grey-lt-000` |
-| `grey-lt-100` | `.text-grey-lt-100` | `.bg-grey-lt-100` |
-| `grey-lt-200` | `.text-grey-lt-200` | `.bg-grey-lt-200` |
-| `grey-lt-300` | `.text-grey-lt-300` | `.bg-grey-lt-300` |
-
-## Dark Greys
-
-| Color value | Font color utility | Background color utility |
-|:---------------|:---------------------|:-------------------------|
-| `grey-dk-000` | `.text-grey-dk-000` | `.bg-grey-dk-000` |
-| `grey-dk-100` | `.text-grey-dk-100` | `.bg-grey-dk-100` |
-| `grey-dk-200` | `.text-grey-dk-200` | `.bg-grey-dk-200` |
-| `grey-dk-250` | `.text-grey-dk-250` | `.bg-grey-dk-250` |
-| `grey-dk-300` | `.text-grey-dk-300` | `.bg-grey-dk-300` |
-
-## Purples
-
-| Color value | Font color utility | Background color utility |
-|:---------------|:---------------------|:-------------------------|
-| `purple-000` | `.text-purple-000` | `.bg-purple-000` |
-| `purple-100` | `.text-purple-100` | `.bg-purple-100` |
-| `purple-200` | `.text-purple-200` | `.bg-purple-200` |
-| `purple-300` | `.text-purple-300` | `.bg-purple-300` |
-
-## Blues
-
-| Color value | Font color utility | Background color utility |
-|:---------------|:---------------------|:-------------------------|
-| `blue-000` | `.text-blue-000` | `.bg-blue-000` |
-| `blue-100` | `.text-blue-100` | `.bg-blue-100` |
-| `blue-200` | `.text-blue-200` | `.bg-blue-200` |
-| `blue-300` | `.text-blue-300` | `.bg-blue-300` |
-
-## Greens
-
-| Color value | Font color utility | Background color utility |
-|:---------------|:---------------------|:-------------------------|
-| `green-000` | `.text-green-000` | `.bg-green-000` |
-| `green-100` | `.text-green-100` | `.bg-green-100` |
-| `green-200` | `.text-green-200` | `.bg-green-200` |
-| `green-300` | `.text-green-300` | `.bg-green-300` |
-
-## Yellows
-
-| Color value | Font color utility | Background color utility |
-|:---------------|:---------------------|:-------------------------|
-| `yellow-000` | `.text-yellow-000` | `.bg-yellow-000` |
-| `yellow-100` | `.text-yellow-100` | `.bg-yellow-100` |
-| `yellow-200` | `.text-yellow-200` | `.bg-yellow-200` |
-| `yellow-300` | `.text-yellow-300` | `.bg-yellow-300` |
-
-## Reds
-
-| Color value | Font color utility | Background color utility |
-|:---------------|:---------------------|:-------------------------|
-| `red-000` | `.text-red-000` | `.bg-red-000` |
-| `red-100` | `.text-red-100` | `.bg-red-100` |
-| `red-200` | `.text-red-200` | `.bg-red-200` |
-| `red-300` | `.text-red-300` | `.bg-red-300` |
diff --git a/docs/utilities/layout.md b/docs/utilities/layout.md
deleted file mode 100644
index c2f5eb3..0000000
--- a/docs/utilities/layout.md
+++ /dev/null
@@ -1,127 +0,0 @@
----
-layout: default
-title: Layout
-parent: Utilities
----
-
-# Layout Utilities
-{: .no_toc }
-
-## Table of contents
-{: .no_toc .text-delta }
-
-1. TOC
-{:toc}
-
----
-
-## Spacing
-
-These spacers are available to use for margins and padding with responsive utility classes. Combine these prefixes with a screen size and spacing scale to use them responsively.
-
-| Classname prefix | What it does |
-|:-----------------|:------------------------------|
-| `.m-` | `margin` |
-| `.mx-` | `margin-left`, `margin-right` |
-| `.my-` | `margin top`, `margin bottom` |
-| `.mt-` | `margin-top` |
-| `.mr-` | `margin-right` |
-| `.mb-` | `margin-bottom` |
-| `.ml-` | `margin-left` |
-
-| Classname prefix | What it does |
-|:-----------------|:--------------------------------|
-| `.p-` | `padding` |
-| `.px-` | `padding-left`, `padding-right` |
-| `.py-` | `padding top`, `padding bottom` |
-| `.pt-` | `padding-top` |
-| `.pr-` | `padding-right` |
-| `.pb-` | `padding-bottom` |
-| `.pl-` | `padding-left` |
-
-Spacing values are based on a `1rem = 16px` spacing scale, broken down into these units:
-
-| Spacer/suffix | Size in rems | Rem converted to px |
-|:---------------|:--------------|:--------------------|
-| `1` | 0.25rem | 4px |
-| `2` | 0.5rem | 8px |
-| `3` | 0.75rem | 12px |
-| `4` | 1rem | 16px |
-| `5` | 1.5rem | 24px |
-| `6` | 2rem | 32px |
-| `7` | 2.5rem | 40px |
-| `8` | 3rem | 48px |
-| `auto` | auto | auto |
-
-Use `mx-auto` to horizontally center elements.
-
-#### Examples
-{: .no_toc }
-
-In Markdown, use the `{: }` wrapper to apply custom classes:
-
-```markdown
-This paragraph will have a margin bottom of 1rem/16px at large screens.
-{: .mb-lg-4 }
-
-This paragraph will have 2rem/32px of padding on the right and left at all screen sizes.
-{: .px-6 }
-```
-
-## Horizontal Alignment
-
-| Classname | What it does |
-|:------------------------|:---------------------------------|
-| `.float-left` | `float: left` |
-| `.float-right` | `float: right` |
-| `.flex-justify-start` | `justify-content: flex-start` |
-| `.flex-justify-end` | `justify-content: flex-end` |
-| `.flex-justify-between` | `justify-content: space-between` |
-| `.flex-justify-around` | `justify-content: space-around` |
-
-_Note: any of the `flex-` classes must be used on a parent element that has `d-flex` applied to it._
-
-## Vertical Alignment
-
-| Classname | What it does |
-|:-----------------------|:--------------------------------|
-| `.v-align-baseline` | `vertical-align: baseline` |
-| `.v-align-bottom` | `vertical-align: bottom` |
-| `.v-align-middle` | `vertical-align: middle` |
-| `.v-align-text-bottom` | `vertical-align: text-bottom` |
-| `.v-align-text-top` | `vertical-align: text-top` |
-| `.v-align-top` | `vertical-align: top` |
-
-## Display
-
-Display classes aid in adapting the layout of the elements on a page:
-
-| Class | |
-|:------------------|:------------------------|
-| `.d-block` | `display: block` |
-| `.d-flex` | `display: flex` |
-| `.d-inline` | `display: inline` |
-| `.d-inline-block` | `display: inline-block` |
-| `.d-none` | `display: none` |
-
-Use these classes in conjunction with the responsive modifiers.
-
-#### Examples
-{: .no_toc }
-
-In Markdown, use the `{: }` wrapper to apply custom classes:
-
-```markdown
-This button will be hidden until medium screen sizes:
-
-[ A button ](#url)
-{: .d-none .d-md-inline-block }
-
-These headings will be `inline-block`:
-
-### heading 3
-{: .d-inline-block }
-
-### heading 3
-{: .d-inline-block }
-```
diff --git a/docs/utilities/responsive-modifiers.md b/docs/utilities/responsive-modifiers.md
deleted file mode 100644
index c732530..0000000
--- a/docs/utilities/responsive-modifiers.md
+++ /dev/null
@@ -1,18 +0,0 @@
----
-layout: default
-title: Responsive Modifiers
-parent: Utilities
----
-
-# Responsive modifiers
-
-Just the Docs spacing works in conjunction with a variety of modifiers that allow you to target specific screen sizes responsively. Use these in conjunction with spacing and display prefix and suffix classes.
-
-| Modifier | Screen size |
-|:----------|:-------------------------------------|
-| (none) | All screens until the next modifier |
-| `xs` | 320px (20rem) and up |
-| `sm` | 500px (31.25rem) and up |
-| `md` | 740px (46.25rem) and up |
-| `lg` | 1120px (70rem) and up |
-| `xl` | 1400px (87.5rem) and up |
diff --git a/docs/utilities/typography.md b/docs/utilities/typography.md
deleted file mode 100644
index 1c5dca9..0000000
--- a/docs/utilities/typography.md
+++ /dev/null
@@ -1,156 +0,0 @@
----
-layout: default
-title: Typography
-parent: Utilities
----
-
-# Typography Utilities
-{: .no_toc }
-
-## Table of contents
-{: .no_toc .text-delta }
-
-1. TOC
-{:toc}
-
----
-
-## Font size
-
-Use the `.fs-1` - `.fs-10` to set an explicit font-size.
-
-| Class | Small screen size `font-size` | Large screen size `font-size` |
-|:--------|:-------------------------------|:------------------------------|
-| `.fs-1` | 9px | 10px |
-| `.fs-2` | 11px | 12px |
-| `.fs-3` | 12px | 14px |
-| `.fs-4` | 14px | 16px |
-| `.fs-5` | 16px | 18px |
-| `.fs-6` | 18px | 24px |
-| `.fs-7` | 24px | 32px |
-| `.fs-8` | 32px | 38px |
-| `.fs-9` | 38px | 42px |
-| `.fs-10`| 42px | 48px |
-
-
-Font size 1
-{: .fs-1 }
-Font size 2
-{: .fs-2 }
-Font size 3
-{: .fs-3 }
-Font size 4
-{: .fs-4 }
-Font size 5
-{: .fs-5 }
-Font size 6
-{: .fs-6 }
-Font size 7
-{: .fs-7 }
-Font size 8
-{: .fs-8 }
-Font size 9
-{: .fs-9 }
-Font size 10
-{: .fs-10 }
-
-```markdown
-In Markdown, use the `{: }` wrapper to apply custom classes:
-
-Font size 1
-{: .fs-1 }
-Font size 2
-{: .fs-2 }
-Font size 3
-{: .fs-3 }
-Font size 4
-{: .fs-4 }
-Font size 5
-{: .fs-5 }
-Font size 6
-{: .fs-6 }
-Font size 7
-{: .fs-7 }
-Font size 8
-{: .fs-8 }
-Font size 9
-{: .fs-9 }
-Font size 10
-{: .fs-10 }
-```
-
-## Font weight
-
-Use the `.fw-300` - `.fw-700` to set an explicit font-size.
-
-
-Font weight 300
-{: .fw-300 }
-Font weight 400
-{: .fw-400 }
-Font weight 500
-{: .fw-500 }
-Font weight 700
-{: .fw-700 }
-
-```markdown
-In Markdown, use the `{: }` wrapper to apply custom classes:
-
-Font weight 300
-{: .fw-300 }
-Font weight 400
-{: .fw-400 }
-Font weight 500
-{: .fw-500 }
-Font weight 700
-{: .fw-700 }
-```
-
-## Line height
-
-Use the `lh-` classes to explicitly apply line height to text.
-
-| Class | `line-height` value | Notes |
-|:--------------|:---------------------|:------------------------------|
-| `.lh-0` | 0 | |
-| `.lh-tight` | 1.1 | Default for headings |
-| `.lh-default` | 1.4 | Default for body (paragraphs) |
-
-
-No Line height
-No Line height
-{: .lh-0 }
-
-Tight line height
-Tight line height
-{: .lh-tight }
-
-Default line height
-Default line height
-{: .fh-default }
-
-```markdown
-In Markdown, use the `{: }` wrapper to apply custom classes:
-
-No Line height
-No Line height
-{: .lh-0 }
-
-Tight line height
-Tight line height
-{: .lh-tight }
-
-Default line height
-Default line height
-{: .fh-default }
-```
-
-## Text justification
-
-By default text is justified left. Use these `text-` classes to override settings:
-
-| Class | What it does |
-|:---------------|:---------------------|
-| `.text-left` | `text-align: left` |
-| `.text-right` | `text-align: right` |
-| `.text-center` | `text-align: center` |
diff --git a/docs/utilities/utilities.md b/docs/utilities/utilities.md
deleted file mode 100644
index fe4f780..0000000
--- a/docs/utilities/utilities.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-layout: default
-title: Utilities
-nav_order: 4
-has_children: true
-permalink: docs/utilities
----
-
-# Utilities
-{: .no_toc }
-
-CSS utility classes come in handy when you to want to override default styles to create additional whitespace (margins/padding), correct unexpected shifts in font size or weight, add color, or hide (or show) something at a specific screen size.
-{: .fs-6 .fw-300 }
diff --git a/docs/vat-li/lop-10/lop-10.md b/docs/vat-li/lop-10/lop-10.md
new file mode 100644
index 0000000..e4a54f1
--- /dev/null
+++ b/docs/vat-li/lop-10/lop-10.md
@@ -0,0 +1,8 @@
+---
+layout: default
+title: Vật lí 10
+has_children: true
+nav_order: 1
+parent: Vật lí
+permalink: vat-li/lop-10
+---
\ No newline at end of file
diff --git a/docs/vat-li/vat-li.md b/docs/vat-li/vat-li.md
new file mode 100644
index 0000000..cbe230f
--- /dev/null
+++ b/docs/vat-li/vat-li.md
@@ -0,0 +1,9 @@
+---
+layout: default
+title: Vật lí
+nav_order: 3
+has_children: true
+permalink: vat-li
+---
+
+# Vật lí
\ No newline at end of file
diff --git a/index.md b/index.md
index fc2b709..e621d58 100644
--- a/index.md
+++ b/index.md
@@ -6,91 +6,12 @@ description: "Just the Docs is a responsive Jekyll theme with built-in search th
permalink: /
---
-# Focus on writing good documentation
+# Chia sẻ kiến thức cá nhân
{: .fs-9 }
-Just the Docs gives your documentation a jumpstart with a responsive Jekyll theme that is easily customizable and hosted on GitHub Pages.
+Đây là nơi tổng hợp những kiến thức mình học được. Một số nội dung mang tính cá nhân và có thể có sai sót.
{: .fs-6 .fw-300 }
-[Get started now](#getting-started){: .btn .btn-primary .fs-5 .mb-4 .mb-md-0 .mr-2 } [View it on GitHub](https://github.com/pmarsceill/just-the-docs){: .btn .fs-5 .mb-4 .mb-md-0 }
+[Khám phá](#getting-started){: .btn .btn-primary .fs-5 .mb-4 .mb-md-0 .mr-2 } [View it on GitHub](https://github.com/pmarsceill/just-the-docs){: .btn .fs-5 .mb-4 .mb-md-0 }
---
-
-## Getting started
-
-### Dependencies
-
-Just the Docs is built for [Jekyll](https://jekyllrb.com), a static site generator. View the [quick start guide](https://jekyllrb.com/docs/) for more information. Just the Docs requires no special plugins and can run on GitHub Pages' standard Jekyll compiler. The [Jekyll SEO Tag plugin](https://github.com/jekyll/jekyll-seo-tag) is included by default (no need to run any special installation) to inject SEO and open graph metadata on docs pages. For information on how to configure SEO and open graph metadata visit the [Jekyll SEO Tag usage guide](https://jekyll.github.io/jekyll-seo-tag/usage/).
-
-### Quick start: Use as a GitHub Pages remote theme
-
-1. Add Just the Docs to your Jekyll site's `_config.yml` as a [remote theme](https://blog.github.com/2017-11-29-use-any-theme-with-github-pages/)
-```yaml
-remote_theme: pmarsceill/just-the-docs
-```
-You must have GitHub Pages enabled on your repo, one or more Markdown files, and a `_config.yml` file. [See an example repository](https://github.com/pmarsceill/jtd-remote)
-
-### Local installation: Use the gem-based theme
-
-1. Install the Ruby Gem
-```bash
-$ gem install just-the-docs
-```
-```yaml
-# .. or add it to your your Jekyll site’s Gemfile
-gem "just-the-docs"
-```
-2. Add Just the Docs to your Jekyll site’s `_config.yml`
-```yaml
-theme: "just-the-docs"
-```
-3. _Optional:_ Initialize search data (creates `search-data.json`)
-```bash
-$ bundle exec just-the-docs rake search:init
-```
-3. Run you local Jekyll server
-```bash
-$ jekyll serve
-```
-```bash
-# .. or if you're using a Gemfile (bundler)
-$ bundle exec jekyll serve
-```
-4. Point your web browser to [http://localhost:4000](http://localhost:4000)
-
-If you're hosting your site on GitHub Pages, [set up GitHub Pages and Jekyll locally](https://help.github.com/en/articles/setting-up-your-github-pages-site-locally-with-jekyll) so that you can more easily work in your development environment.
-
-### Configure Just the Docs
-
-- [See configuration options]({{ site.baseurl }}{% link docs/configuration.md %})
-
----
-
-## About the project
-
-Just the Docs is © 2017-{{ "now" | date: "%Y" }} by [Patrick Marsceill](http://patrickmarsceill.com).
-
-### License
-
-Just the Docs is distributed by an [MIT license](https://github.com/pmarsceill/just-the-docs/tree/master/LICENSE.txt).
-
-### Contributing
-
-When contributing to this repository, please first discuss the change you wish to make via issue,
-email, or any other method with the owners of this repository before making a change. Read more about becoming a contributor in [our GitHub repo](https://github.com/pmarsceill/just-the-docs#contributing).
-
-#### Thank you to the contributors of Just the Docs!
-
-
-{% for contributor in site.github.contributors %}
- -
-
-
-{% endfor %}
-
-
-### Code of Conduct
-
-Just the Docs is committed to fostering a welcoming community.
-
-[View our Code of Conduct](https://github.com/pmarsceill/just-the-docs/tree/master/CODE_OF_CONDUCT.md) on our GitHub repository.
- Table of contents -
- {: .text-delta } -1. TOC -{:toc} -
-```js
-// Javascript code with syntax highlighting.
-var fun = function lang(l) {
- dateformat.i18n = require('./lang/' + l)
- return true;
-}
-```
-
-{% highlight markdown %}
-```js
-// Javascript code with syntax highlighting.
-var fun = function lang(l) {
- dateformat.i18n = require('./lang/' + l)
- return true;
-}
-```
-{% endhighlight %}
-
----
-
-## Code blocks with rendered examples
-
-To demonstrate front end code, sometimes it's useful to show a rendered example of that code. After including the styles from your project that you'll need to show the rendering, you can use a `` with the `code-example` class, followed by the code block syntax. If you want to render your output with Markdown instead of HTML, use the `markdown="1"` attribute to tell Jekyll that the code you are rendering will be in Markdown format... This is about to get meta...
-
-.
-
-## Examples
-
-✅ Using code fences + workaround (will only show line numbers if enabled globally in `_config.yml`):
-
-{% capture code_fence %}
-```js
-// Javascript code with syntax highlighting in fences
-var fun = function lang(l) {
- dateformat.i18n = require('./lang/' + l)
- return true;
-}
-```
-{% endcapture %}
-{% assign code_fence = code_fence | markdownify %}
-{% include fix_linenos.html code=code_fence %}
-
-✅ Using liquid highlighting + workaround:
-
-{% capture code %}
-{% highlight ruby linenos %}
-# Ruby code with syntax highlighting and fixed line numbers using Liquid
-GitHubPages::Dependencies.gems.each do |gem, version|
- s.add_dependency(gem, "= #{version}")
-end
-{% endhighlight %}
-{% endcapture %}
-{% include fix_linenos.html code=code %}
-{% assign code = nil %}
-
-❌ With the default configuration options, the following example illustrates
-the **incorrect** formatting arising from the incompatibility of HTML compression
-and the non-conforming HTML produced by Jekyll for line numbers:
-
-{% highlight ruby linenos %}
-# Ruby code with syntax highlighting and unfixed line numbers using Liquid
-GitHubPages::Dependencies.gems.each do |gem, version|
- s.add_dependency(gem, "= #{version}")
-end
-{% endhighlight %}
diff --git a/docs/ui-components/lists.md b/docs/ui-components/lists.md
deleted file mode 100644
index 12492c8..0000000
--- a/docs/ui-components/lists.md
+++ /dev/null
@@ -1,99 +0,0 @@
----
-layout: default
-title: Lists
-parent: UI Components
-nav_order: 5
----
-
-# Lists
-{: .no_toc }
-
-## Table of contents
-{: .no_toc .text-delta }
-
-1. TOC
-{:toc}
-
----
-
-Most lists can be rendered with pure Markdown.
-
-## Unordered list
-
-
-
-
-{% highlight markdown %}
-
-
-[Link button](http://example.com/){: .btn }
-
-
-```markdown
-[Link button](http://example.com/){: .btn }
-```
-
-
-
-[Link button](http://example.com/){: .btn }
-
-
-```markdown
-[Link button](http://example.com/){: .btn }
-```
-{% endhighlight %}
diff --git a/docs/ui-components/labels.md b/docs/ui-components/labels.md
deleted file mode 100644
index 05f02d4..0000000
--- a/docs/ui-components/labels.md
+++ /dev/null
@@ -1,49 +0,0 @@
----
-layout: default
-title: Labels
-parent: UI Components
-nav_order: 3
----
-
-# Labels
-
-Use labels as a way to add an additional mark to a section of your docs. Labels come in a few colors. By default, labels will be blue.
-
-
-Default label
-{: .label }
-
-Blue label
-{: .label .label-blue }
-
-Stable
-{: .label .label-green }
-
-New release
-{: .label .label-purple }
-
-Coming soon
-{: .label .label-yellow }
-
-Deprecated
-{: .label .label-red }
-
-```markdown
-Default label
-{: .label }
-
-Blue label
-{: .label .label-blue }
-
-Stable
-{: .label .label-green }
-
-New release
-{: .label .label-purple }
-
-Coming soon
-{: .label .label-yellow }
-
-Deprecated
-{: .label .label-red }
-```
diff --git a/docs/ui-components/line-nos.md b/docs/ui-components/line-nos.md
deleted file mode 100644
index 1baa3da..0000000
--- a/docs/ui-components/line-nos.md
+++ /dev/null
@@ -1,115 +0,0 @@
----
-layout: default
-title: Code with line numbers
-parent: Code
-grand_parent: UI Components
-permalink: /docs/ui-components/code/line-numbers/
----
-
-# Code snippets with line numbers
-
-The default settings for HTML compression are incompatible with the HTML
-produced by Jekyll (4.1.1 or earlier) for line numbers from highlighted code
--- both when using Kramdown code fences and when using Liquid highlight tags.
-
-To avoid non-conforming HTML and unsatisfactory layout, HTML compression
-can be turned off by using the following configuration option:
-
-{% highlight yaml %}
-compress_html:
- ignore:
- envs: all
-{% endhighlight %}
-
-When using Kramdown code fences, line numbers are turned on globally by the
-following configuration option:
-
-{% highlight yaml %}
-kramdown:
- syntax_highlighter_opts:
- block:
- line_numbers: true
-{% endhighlight %}
-
-Line numbers can then be suppressed locally using Liquid tags (_without_ the
-`linenos` option) instead of fences:
-
-{% highlight yaml %}
-{% raw %}{% highlight some_language %}
-Some code
-{% endhighlight %}{% endraw %}
-{% endhighlight %}
-
-## Workarounds
-
-To use HTML compression together with line numbers, all highlighted code
-needs to be wrapped using one of the following workarounds.
-(The variable name `some_var` can be changed to avoid clashes; it can also
-be replaced by `code` -- but note that `code=code` cannot be removed).
-
-### Code fences (three backticks)
-
-{% highlight default %}
-{% raw %}{% capture some_var %}
-```some_language
-Some code
-```
-{% endcapture %}
-{% assign some_var = some_var | markdownify %}
-{% include fix_linenos.html code=some_var %}{% endraw %}
-{% endhighlight %}
-
-### Liquid highlighting
-
-{% highlight default %}
-{% raw %}{% capture some_var %}
-{% highlight some_language linenos %}
-Some code
-{% endhighlight %}
-{% endcapture %}
-{% include fix_linenos.html code=some_var %}{% endraw %}
-{% endhighlight %}
-
-_Credit:_ The original version of the above workaround was suggested by
-Dmitry Hrabrov at
-
-- Item 1
-- Item 2
-- Item 3
-
-_or_
-
-* Item 1
-* Item 2
-* Item 3
-
-```markdown
-- Item 1
-- Item 2
-- Item 3
-
-_or_
-
-* Item 1
-* Item 2
-* Item 3
-```
-
-## Ordered list
-
-
-1. Item 1
-1. Item 2
-1. Item 3
-
-```markdown
-1. Item 1
-1. Item 2
-1. Item 3
-```
-
-## Task list
-
-
-- [ ] hello, this is a todo item
-- [ ] hello, this is another todo item
-- [x] goodbye, this item is done
-
-```markdown
-- [ ] hello, this is a todo item
-- [ ] hello, this is another todo item
-- [x] goodbye, this item is done
-```
-
-## Definition list
-
-Definition lists require HTML syntax and aren't supported with the GitHub Flavored Markdown compiler.
-
-
-
-```html
--
-
- Name -
- Godzilla -
- Born -
- 1952 -
- Birthplace -
- Japan -
- Color -
- Green -
-
-
- Name -
- Godzilla -
- Born -
- 1952 -
- Birthplace -
- Japan -
- Color -
- Green -
-
-| head1 | head two | three |
-|:-------------|:------------------|:------|
-| ok | good swedish fish | nice |
-| out of stock | good and plenty | nice |
-| ok | good `oreos` | hmm |
-| ok | good `zoute` drop | yumm |
-
-
-```markdown
-| head1 | head two | three |
-|:-------------|:------------------|:------|
-| ok | good swedish fish | nice |
-| out of stock | good and plenty | nice |
-| ok | good `oreos` | hmm |
-| ok | good `zoute` drop | yumm |
-```
diff --git a/docs/ui-components/typography.md b/docs/ui-components/typography.md
deleted file mode 100644
index b879c95..0000000
--- a/docs/ui-components/typography.md
+++ /dev/null
@@ -1,114 +0,0 @@
----
-layout: default
-title: Typography
-parent: UI Components
-nav_order: 1
----
-
-# Typography
-{: .no_toc }
-
-## Table of contents
-{: .no_toc .text-delta }
-
-1. TOC
-{:toc}
-
----
-
-## Font stack
-
-By default, Just the Docs uses a native system font stack for sans-serif fonts:
-
-```scss
-system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
-```
-
-ABCDEFGHIJKLMNOPQRSTUVWXYZ
-abcdefghijklmnopqrstuvwxyz
-{: .fs-5 .ls-10 .code-example }
-
-For monospace type, like code snippets or the `` element, Just the Docs uses a native system font stack for monospace fonts:
-
-```scss
-"SFMono-Regular", Menlo, Consolas, Monospace
-```
-
-ABCDEFGHIJKLMNOPQRSTUVWXYZ
-abcdefghijklmnopqrstuvwxyz
-{: .fs-5 .ls-10 .text-mono .code-example }
-
----
-
-## Responsive type scale
-
-Just the Docs uses a responsive type scale that shifts depending on the viewport size.
-
-| Selector | Small screen size `font-size` | Large screen size `font-size` |
-|:----------------------|:---------------------------------|:------------------------------|
-| `h1`, `.text-alpha` | 32px | 36px |
-| `h2`, `.text-beta` | 18px | 24px |
-| `h3`, `.text-gamma` | 16px | 18px |
-| `h4`, `.text-delta` | 14px | 16px |
-| `h5`, `.text-epsilon` | 16px | 18px |
-| `h6`, `.text-zeta` | 18px | 24px |
-| `body` | 14px | 16px |
-
----
-
-## Headings
-
-Headings are rendered like this:
-
-
-Heading 1
-Heading 2
-Heading 3
-Heading 4
-Heading 5
-Heading 6
-
-```markdown
-# Heading 1
-## Heading 2
-### Heading 3
-#### Heading 4
-##### Heading 5
-###### Heading 6
-```
-
----
-
-## Body text
-
-Default body text is rendered like this:
-
-
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-```markdown
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-```
-
----
-
-## Inline elements
-
-
-Text can be **bold**, _italic_, or ~~strikethrough~~.
-
-[Link to another page](another-page).
-
-```markdown
-Text can be **bold**, _italic_, or ~~strikethrough~~.
-
-[Link to another page](another-page).
-```
-
----
-
-## Typographic Utilities
-
-There are a number of specific typographic CSS classes that allow you to override default styling for font size, font weight, line height, and capitalization.
-
-[View typography utilities]({{ site.baseurl }}{% link docs/utilities/utilities.md %}#typography){: .btn .btn-outline }
diff --git a/docs/ui-components/ui-components.md b/docs/ui-components/ui-components.md
deleted file mode 100644
index 7d75a69..0000000
--- a/docs/ui-components/ui-components.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-layout: default
-title: UI Components
-nav_order: 3
-has_children: true
-permalink: /docs/ui-components
----
-
-# UI Components
-
-To make it as easy as possible to write documentation in plain Markdown, most UI components are styled using default Markdown elements with few additional CSS classes needed.
-{: .fs-6 .fw-300 }
diff --git a/docs/utilities/color.md b/docs/utilities/color.md
deleted file mode 100644
index 0f37597..0000000
--- a/docs/utilities/color.md
+++ /dev/null
@@ -1,82 +0,0 @@
----
-layout: default
-title: Color
-parent: Utilities
----
-
-# Color Utilities
-{: .no_toc }
-
-## Table of contents
-{: .no_toc .text-delta }
-
-1. TOC
-{:toc}
-
----
-
-All the colors used in Just the Docs have been systematized into a series of variables that have been extended to both font color and background color utility classes.
-
-## Light Greys
-
-| Color value | Font color utility | Background color utility |
-|:---------------|:---------------------|:-------------------------|
-| `grey-lt-000` | `.text-grey-lt-000` | `.bg-grey-lt-000` |
-| `grey-lt-100` | `.text-grey-lt-100` | `.bg-grey-lt-100` |
-| `grey-lt-200` | `.text-grey-lt-200` | `.bg-grey-lt-200` |
-| `grey-lt-300` | `.text-grey-lt-300` | `.bg-grey-lt-300` |
-
-## Dark Greys
-
-| Color value | Font color utility | Background color utility |
-|:---------------|:---------------------|:-------------------------|
-| `grey-dk-000` | `.text-grey-dk-000` | `.bg-grey-dk-000` |
-| `grey-dk-100` | `.text-grey-dk-100` | `.bg-grey-dk-100` |
-| `grey-dk-200` | `.text-grey-dk-200` | `.bg-grey-dk-200` |
-| `grey-dk-250` | `.text-grey-dk-250` | `.bg-grey-dk-250` |
-| `grey-dk-300` | `.text-grey-dk-300` | `.bg-grey-dk-300` |
-
-## Purples
-
-| Color value | Font color utility | Background color utility |
-|:---------------|:---------------------|:-------------------------|
-| `purple-000` | `.text-purple-000` | `.bg-purple-000` |
-| `purple-100` | `.text-purple-100` | `.bg-purple-100` |
-| `purple-200` | `.text-purple-200` | `.bg-purple-200` |
-| `purple-300` | `.text-purple-300` | `.bg-purple-300` |
-
-## Blues
-
-| Color value | Font color utility | Background color utility |
-|:---------------|:---------------------|:-------------------------|
-| `blue-000` | `.text-blue-000` | `.bg-blue-000` |
-| `blue-100` | `.text-blue-100` | `.bg-blue-100` |
-| `blue-200` | `.text-blue-200` | `.bg-blue-200` |
-| `blue-300` | `.text-blue-300` | `.bg-blue-300` |
-
-## Greens
-
-| Color value | Font color utility | Background color utility |
-|:---------------|:---------------------|:-------------------------|
-| `green-000` | `.text-green-000` | `.bg-green-000` |
-| `green-100` | `.text-green-100` | `.bg-green-100` |
-| `green-200` | `.text-green-200` | `.bg-green-200` |
-| `green-300` | `.text-green-300` | `.bg-green-300` |
-
-## Yellows
-
-| Color value | Font color utility | Background color utility |
-|:---------------|:---------------------|:-------------------------|
-| `yellow-000` | `.text-yellow-000` | `.bg-yellow-000` |
-| `yellow-100` | `.text-yellow-100` | `.bg-yellow-100` |
-| `yellow-200` | `.text-yellow-200` | `.bg-yellow-200` |
-| `yellow-300` | `.text-yellow-300` | `.bg-yellow-300` |
-
-## Reds
-
-| Color value | Font color utility | Background color utility |
-|:---------------|:---------------------|:-------------------------|
-| `red-000` | `.text-red-000` | `.bg-red-000` |
-| `red-100` | `.text-red-100` | `.bg-red-100` |
-| `red-200` | `.text-red-200` | `.bg-red-200` |
-| `red-300` | `.text-red-300` | `.bg-red-300` |
diff --git a/docs/utilities/layout.md b/docs/utilities/layout.md
deleted file mode 100644
index c2f5eb3..0000000
--- a/docs/utilities/layout.md
+++ /dev/null
@@ -1,127 +0,0 @@
----
-layout: default
-title: Layout
-parent: Utilities
----
-
-# Layout Utilities
-{: .no_toc }
-
-## Table of contents
-{: .no_toc .text-delta }
-
-1. TOC
-{:toc}
-
----
-
-## Spacing
-
-These spacers are available to use for margins and padding with responsive utility classes. Combine these prefixes with a screen size and spacing scale to use them responsively.
-
-| Classname prefix | What it does |
-|:-----------------|:------------------------------|
-| `.m-` | `margin` |
-| `.mx-` | `margin-left`, `margin-right` |
-| `.my-` | `margin top`, `margin bottom` |
-| `.mt-` | `margin-top` |
-| `.mr-` | `margin-right` |
-| `.mb-` | `margin-bottom` |
-| `.ml-` | `margin-left` |
-
-| Classname prefix | What it does |
-|:-----------------|:--------------------------------|
-| `.p-` | `padding` |
-| `.px-` | `padding-left`, `padding-right` |
-| `.py-` | `padding top`, `padding bottom` |
-| `.pt-` | `padding-top` |
-| `.pr-` | `padding-right` |
-| `.pb-` | `padding-bottom` |
-| `.pl-` | `padding-left` |
-
-Spacing values are based on a `1rem = 16px` spacing scale, broken down into these units:
-
-| Spacer/suffix | Size in rems | Rem converted to px |
-|:---------------|:--------------|:--------------------|
-| `1` | 0.25rem | 4px |
-| `2` | 0.5rem | 8px |
-| `3` | 0.75rem | 12px |
-| `4` | 1rem | 16px |
-| `5` | 1.5rem | 24px |
-| `6` | 2rem | 32px |
-| `7` | 2.5rem | 40px |
-| `8` | 3rem | 48px |
-| `auto` | auto | auto |
-
-Use `mx-auto` to horizontally center elements.
-
-#### Examples
-{: .no_toc }
-
-In Markdown, use the `{: }` wrapper to apply custom classes:
-
-```markdown
-This paragraph will have a margin bottom of 1rem/16px at large screens.
-{: .mb-lg-4 }
-
-This paragraph will have 2rem/32px of padding on the right and left at all screen sizes.
-{: .px-6 }
-```
-
-## Horizontal Alignment
-
-| Classname | What it does |
-|:------------------------|:---------------------------------|
-| `.float-left` | `float: left` |
-| `.float-right` | `float: right` |
-| `.flex-justify-start` | `justify-content: flex-start` |
-| `.flex-justify-end` | `justify-content: flex-end` |
-| `.flex-justify-between` | `justify-content: space-between` |
-| `.flex-justify-around` | `justify-content: space-around` |
-
-_Note: any of the `flex-` classes must be used on a parent element that has `d-flex` applied to it._
-
-## Vertical Alignment
-
-| Classname | What it does |
-|:-----------------------|:--------------------------------|
-| `.v-align-baseline` | `vertical-align: baseline` |
-| `.v-align-bottom` | `vertical-align: bottom` |
-| `.v-align-middle` | `vertical-align: middle` |
-| `.v-align-text-bottom` | `vertical-align: text-bottom` |
-| `.v-align-text-top` | `vertical-align: text-top` |
-| `.v-align-top` | `vertical-align: top` |
-
-## Display
-
-Display classes aid in adapting the layout of the elements on a page:
-
-| Class | |
-|:------------------|:------------------------|
-| `.d-block` | `display: block` |
-| `.d-flex` | `display: flex` |
-| `.d-inline` | `display: inline` |
-| `.d-inline-block` | `display: inline-block` |
-| `.d-none` | `display: none` |
-
-Use these classes in conjunction with the responsive modifiers.
-
-#### Examples
-{: .no_toc }
-
-In Markdown, use the `{: }` wrapper to apply custom classes:
-
-```markdown
-This button will be hidden until medium screen sizes:
-
-[ A button ](#url)
-{: .d-none .d-md-inline-block }
-
-These headings will be `inline-block`:
-
-### heading 3
-{: .d-inline-block }
-
-### heading 3
-{: .d-inline-block }
-```
diff --git a/docs/utilities/responsive-modifiers.md b/docs/utilities/responsive-modifiers.md
deleted file mode 100644
index c732530..0000000
--- a/docs/utilities/responsive-modifiers.md
+++ /dev/null
@@ -1,18 +0,0 @@
----
-layout: default
-title: Responsive Modifiers
-parent: Utilities
----
-
-# Responsive modifiers
-
-Just the Docs spacing works in conjunction with a variety of modifiers that allow you to target specific screen sizes responsively. Use these in conjunction with spacing and display prefix and suffix classes.
-
-| Modifier | Screen size |
-|:----------|:-------------------------------------|
-| (none) | All screens until the next modifier |
-| `xs` | 320px (20rem) and up |
-| `sm` | 500px (31.25rem) and up |
-| `md` | 740px (46.25rem) and up |
-| `lg` | 1120px (70rem) and up |
-| `xl` | 1400px (87.5rem) and up |
diff --git a/docs/utilities/typography.md b/docs/utilities/typography.md
deleted file mode 100644
index 1c5dca9..0000000
--- a/docs/utilities/typography.md
+++ /dev/null
@@ -1,156 +0,0 @@
----
-layout: default
-title: Typography
-parent: Utilities
----
-
-# Typography Utilities
-{: .no_toc }
-
-## Table of contents
-{: .no_toc .text-delta }
-
-1. TOC
-{:toc}
-
----
-
-## Font size
-
-Use the `.fs-1` - `.fs-10` to set an explicit font-size.
-
-| Class | Small screen size `font-size` | Large screen size `font-size` |
-|:--------|:-------------------------------|:------------------------------|
-| `.fs-1` | 9px | 10px |
-| `.fs-2` | 11px | 12px |
-| `.fs-3` | 12px | 14px |
-| `.fs-4` | 14px | 16px |
-| `.fs-5` | 16px | 18px |
-| `.fs-6` | 18px | 24px |
-| `.fs-7` | 24px | 32px |
-| `.fs-8` | 32px | 38px |
-| `.fs-9` | 38px | 42px |
-| `.fs-10`| 42px | 48px |
-
-
-Font size 1
-{: .fs-1 }
-Font size 2
-{: .fs-2 }
-Font size 3
-{: .fs-3 }
-Font size 4
-{: .fs-4 }
-Font size 5
-{: .fs-5 }
-Font size 6
-{: .fs-6 }
-Font size 7
-{: .fs-7 }
-Font size 8
-{: .fs-8 }
-Font size 9
-{: .fs-9 }
-Font size 10
-{: .fs-10 }
-
-```markdown
-In Markdown, use the `{: }` wrapper to apply custom classes:
-
-Font size 1
-{: .fs-1 }
-Font size 2
-{: .fs-2 }
-Font size 3
-{: .fs-3 }
-Font size 4
-{: .fs-4 }
-Font size 5
-{: .fs-5 }
-Font size 6
-{: .fs-6 }
-Font size 7
-{: .fs-7 }
-Font size 8
-{: .fs-8 }
-Font size 9
-{: .fs-9 }
-Font size 10
-{: .fs-10 }
-```
-
-## Font weight
-
-Use the `.fw-300` - `.fw-700` to set an explicit font-size.
-
-
-Font weight 300
-{: .fw-300 }
-Font weight 400
-{: .fw-400 }
-Font weight 500
-{: .fw-500 }
-Font weight 700
-{: .fw-700 }
-
-```markdown
-In Markdown, use the `{: }` wrapper to apply custom classes:
-
-Font weight 300
-{: .fw-300 }
-Font weight 400
-{: .fw-400 }
-Font weight 500
-{: .fw-500 }
-Font weight 700
-{: .fw-700 }
-```
-
-## Line height
-
-Use the `lh-` classes to explicitly apply line height to text.
-
-| Class | `line-height` value | Notes |
-|:--------------|:---------------------|:------------------------------|
-| `.lh-0` | 0 | |
-| `.lh-tight` | 1.1 | Default for headings |
-| `.lh-default` | 1.4 | Default for body (paragraphs) |
-
-
-No Line height
-No Line height
-{: .lh-0 }
-
-Tight line height
-Tight line height
-{: .lh-tight }
-
-Default line height
-Default line height
-{: .fh-default }
-
-```markdown
-In Markdown, use the `{: }` wrapper to apply custom classes:
-
-No Line height
-No Line height
-{: .lh-0 }
-
-Tight line height
-Tight line height
-{: .lh-tight }
-
-Default line height
-Default line height
-{: .fh-default }
-```
-
-## Text justification
-
-By default text is justified left. Use these `text-` classes to override settings:
-
-| Class | What it does |
-|:---------------|:---------------------|
-| `.text-left` | `text-align: left` |
-| `.text-right` | `text-align: right` |
-| `.text-center` | `text-align: center` |
diff --git a/docs/utilities/utilities.md b/docs/utilities/utilities.md
deleted file mode 100644
index fe4f780..0000000
--- a/docs/utilities/utilities.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-layout: default
-title: Utilities
-nav_order: 4
-has_children: true
-permalink: docs/utilities
----
-
-# Utilities
-{: .no_toc }
-
-CSS utility classes come in handy when you to want to override default styles to create additional whitespace (margins/padding), correct unexpected shifts in font size or weight, add color, or hide (or show) something at a specific screen size.
-{: .fs-6 .fw-300 }
diff --git a/docs/vat-li/lop-10/lop-10.md b/docs/vat-li/lop-10/lop-10.md
new file mode 100644
index 0000000..e4a54f1
--- /dev/null
+++ b/docs/vat-li/lop-10/lop-10.md
@@ -0,0 +1,8 @@
+---
+layout: default
+title: Vật lí 10
+has_children: true
+nav_order: 1
+parent: Vật lí
+permalink: vat-li/lop-10
+---
\ No newline at end of file
diff --git a/docs/vat-li/vat-li.md b/docs/vat-li/vat-li.md
new file mode 100644
index 0000000..cbe230f
--- /dev/null
+++ b/docs/vat-li/vat-li.md
@@ -0,0 +1,9 @@
+---
+layout: default
+title: Vật lí
+nav_order: 3
+has_children: true
+permalink: vat-li
+---
+
+# Vật lí
\ No newline at end of file
diff --git a/index.md b/index.md
index fc2b709..e621d58 100644
--- a/index.md
+++ b/index.md
@@ -6,91 +6,12 @@ description: "Just the Docs is a responsive Jekyll theme with built-in search th
permalink: /
---
-# Focus on writing good documentation
+# Chia sẻ kiến thức cá nhân
{: .fs-9 }
-Just the Docs gives your documentation a jumpstart with a responsive Jekyll theme that is easily customizable and hosted on GitHub Pages.
+Đây là nơi tổng hợp những kiến thức mình học được. Một số nội dung mang tính cá nhân và có thể có sai sót.
{: .fs-6 .fw-300 }
-[Get started now](#getting-started){: .btn .btn-primary .fs-5 .mb-4 .mb-md-0 .mr-2 } [View it on GitHub](https://github.com/pmarsceill/just-the-docs){: .btn .fs-5 .mb-4 .mb-md-0 }
+[Khám phá](#getting-started){: .btn .btn-primary .fs-5 .mb-4 .mb-md-0 .mr-2 } [View it on GitHub](https://github.com/pmarsceill/just-the-docs){: .btn .fs-5 .mb-4 .mb-md-0 }
---
-
-## Getting started
-
-### Dependencies
-
-Just the Docs is built for [Jekyll](https://jekyllrb.com), a static site generator. View the [quick start guide](https://jekyllrb.com/docs/) for more information. Just the Docs requires no special plugins and can run on GitHub Pages' standard Jekyll compiler. The [Jekyll SEO Tag plugin](https://github.com/jekyll/jekyll-seo-tag) is included by default (no need to run any special installation) to inject SEO and open graph metadata on docs pages. For information on how to configure SEO and open graph metadata visit the [Jekyll SEO Tag usage guide](https://jekyll.github.io/jekyll-seo-tag/usage/).
-
-### Quick start: Use as a GitHub Pages remote theme
-
-1. Add Just the Docs to your Jekyll site's `_config.yml` as a [remote theme](https://blog.github.com/2017-11-29-use-any-theme-with-github-pages/)
-```yaml
-remote_theme: pmarsceill/just-the-docs
-```
-You must have GitHub Pages enabled on your repo, one or more Markdown files, and a `_config.yml` file. [See an example repository](https://github.com/pmarsceill/jtd-remote)
-
-### Local installation: Use the gem-based theme
-
-1. Install the Ruby Gem
-```bash
-$ gem install just-the-docs
-```
-```yaml
-# .. or add it to your your Jekyll site’s Gemfile
-gem "just-the-docs"
-```
-2. Add Just the Docs to your Jekyll site’s `_config.yml`
-```yaml
-theme: "just-the-docs"
-```
-3. _Optional:_ Initialize search data (creates `search-data.json`)
-```bash
-$ bundle exec just-the-docs rake search:init
-```
-3. Run you local Jekyll server
-```bash
-$ jekyll serve
-```
-```bash
-# .. or if you're using a Gemfile (bundler)
-$ bundle exec jekyll serve
-```
-4. Point your web browser to [http://localhost:4000](http://localhost:4000)
-
-If you're hosting your site on GitHub Pages, [set up GitHub Pages and Jekyll locally](https://help.github.com/en/articles/setting-up-your-github-pages-site-locally-with-jekyll) so that you can more easily work in your development environment.
-
-### Configure Just the Docs
-
-- [See configuration options]({{ site.baseurl }}{% link docs/configuration.md %})
-
----
-
-## About the project
-
-Just the Docs is © 2017-{{ "now" | date: "%Y" }} by [Patrick Marsceill](http://patrickmarsceill.com).
-
-### License
-
-Just the Docs is distributed by an [MIT license](https://github.com/pmarsceill/just-the-docs/tree/master/LICENSE.txt).
-
-### Contributing
-
-When contributing to this repository, please first discuss the change you wish to make via issue,
-email, or any other method with the owners of this repository before making a change. Read more about becoming a contributor in [our GitHub repo](https://github.com/pmarsceill/just-the-docs#contributing).
-
-#### Thank you to the contributors of Just the Docs!
-
--
-{% for contributor in site.github.contributors %}
-
-
-
-{% endfor %}
-