diff options
1 files changed, 10 insertions, 16 deletions
| -rw-r--r-- | docs/index.html | 26 |
diff --git a/docs/index.html b/docs/index.html index 20489da..e98754d 100644 --- a/docs/index.html +++ b/docs/index.html @@ -12,27 +12,21 @@ <link rel="stylesheet" href="css/docs.css" /> </head> <body> - <div class="section section-header"> - <div class="grid-header container grid-lg"> + <div class="section section-hero bg-gray"> + <div id="overview" class="grid-hero container grid-lg text-center"> <div class="s-brand"> <div class="s-logo"> <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework" /> <h2>Spectre.css</h2> </div> </div> - </div> - </div> - - <div class="section section-hero bg-gray"> - <div id="overview" class="grid-hero container grid-lg text-center"> <h1>Spectre.css</h1> <h2>A <u>lightweight</u>, <u>responsive</u> and <u>modern</u> CSS framework</h2> - <div class="columns"> - <div class="column"> - <a href="getting-started.html" class="btn btn-primary btn-lg">Docs</a> - <a href="https://github.com/picturepan2/spectre" target="_blank" class="btn btn-primary btn-lg">GitHub</a> - </div> - </div> + <p> + <a href="getting-started.html" class="btn btn-primary btn-lg">Docs</a> + <a href="https://github.com/picturepan2/spectre" target="_blank" class="btn btn-primary btn-lg">GitHub</a> + </p> + <p class="text-gray">Latest version: <span class="version"></span></p> <div class="columns"> <div class="column col-4 col-xs-12"> <div class="card text-center"> @@ -72,11 +66,11 @@ <div class="container grid-lg"> <h2>Installation</h2> <div class="columns"> - <div class="column col-10 col-sm-12 centered"> + <div class="column col-10 col-sm-12 col-mx-auto text-left"> <p class="text-large text-secondary">There are 5 ways to get started with Spectre.css CSS framework in your projects. You can either install manually, from CDN or use NPM, Yarn and Bower.</p> </div> - <div class="column col-10 col-sm-12 centered"> - <a href="getting-started.html#installation" class="btn btn-lg">Get started</a> + <div class="column col-10 col-sm-12 col-mx-auto"> + <a href="getting-started.html#installation" class="btn btn-lg">Install Spectre.css</a> </div> </div> </div> |