diff options
1 files changed, 25 insertions, 8 deletions
| -rw-r--r-- | docs/elements.html | 33 |
diff --git a/docs/elements.html b/docs/elements.html index 19c1c66..ae818cc 100644 --- a/docs/elements.html +++ b/docs/elements.html @@ -12,7 +12,7 @@ <link rel="stylesheet" href="font/style.css" /> </head> <body> - <section class="section section-header bg-grey"> + <section class="section section-header bg-gray"> <section class="grid-header container grid-960"> <nav class="navbar"> <section class="navbar-section"> @@ -209,14 +209,14 @@ <header class="text-center"><h4>Blockquote</h4></header> <blockquote> - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> - <cite>- Source</cite> + <p>The advance of technology is based on making it fit in so that you don't really even notice it, so it's part of everyday life. </p> + <cite>- Bill Gates</cite> </blockquote> <!-- blockquote example --> <pre class="code" data-lang="HTML"><code><<span class="tag">blockquote</span>> - <<span class="tag">p</span>>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.<<span class="tag">/p</span>> - <<span class="tag">cite</span>>- Source<<span class="tag">/cite</span>> + <<span class="tag">p</span>>The advance of technology is based on making it fit in so that you don't really even notice it, so it's part of everyday life. <<span class="tag">/p</span>> + <<span class="tag">cite</span>>- Bill Gates<<span class="tag">/cite</span>> <<span class="tag">/blockquote</span>> </code></pre> @@ -953,11 +953,12 @@ <span class="label">default label</span> <span class="label label-primary">primary label</span> <span class="label label-success">success label</span> + <span class="label label-warning">warning label</span> <span class="label label-danger">danger label</span> </div> </div> <section class="notes"> - <p>Add the class <code>label</code> to <span> or <small> elements. You can add another class <code>label-primary</code>, <code>label-success</code> and <code>label-danger</code> for a primary colored label.</p> + <p>Add the class <code>label</code> to <span> or <small> elements. You can add another class <code>label-primary</code>, <code>label-success</code>, <code>label-warning</code> and <code>label-danger</code> for a primary colored label.</p> </section> <!-- labels example --> @@ -971,7 +972,8 @@ <header class="text-center"><h3>Codes</h3></header> <section class="notes"> <p><strong>Codes</strong> are inline and multiline code snippets.</p> - <p>For inline code, you can use the element <code><code></code>. For multiline code snippet blocks, you can use <code><pre></code> with the class <code>code</code> as a container, and add <code><code></code> inside it. The attribute <code>data-lang</code> is rendered as the language name in the top right.</p> + <p>For inline code, you can use the element <code><code></code>. </p> + <p>For multiline code snippet blocks, you can use <code><pre></code> with the class <code>code</code> as a container, and add <code><code></code> inside it. The attribute <code>data-lang</code> is rendered as the language name in the top right.</p> </section> <!-- codes example --> @@ -1057,7 +1059,22 @@ </section> </section> - <footer class="bg-grey"> + <section class="container grid-960"> + <section class="grid-ads"> + <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> + <!-- Spectre.css --> + <ins class="adsbygoogle" + style="display:block" + data-ad-client="ca-pub-2225124559530218" + data-ad-slot="5007685125" + data-ad-format="auto"></ins> + <script> + (adsbygoogle = window.adsbygoogle || []).push({}); + </script> + </section> + </section> + + <footer class="bg-gray"> <section id="copyright" class="grid-footer container grid-960"> <p> <a href="index.html#introduction" target="_blank">Documents</a> | <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | Version <span class="version"></span> |