Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/picturepan2/spectre.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'docs/layout/hero.html')
-rw-r--r--docs/layout/hero.html8
1 files changed, 7 insertions, 1 deletions
diff --git a/docs/layout/hero.html b/docs/layout/hero.html
index f25e0e8..b5df583 100644
--- a/docs/layout/hero.html
+++ b/docs/layout/hero.html
@@ -222,8 +222,14 @@
</div>
</div>
</div>
- <pre class="code" data-lang="HTML"><code><span class="hljs-comment">&lt;!-- hero example --&gt;</span>
+ <pre class="code" data-lang="HTML"><code><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hero bg-gray"</span>&gt;</span>
+ <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"hero-body"</span>&gt;</span>
+ <span class="hljs-tag">&lt;<span class="hljs-name">h1</span>&gt;</span>Hero title<span class="hljs-tag">&lt;/<span class="hljs-name">h1</span>&gt;</span>
+ <span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span>This is a hero example<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span>
+ <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
</code></pre>
+ <p>Use <code>hero-sm</code> and <code>hero-lg </code>to the hero container for smaller and larger padding. </p>
<div class="docs-demo columns">
<div class="column">
<div class="hero hero-sm bg-dark">