Summary Files Commits Branches @commit @diff @stats
path: root / docs / components.html
diff options
context:
space:
mode:
Commitcf654d89d4668dea4ac9b6e24781f2d8d40fe6e5 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-09-04 16:16:24 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-09-04 16:16:24 +0800
Files766d7691e834ad954af7fdff2882e57920a5e2e1 /docs/components.html
Spectre-Dark-Gruvbox-cf654d89d4668dea4ac9b6e24781f2d8d40fe6e5.tar
Spectre-Dark-Gruvbox-cf654d89d4668dea4ac9b6e24781f2d8d40fe6e5.tar.gz
Spectre-Dark-Gruvbox-cf654d89d4668dea4ac9b6e24781f2d8d40fe6e5.zip
Parentc811cb46631e66772a108c393f6ef53a83ca010b (diff)
Remove slash in HTML coding
1 files changed, 82 insertions, 82 deletions
-rw-r--r--docs/components.html164
diff --git a/docs/components.html b/docs/components.html
index 98ceca1..2f12f90 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -1,15 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="utf-8" />
- <meta name="robots" content="index, follow" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
- <meta http-equiv="x-ua-compatible" content="ie=edge" />
- <meta name="author" content="https://github.com/picturepan2/" />
+ <meta charset="utf-8">
+ <meta name="robots" content="index, follow">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
+ <meta name="author" content="https://github.com/picturepan2/">
<title>Components - Spectre.css CSS Framework</title>
- <link rel="stylesheet" href="dist/spectre.css" />
- <link rel="stylesheet" href="dist/spectre-icons.css" />
- <link rel="stylesheet" href="css/docs.css" />
+ <link rel="stylesheet" href="dist/spectre.css">
+ <link rel="stylesheet" href="dist/spectre-icons.css">
+ <link rel="stylesheet" href="css/docs.css">
</head>
<body>
<div class="s-container container">
@@ -17,14 +17,14 @@
<div id="sidebar" class="s-sidebar">
<div class="s-brand">
<a href="index.html" class="s-logo">
- <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework" />
+ <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
<h2>Spectre.css</h2>
</a>
</div>
<div class="s-nav">
<div class="accordion">
<div class="accordion-item">
- <input type="checkbox" id="docs-accordion-1" name="docs-accordion-checkbox" hidden />
+ <input type="checkbox" id="docs-accordion-1" name="docs-accordion-checkbox" hidden>
<label class="accordion-header c-hand" for="docs-accordion-1">
Getting started
</label>
@@ -49,7 +49,7 @@
</div>
</div>
<div class="accordion-item">
- <input type="checkbox" id="docs-accordion-2" name="docs-accordion-checkbox" hidden />
+ <input type="checkbox" id="docs-accordion-2" name="docs-accordion-checkbox" hidden>
<label class="accordion-header c-hand" for="docs-accordion-2">
Elements
</label>
@@ -83,7 +83,7 @@
</div>
</div>
<div class="accordion-item">
- <input type="checkbox" id="docs-accordion-3" name="docs-accordion-checkbox" hidden />
+ <input type="checkbox" id="docs-accordion-3" name="docs-accordion-checkbox" hidden>
<label class="accordion-header c-hand" for="docs-accordion-3">
Layout
</label>
@@ -102,7 +102,7 @@
</div>
</div>
<div class="accordion-item">
- <input type="checkbox" id="docs-accordion-4" name="docs-accordion-checkbox" hidden checked />
+ <input type="checkbox" id="docs-accordion-4" name="docs-accordion-checkbox" hidden checked>
<label class="accordion-header c-hand" for="docs-accordion-4">
Components
</label>
@@ -172,7 +172,7 @@
</div>
</div>
<div class="accordion-item">
- <input type="checkbox" id="docs-accordion-5" name="docs-accordion-checkbox" hidden />
+ <input type="checkbox" id="docs-accordion-5" name="docs-accordion-checkbox" hidden>
<label class="accordion-header c-hand" for="docs-accordion-5">
Utilities
</label>
@@ -206,7 +206,7 @@
</div>
</div>
<div class="accordion-item">
- <input type="checkbox" id="docs-accordion-6" name="docs-accordion-checkbox" hidden />
+ <input type="checkbox" id="docs-accordion-6" name="docs-accordion-checkbox" hidden>
<label class="accordion-header c-hand" for="docs-accordion-6">
Experimentals
</label>
@@ -252,7 +252,7 @@
<a href="#sidebar" class="btn btn-link btn-action"><i class="icon icon-menu"></i></a>
</div>
<a href="index.html" class="s-logo">
- <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework" />
+ <img src="img/spectre-logo.svg" alt="Spectre.css CSS Framework">
</a>
<div class="float-btn">
<a href="https://github.com/picturepan2/spectre" target="_blank" class="btn btn-primary">GitHub</a>
@@ -269,7 +269,7 @@
<div class="column col-6 col-md-12">
<div class="accordion">
<div class="accordion-item">
- <input type="radio" id="accordion-1" name="accordion-radio" hidden checked />
+ <input type="radio" id="accordion-1" name="accordion-radio" hidden checked>
<label class="accordion-header c-hand" for="accordion-1">
<i class="icon icon-arrow-right mr-5"></i>
Elements
@@ -286,7 +286,7 @@
</div>
</div>
<div class="accordion-item">
- <input type="radio" id="accordion-2" name="accordion-radio" hidden />
+ <input type="radio" id="accordion-2" name="accordion-radio" hidden>
<label class="accordion-header c-hand" for="accordion-2">
<i class="icon icon-arrow-right mr-5"></i>
Layout
@@ -303,7 +303,7 @@
</div>
</div>
<div class="accordion-item">
- <input type="radio" id="accordion-3" name="accordion-radio" hidden />
+ <input type="radio" id="accordion-3" name="accordion-radio" hidden>
<label class="accordion-header c-hand" for="accordion-3">
<i class="icon icon-arrow-right mr-5"></i>
Components
@@ -324,7 +324,7 @@
<div class="column col-6 col-md-12">
<div class="accordion">
<div class="accordion-item">
- <input type="checkbox" id="accordion-4" name="accordion-checkbox" hidden checked />
+ <input type="checkbox" id="accordion-4" name="accordion-checkbox" hidden checked>
<label class="accordion-header c-hand" for="accordion-4">
<i class="icon icon-arrow-right mr-5"></i>
Elements
@@ -341,7 +341,7 @@
</div>
</div>
<div class="accordion-item">
- <input type="checkbox" id="accordion-5" name="accordion-checkbox" hidden />
+ <input type="checkbox" id="accordion-5" name="accordion-checkbox" hidden>
<label class="accordion-header c-hand" for="accordion-5">
<i class="icon icon-arrow-right mr-5"></i>
Layout
@@ -358,7 +358,7 @@
</div>
</div>
<div class="accordion-item">
- <input type="checkbox" id="accordion-6" name="accordion-checkbox" hidden />
+ <input type="checkbox" id="accordion-6" name="accordion-checkbox" hidden>
<label class="accordion-header c-hand" for="accordion-6">
<i class="icon icon-arrow-right mr-5"></i>
Components
@@ -382,7 +382,7 @@
<pre class="code" data-lang="HTML"><code><span class="com">&lt;!-- standard Accordions examples --&gt;</span>
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;accordion&quot;</span>&gt;
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;accordion-item&quot;</span>&gt;
- &lt;<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">&quot;checkbox&quot;</span> <span class="atn">id</span>=<span class="atv">&quot;accordion-1&quot;</span> <span class="atn">name</span>=<span class="atv">&quot;accordion-checkbox&quot;</span> <span class="atn">hidden</span>/&gt;
+ &lt;<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">&quot;checkbox&quot;</span> <span class="atn">id</span>=<span class="atv">&quot;accordion-1&quot;</span> <span class="atn">name</span>=<span class="atv">&quot;accordion-checkbox&quot;</span> <span class="atn">hidden</span>&gt;
&lt;<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">&quot;accordion-header&quot;</span>&gt;
&lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;icon icon-arrow-right mr-5&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt;
Title
@@ -397,7 +397,7 @@
<span class="com">&lt;!-- mutually exclusive Accordions examples --&gt;</span>
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;accordion&quot;</span>&gt;
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;accordion-item&quot;</span>&gt;
- &lt;<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">&quot;radio&quot;</span> <span class="atn">id</span>=<span class="atv">&quot;accordion-1&quot;</span> <span class="atn">name</span>=<span class="atv">&quot;accordion-radio&quot;</span> <span class="atn">hidden</span>/&gt;
+ &lt;<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">&quot;radio&quot;</span> <span class="atn">id</span>=<span class="atv">&quot;accordion-1&quot;</span> <span class="atn">name</span>=<span class="atv">&quot;accordion-radio&quot;</span> <span class="atn">hidden</span>&gt;
&lt;<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">&quot;accordion-header&quot;</span>&gt;
Title
&lt;<span class="tag">/label</span>&gt;
@@ -425,11 +425,11 @@
Bruce Banner
</span>
<span class="chip">
- <img src="img/avatar-1.png" class="avatar avatar-sm" alt="Avatar" />
+ <img src="img/avatar-1.png" class="avatar avatar-sm" alt="Avatar">
Thor Odinson
</span>
<span class="chip">
- <img src="img/avatar-4.png" class="avatar avatar-sm" alt="Avatar" />
+ <img src="img/avatar-4.png" class="avatar avatar-sm" alt="Avatar">
Steve Rogers
</span>
<span class="chip">
@@ -439,7 +439,7 @@
<span class="chip active">
Natasha Romanoff
</span>
- <input class="form-input" type="text" placeholder="" />
+ <input class="form-input" type="text" placeholder="">
</div>
</div>
</div>
@@ -453,12 +453,12 @@
<a href="#" class="btn btn-clear" aria-label="Close" role="button"></a>
</span>
<span class="chip">
- <img src="img/avatar-1.png" class="avatar avatar-sm" alt="Thor Odinson"/>
+ <img src="img/avatar-1.png" class="avatar avatar-sm" alt="Thor Odinson">
Thor Odinson
<a href="#" class="btn btn-clear" aria-label="Close" role="button"></a>
</span>
<div class="has-icon-left">
- <input class="form-input" type="text" placeholder="" value="S" />
+ <input class="form-input" type="text" placeholder="" value="S">
<i class="form-icon loading"></i>
</div>
</div>
@@ -467,7 +467,7 @@
<a href="#autocomplete">
<div class="tile tile-centered">
<div class="tile-icon">
- <img src="img/avatar-4.png" class="avatar avatar-sm" alt="Steve Rogers" />
+ <img src="img/avatar-4.png" class="avatar avatar-sm" alt="Steve Rogers">
</div>
<div class="tile-content">
<mark>S</mark>teve Roger<mark>s</mark>
@@ -504,13 +504,13 @@
<span class="com">&lt;!-- autocomplete chips --&gt;</span>
&lt;<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">&quot;chip&quot;</span>&gt;
- &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-1.png&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;avatar avatar-sm&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;Thor Odinson&quot;</span> /&gt;
+ &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-1.png&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;avatar avatar-sm&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;Thor Odinson&quot;</span>&gt;
Thor Odinson
&lt;<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">&quot;#&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;btn btn-clear&quot;</span> <span class="atn">aria-label</span>=<span class="atv">&quot;Close&quot;</span> <span class="atn">role</span>=<span class="atv">&quot;button&quot;</span>&gt;&lt;<span class="tag">/a</span>&gt;
&lt;<span class="tag">/label</span>&gt;
<span class="com">&lt;!-- autocomplete real input box --&gt;</span>
- &lt;<span class="tag">input</span> <span class="atn">class</span>=<span class="atv">&quot;form-input&quot;</span> <span class="atn">type</span>=<span class="atv">&quot;text&quot;</span> <span class="atn">placeholder</span>=<span class="atv">&quot;typing here&quot;</span> /&gt;
+ &lt;<span class="tag">input</span> <span class="atn">class</span>=<span class="atv">&quot;form-input&quot;</span> <span class="atn">type</span>=<span class="atv">&quot;text&quot;</span> <span class="atn">placeholder</span>=<span class="atv">&quot;typing here&quot;</span>&gt;
&lt;<span class="tag">/div</span>&gt;
<span class="com">&lt;!-- autocomplete suggestion list --&gt;</span>
@@ -520,7 +520,7 @@
&lt;<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">&quot;#&quot;</span>&gt;
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile tile-centered&quot;</span>&gt;
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-icon&quot;</span>&gt;
- &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-4.png&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;avatar avatar-sm&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;Steve Rogers&quot;</span> /&gt;
+ &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-4.png&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;avatar avatar-sm&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;Steve Rogers&quot;</span>&gt;
&lt;<span class="tag">/div</span>&gt;
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-content&quot;</span>&gt;
Steve Rogers
@@ -542,19 +542,19 @@
<div class="columns">
<div class="column col-6 col-xs-12">
<figure class="avatar avatar-xl">
- <img src="img/avatar-1.png" alt="Avatar XL" />
+ <img src="img/avatar-1.png" alt="Avatar XL">
</figure>
<figure class="avatar avatar-lg">
- <img src="img/avatar-2.png" alt="Avatar LG" />
+ <img src="img/avatar-2.png" alt="Avatar LG">
</figure>
<figure class="avatar">
- <img src="img/avatar-3.png" alt="Avatar" />
+ <img src="img/avatar-3.png" alt="Avatar">
</figure>
<figure class="avatar avatar-sm">
- <img src="img/avatar-4.png" alt="Avatar SM" />
+ <img src="img/avatar-4.png" alt="Avatar SM">
</figure>
<figure class="avatar avatar-xs">
- <img src="img/avatar-5.png" alt="Avatar XS" />
+ <img src="img/avatar-5.png" alt="Avatar XS">
</figure>
</div>
<div class="column col-6 col-xs-12">
@@ -572,24 +572,24 @@
<div class="columns">
<div class="column col-6 col-xs-12">
<figure class="avatar avatar-xl">
- <img src="img/avatar-1.png" alt="Avatar" />
- <img src="img/avatar-2.png" class="avatar-icon" alt="Avatar" />
+ <img src="img/avatar-1.png" alt="Avatar">
+ <img src="img/avatar-2.png" class="avatar-icon" alt="Avatar">
</figure>
<figure class="avatar avatar-lg">
- <img src="img/avatar-2.png" alt="Avatar" />
- <img src="img/avatar-3.png" class="avatar-icon" alt="Avatar" />
+ <img src="img/avatar-2.png" alt="Avatar">
+ <img src="img/avatar-3.png" class="avatar-icon" alt="Avatar">
</figure>
<figure class="avatar">
- <img src="img/avatar-3.png" alt="Avatar" />
- <img src="img/avatar-4.png" class="avatar-icon" alt="Avatar" />
+ <img src="img/avatar-3.png" alt="Avatar">
+ <img src="img/avatar-4.png" class="avatar-icon" alt="Avatar">
</figure>
<figure class="avatar avatar-sm">
- <img src="img/avatar-4.png" alt="Avatar" />
- <img src="img/avatar-5.png" class="avatar-icon" alt="Avatar" />
+ <img src="img/avatar-4.png" alt="Avatar">
+ <img src="img/avatar-5.png" class="avatar-icon" alt="Avatar">
</figure>
<figure class="avatar avatar-xs">
- <img src="img/avatar-5.png" alt="Avatar" />
- <img src="img/avatar-1.png" class="avatar-icon" alt="Avatar" />
+ <img src="img/avatar-5.png" alt="Avatar">
+ <img src="img/avatar-1.png" class="avatar-icon" alt="Avatar">
</figure>
</div>
</div>
@@ -597,19 +597,19 @@
<!-- avatars example -->
<pre class="code" data-lang="HTML"><code><span class="com">&lt;!-- Basic avatar examples --&gt;</span>
&lt;<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">&quot;avatar avatar-xl&quot;</span>&gt;
- &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-1.png&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;...&quot;</span> /&gt;
+ &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-1.png&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;...&quot;</span>&gt;
&lt;<span class="tag">/figure</span>&gt;
&lt;<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">&quot;avatar avatar-xl&quot;</span>&gt;
- &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-1.png&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;...&quot;</span> /&gt;
- &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-5.png&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;avatar-icon&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;...&quot;</span> /&gt;
+ &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-1.png&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;...&quot;</span>&gt;
+ &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-5.png&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;avatar-icon&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;...&quot;</span>&gt;
&lt;<span class="tag">/figure</span>&gt;
&lt;<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">&quot;avatar avatar-xl&quot;</span> <span class="atn">data-initial</span>=<span class="atv">&quot;YZ&quot;</span> <span class="atn">style</span>=<span class="atv">&quot;background-color: #5764c6;&quot;</span>&gt;&lt;<span class="tag">/figure</span>&gt;
<span class="com">&lt;!-- Show initals when avatar image is unavailable or not fully loaded --&gt;</span>
&lt;<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">&quot;avatar avatar-xl&quot;</span> <span class="atn">data-initial</span>=<span class="atv">&quot;YZ&quot;</span> <span class="atn">style</span>=<span class="atv">&quot;background-color: #5764c6;&quot;</span>&gt;
- &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-1.png&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;...&quot;</span> /&gt;
+ &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-1.png&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;...&quot;</span>&gt;
&lt;<span class="tag">/figure</span>&gt;
</code></pre>
@@ -638,7 +638,7 @@
<!-- avatars example -->
<pre class="code" data-lang="HTML"><code>&lt;<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">&quot;avatar avatar-xl&quot;</span>&gt;
- &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-1.png&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;...&quot;</span> /&gt;
+ &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-1.png&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;...&quot;</span>&gt;
&lt;<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">&quot;avatar-presence online&quot;</span>&gt;&lt;<span class="tag">/i</span>&gt;
&lt;<span class="tag">/figure</span>&gt;
</code></pre>
@@ -687,13 +687,13 @@
</div>
<div class="column col-sm-12">
<figure class="avatar avatar-xl badge" data-badge="8" data-initial="YZ">
- <img src="img/avatar-1.png" alt="YZ" />
+ <img src="img/avatar-1.png" alt="YZ">
</figure>
<figure class="avatar avatar-lg badge" data-badge="8" data-initial="YZ">
- <img src="img/avatar-2.png" alt="YZ" />
+ <img src="img/avatar-2.png" alt="YZ">
</figure>
<figure class="avatar badge" data-badge="8" data-initial="YZ">
- <img src="img/avatar-3.png" alt="YZ" />
+ <img src="img/avatar-3.png" alt="YZ">
</figure>
</div>
</div>
@@ -715,7 +715,7 @@
&lt;<span class="tag">/button</span>&gt;
&lt;<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">&quot;avatar badge&quot;</span> <span class="atn">data-badge</span>=<span class="atv">&quot;8&quot;</span> <span class="atn">data-initial</span>=<span class="atv">&quot;YZ&quot;</span>&gt;
- &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-3.png&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;YZ&quot;</span> /&gt;
+ &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-3.png&quot;</span> <span class="atn">alt</span>=<span class="atv">&quot;YZ&quot;</span>&gt;
&lt;<span class="tag">/figure</span>&gt;
</code></pre>
@@ -905,7 +905,7 @@
<div class="column col-6 col-xs-12">
<div class="card">
<div class="card-image">
- <img class="img-responsive" src="img/osx-el-capitan.jpg" alt="OS X El Capitan" />
+ <img class="img-responsive" src="img/osx-el-capitan.jpg" alt="OS X El Capitan">
</div>
<div class="card-header">
<div class="card-title h5">Microsoft</div>
@@ -926,7 +926,7 @@
<div class="card-subtitle text-gray">Hardware and software</div>
</div>
<div class="card-image">
- <img class="img-responsive" src="img/osx-yosemite.jpg" alt="OS X Yosemite" />
+ <img class="img-responsive" src="img/osx-yosemite.jpg" alt="OS X Yosemite">
</div>
<div class="card-body">
To make a contribution to the world by making tools for the mind that advance humankind.
@@ -943,7 +943,7 @@
<div class="column col-6 col-xs-12">
<div class="card">
<div class="card-image">
- <img class="img-responsive" src="img/macos-sierra-2.jpg" alt="macOS Sierra" />
+ <img class="img-responsive" src="img/macos-sierra-2.jpg" alt="macOS Sierra">
</div>
<div class="card-header">
<button class="btn btn-primary float-right"><i class="icon icon-plus"></i></button>
@@ -958,7 +958,7 @@
<div class="column col-6 col-xs-12">
<div class="card">
<div class="card-image">
- <img class="img-responsive" src="img/osx-el-capitan-2.jpg" alt="OS X El Capitan" />
+ <img class="img-responsive" src="img/osx-el-capitan-2.jpg" alt="OS X El Capitan">
</div>
<div class="card-footer">
<a href="#cards" class="btn btn-primary">Buy</a>
@@ -979,7 +979,7 @@
To make a contribution to the world by making tools for the mind that advance humankind.
</div>
<div class="card-image">
- <img class="img-responsive" src="img/macos-sierra.jpg" alt="macOS Sierra" />
+ <img class="img-responsive" src="img/macos-sierra.jpg" alt="macOS Sierra">
</div>
</div>
</div>
@@ -993,7 +993,7 @@
Organize the world’s information and make it universally accessible and useful.
</div>
<div class="card-image">
- <img class="img-responsive" src="img/osx-yosemite-2.jpg" alt="OS X Yosemite"/>
+ <img class="img-responsive" src="img/osx-yosemite-2.jpg" alt="OS X Yosemite">
</div>
<div class="card-footer">
<a href="#cards" class="btn btn-primary">Search</a>
@@ -1009,7 +1009,7 @@
<!-- cards example -->
<pre class="code" data-lang="HTML"><code>&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;card&quot;</span>&gt;
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;card-image&quot;</span>&gt;
- &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/osx-el-capitan.jpg&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;img-responsive&quot;</span> /&gt;
+ &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/osx-el-capitan.jpg&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;img-responsive&quot;</span>&gt;
&lt;<span class="tag">/div</span>&gt;
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;card-header&quot;</span>&gt;
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;card-title h5&quot;</span>&gt;Microsoft&lt;<span class="tag">/div</span>&gt;
@@ -1056,11 +1056,11 @@
Tony Stark
</span>
<span class="chip">
- <img src="img/avatar-1.png" class="avatar avatar-sm" alt="Thor Odinson"/>
+ <img src="img/avatar-1.png" class="avatar avatar-sm" alt="Thor Odinson">
Thor Odinson
</span>
<span class="chip">
- <img src="img/avatar-4.png" class="avatar avatar-sm" alt="Steve Rogers" />
+ <img src="img/avatar-4.png" class="avatar avatar-sm" alt="Steve Rogers">
Steve Rogers
</span>
</div>
@@ -1076,7 +1076,7 @@
&lt;<span class="tag">/span</span>&gt;
&lt;<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">&quot;chip&quot;</span>&gt;
- &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-1.png&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;avatar avatar-sm&quot;</span> /&gt;
+ &lt;<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">&quot;img/avatar-1.png&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;avatar avatar-sm&quot;</span>&gt;
Yan Zhu
&lt;<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">&quot;#&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;btn btn-clear&quot;</span> <span class="atn">aria-label</span>=<span class="atv">&quot;Close&quot;</span> <span class="atn">role</span>=<span class="atv">&quot;button&quot;</span>&gt;&lt;<span class="tag">/a</span>&gt;
&lt;<span class="tag">/span</span>&gt;</code>
@@ -1125,7 +1125,7 @@
<p class="empty-title h5">You are not following anyone</p>
<p class="empty-subtitle">Start to meet new friends</p>
<div class="empty-action input-group input-inline">
- <input type="text" class="form-input" placeholder="" />
+ <input type="text" class="form-input" placeholder="">
<button class="btn btn-primary input-group-btn">Search</button>
</div>
</div>
@@ -1162,7 +1162,7 @@
<li class="menu-item">
<div class="tile tile-centered">
<div class="tile-icon">
- <img src="img/avatar-4.png" class="avatar" alt="Avatar" />
+ <img src="img/avatar-4.png" class="avatar" alt="Avatar">
</div>
<div class="tile-content">
Steve Rogers
@@ -1456,16 +1456,16 @@
<form>
<div class="form-group">
<label class="form-label" for="input-example-7">Name</label>
- <input class="form-input" type="text" id="input-example-7" placeholder="Name" />
+ <input class="form-input" type="text" id="input-example-7" placeholder="Name">
</div>
<div class="form-group">
<label class="form-label">Gender</label>
<label class="form-radio">
- <input type="radio" name="gender" />
+ <input type="radio" name="gender">
<i class="form-icon"></i> Male
</label>
<label class="form-radio">
- <input type="radio" name="gender" checked />
+ <input type="radio" name="gender" checked>
<i class="form-icon"></i> Female
</label>
</div>
@@ -1636,7 +1636,7 @@
<div class="panel">
<div class="panel-header text-center">
<figure class="avatar avatar-lg">
- <img src="img/avatar-2.png" alt="Avatar" />
+ <img src="img/avatar-2.png" alt="Avatar">
</figure>
<div class="panel-title h5 mt-10">Bruce Banner</div>
<div class="panel-subtitle">THE HULK</div>
@@ -1703,7 +1703,7 @@
<div class="tile">
<div class="tile-icon">
<figure class="avatar">
- <img src="img/avatar-1.png" alt="Avatar" />
+ <img src="img/avatar-1.png" alt="Avatar">
</figure>
</div>
<div class="tile-content">
@@ -1714,7 +1714,7 @@
<div class="tile">
<div class="tile-icon">
<figure class="avatar">
- <img src="img/avatar-2.png" alt="Avatar" />
+ <img src="img/avatar-2.png" alt="Avatar">
</figure>
</div>
<div class="tile-content">
@@ -1734,7 +1734,7 @@
<div class="tile">
<div class="tile-icon">
<figure class="avatar">
- <img src="img/avatar-4.png" alt="Avatar" />
+ <img src="img/avatar-4.png" alt="Avatar">
</figure>
</div>
<div class="tile-content">
@@ -1745,7 +1745,7 @@
<div class="tile">
<div class="tile-icon">
<figure class="avatar">
- <img src="img/avatar-3.png" alt="Avatar" />
+ <img src="img/avatar-3.png" alt="Avatar">
</figure>
</div>
<div class="tile-content">
@@ -1756,7 +1756,7 @@
</div>
<div class="panel-footer">
<div class="input-group">
- <input type="text" class="form-input" placeholder="Hello" />
+ <input type="text" class="form-input" placeholder="Hello">
<button class="btn btn-primary input-group-btn">Send</button>
</div>
</div>
@@ -2188,7 +2188,7 @@
</li>
<li class="tab-item tab-action">
<div class="input-group input-inline">
- <input class="form-input input-sm" type="text" placeholder="search" />
+ <input class="form-input input-sm" type="text" placeholder="search">
<button class="btn btn-primary btn-sm input-group-btn">Search</button>
</div>
</li>
@@ -2208,7 +2208,7 @@
&lt;<span class="tag">/li</span>&gt;
&lt;<span class="tag">li</span> <span class="atn">class</span>=<span class="atv">&quot;tab-item tab-action&quot;</span>&gt;
&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;input-group input-inline&quot;</span>&gt;
- &lt;<span class="tag">input</span> <span class="atn">class</span>=<span class="atv">&quot;form-input input-sm&quot;</span> <span class="atn">type</span>=<span class="atv">&quot;text&quot;</span> <span class="atn">placeholder</span>=<span class="atv">&quot;search&quot;</span> /&gt;
+ &lt;<span class="tag">input</span> <span class="atn">class</span>=<span class="atv">&quot;form-input input-sm&quot;</span> <span class="atn">type</span>=<span class="atv">&quot;text&quot;</span> <span class="atn">placeholder</span>=<span class="atv">&quot;search&quot;</span>&gt;
&lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn btn-primary btn-sm input-group-btn&quot;</span>&gt;Search&lt;<span class="tag">/button</span>&gt;
&lt;<span class="tag">/div</span>&gt;
&lt;<span class="tag">/li</span>&gt;
@@ -2227,7 +2227,7 @@
<div class="tile">
<div class="tile-icon">
<figure class="avatar avatar-lg">
- <img src="img/avatar-3.png" alt="Avatar" />
+ <img src="img/avatar-3.png" alt="Avatar">
</figure>
</div>
<div class="tile-content">
@@ -2244,7 +2244,7 @@
<div class="tile">
<div class="tile-icon">
<figure class="avatar avatar-lg">
- <img src="img/avatar-2.png" alt="Avatar" />
+ <img src="img/avatar-2.png" alt="Avatar">
</figure>
</div>
<div class="tile-content">