Enhance the design and readability of the docs

DOCUMENTATION/content/introduction/index.md

@@ -4,19 +4,34 @@ type: index
 weight: 1
 ---
 
-![](https://raw.githubusercontent.com/laradock/laradock/master/.github/home-page-images/laradock-logo.jpg)
+<b>Laradock is a full PHP development environment based on Docker.</b>
 
-## Use Docker First - Then Learn About It Later
+Supporting a variety of common services, all pre-configured to provide a full PHP development environment.
-
-Laradock is a PHP development environment that runs on Docker.
-
-Supports a variety of useful Docker Images, pre-configured to provide a wonderful PHP development environment.
 
 
+<a name="features"></a>
+## Features
 
+- Easy switch between PHP versions: 7.3, 7.2, 7.1, 5.6...
+- Choose your favorite database engine: MySQL, Postgres, MariaDB...
+- Run your own stack: Memcached, HHVM, RabbitMQ...
+- Each software runs on its own container: PHP-FPM, NGINX, PHP-CLI...
+- Easy to customize any container, with simple edit to the `Dockerfile`.
+- All Images extends from an official base Image. (Trusted base Images).
+- Pre-configured NGINX to host any code at your root directory.
+- Can use Laradock per project, or single Laradock for all projects.
+- Easy to install/remove software's in Containers using environment variables.
+- Clean and well structured Dockerfiles (`Dockerfile`).
+- Latest version of the Docker Compose file (`docker-compose`).
+- Everything is visible and editable.
+- Fast Images Builds.
 
+<br>
 
 ---
+### Use Docker First - Then Learn About It Later</q>
+---
+
 
 <a name="sponsors"></a>
 ## Sponsors
@@ -79,7 +94,8 @@ Your logo will show up on the [github repository](https://github.com/laradock/la
 <br>
 For more info contact <a href = "mailto: support@laradock.io">support@laradock.io</a>.
 
----
+<br>
+
 
 ## Quick Overview
 
@@ -120,25 +136,6 @@ That's it! enjoy :)
 
 
 
-<a name="features"></a>
-## Features
-
-- Easy switch between PHP versions: 7.3, 7.2, 7.1, 5.6...
-- Choose your favorite database engine: MySQL, Postgres, MariaDB...
-- Run your own stack: Memcached, HHVM, RabbitMQ...
-- Each software runs on its own container: PHP-FPM, NGINX, PHP-CLI...
-- Easy to customize any container, with simple edit to the `Dockerfile`.
-- All Images extends from an official base Image. (Trusted base Images).
-- Pre-configured NGINX to host any code at your root directory.
-- Can use Laradock per project, or single Laradock for all projects.
-- Easy to install/remove software's in Containers using environment variables.
-- Clean and well structured Dockerfiles (`Dockerfile`).
-- Latest version of the Docker Compose file (`docker-compose`).
-- Everything is visible and editable.
-- Fast Images Builds.
-
-
-
 <a name="Supported-Containers"></a>
 ## Supported Software (Docker Images)
 
@@ -273,48 +270,6 @@ You can choose, which tools to install in your workspace container and other con
 
 ---
 
-<a name="what-is-docker"></a>
-## What is Docker?
-
-[Docker](https://www.docker.com) is an open platform for developing, shipping, and running applications.
-Docker enables you to separate your applications from your infrastructure so you can deliver software quickly.
-With Docker, you can manage your infrastructure in the same ways you manage your applications.
-By taking advantage of Docker’s methodologies for shipping, testing, and deploying code quickly, you can significantly reduce the delay between writing code and running it in production.
-
-
-
-
-
-<a name="why-docker-not-vagrant"></a>
-## Why Docker not Vagrant!?
-
-[Vagrant](https://www.vagrantup.com) creates Virtual Machines in minutes while Docker creates Virtual Containers in seconds.
-
-Instead of providing a full Virtual Machines, like you get with Vagrant, Docker provides you **lightweight** Virtual Containers, that share the same kernel and allow to safely execute independent processes.
-
-In addition to the speed, Docker gives tons of features that cannot be achieved with Vagrant.
-
-Most importantly Docker can run on Development and on Production (same environment everywhere). While Vagrant is designed for Development only, (so you have to re-provision your server on Production every time).
-
-
-
-
-
-
-<a name="Demo"></a>
-## Demo Video
-
-What's better than a **Demo Video**:
-
-- Laradock [v4.*](https://www.youtube.com/watch?v=TQii1jDa96Y)
-- Laradock [v2.*](https://www.youtube.com/watch?v=-DamFMczwDA)
-- Laradock [v0.3](https://www.youtube.com/watch?v=jGkyO6Is_aI)
-- Laradock [v0.1](https://www.youtube.com/watch?v=3YQsHe6oF80)
-
-
-
-
-
 
 
 <a name="Chat"></a>
@@ -324,10 +279,11 @@ You are welcome to join our chat room on Gitter.
 
 [![Gitter](https://badges.gitter.im/Laradock/laradock.svg)](https://gitter.im/Laradock/laradock?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
 
-## Awesome People
+---
+
 Laradock exists thanks to all the people who contribute.
 
-### Project Maintainers
+## Project Maintainers
 
 <table>
   <tbody>
@@ -445,7 +401,7 @@ Laradock exists thanks to all the people who contribute.
   </tbody>
 </table>
 
-### Code Contributors
+## Code Contributors
 
 <a href="https://github.com/undefined/undefined/graphs/contributors"><img src="https://opencollective.com/laradock/contributors.svg?width=890&button=false" /></a>
 

DOCUMENTATION/static/custom-style.css

@@ -11,3 +11,20 @@
     height: 70px;
     padding: 25px;
 }
+.palette-primary-deep-purple .article h1{
+    color: #7e57c2;
+    font-size: 35px;
+}
+.palette-primary-deep-purple .article h2{
+
+    color: #ce2046;
+    font-size: 25px;
+}
+.palette-primary-deep-purple .article h3{
+    color: #851d54;
+    font-size: 18px;
+}
+.palette-primary-deep-purple .article code{
+    color: #851d54;
+    background: #eeeeeea8;
+}

DOCUMENTATION/themes/hugo-material-docs/layouts/index.html

@@ -1,8 +1,8 @@
 {{ partial "head" . }}
 
 {{ if (eq (trim .Site.Params.provider " " | lower) "github") | and (isset .Site.Params "repo_url") }}
-	{{ $repo_id := replace .Site.Params.repo_url "https://github.com/" ""}}
+    {{ $repo_id := replace .Site.Params.repo_url "https://github.com/" ""}}
-	{{ .Scratch.Set "repo_id" $repo_id }}
+    {{ .Scratch.Set "repo_id" $repo_id }}
 {{ end }}
 
 <div class="backdrop">
@@ -25,26 +25,32 @@
 	<article class="article">
 		<div class="wrapper">
 
-            <!-- Wrapper arround google ads for seedanddew -->
+			<!-- Wrapper arround google ads for seedanddew -->
-            <div class='snd-ad'>
+			<div class='snd-ad'>
-                <!-- ------------------------------------------------------------------------- -->
+				<!-- ------------------------------------------------------------------------- -->
-                <!-- Google Ads -->
+				<!-- Google Ads -->
-                <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
+				<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-                <!-- Laradock Horizontal -->
+				<!-- Laradock Horizontal -->
-                <ins class="adsbygoogle"
+				<ins class="adsbygoogle"
-                     style="display:inline-block;width:890px;height:100px"
+					 style="display:inline-block;width:890px;height:100px"
-                     data-ad-client="ca-pub-9826129398689742"
+					 data-ad-client="ca-pub-9826129398689742"
-                     data-ad-slot="2340256024"></ins>
+					 data-ad-slot="2340256024"></ins>
-                <script>
+				<script>
-                    (adsbygoogle = window.adsbygoogle || []).push({});
+					(adsbygoogle = window.adsbygoogle || []).push({});
-                </script>
+				</script>
-                <!-- ------------------------------------------------------------------------- -->
+				<!-- ------------------------------------------------------------------------- -->
-            </div>
+			</div>
+
+			<br><br><br>
+			<img src="https://raw.githubusercontent.com/laradock/laradock/master/.github/home-page-images/laradock-logo.jpg" alt="laradock logo">
 
 			{{ range where .Site.Pages "Type" "index" }}
-				<h1>{{ .Title }} {{ if .IsDraft }} (Draft){{ end }}</h1>
+			<br><br><br><br><br><br>
+			<hr>
+			<br>
+			<h1>{{ .Title }} {{ if .IsDraft }} (Draft){{ end }}</h1>
 
-				{{ .Content }}
+			{{ .Content }}
 			{{ end }}
 
 			<aside class="copyright" role="note">
@@ -55,8 +61,8 @@
 				<a href="https://www.gohugo.io" target="_blank">Hugo</a>
 				using the
 				<a href="http://github.com/digitalcraftsman/hugo-material-docs" target="_blank">Material</a> theme,
-                by
+				by
-                <a href="https://zalt.me">Mahmoud Zalt</a>.
+				<a href="https://zalt.me">Mahmoud Zalt</a>.
 			</aside>
 
 			<footer class="footer">

README.md

@@ -4,8 +4,9 @@
 
 ---
 
-<p align="center">PHP development environment that runs on Docker</p>
+<p align="center"><b>Full PHP development environment based on Docker.</b></p>
 
+<p align="center">Supporting a variety of common services, all pre-configured to provide a full PHP development environment.</p>
 
 <p align="center">
    <a href="http://laradock.io/contributing"><img src="https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat" alt="contributions welcome"></a>
@@ -173,19 +174,8 @@ Contribute and help us sustain the project.
 
 <a href="https://opencollective.com/laradock"><img src="https://opencollective.com/laradock/backer.svg?width=890"></a>
 
-
-
-
-
-
-
 ## Sponsors
 
-
-
-
-
-
 <a href="https://opencollective.com/socketio/sponsor/23/website" target="_blank"><img src="https://opencollective.com/socketio/sponsor/23/avatar.svg"></a>
 <a href="https://opencollective.com/laradock/sponsor/0/website?requireActive=false" target="_blank"><img src="https://opencollective.com/laradock/sponsor/0/avatar.svg?requireActive=false"></a>
 <a href="https://opencollective.com/laradock/sponsor/1/website?requireActive=false" target="_blank"><img src="https://opencollective.com/laradock/sponsor/1/avatar.svg?requireActive=false"></a>