diff options
Remove slash in HTML coding
1 files changed, 82 insertions, 82 deletions
| -rw-r--r-- | docs/components.html | 164 |
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"><!-- standard Accordions examples --></span> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"accordion"</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"accordion-item"</span>> - <<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">"checkbox"</span> <span class="atn">id</span>=<span class="atv">"accordion-1"</span> <span class="atn">name</span>=<span class="atv">"accordion-checkbox"</span> <span class="atn">hidden</span>/> + <<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">"checkbox"</span> <span class="atn">id</span>=<span class="atv">"accordion-1"</span> <span class="atn">name</span>=<span class="atv">"accordion-checkbox"</span> <span class="atn">hidden</span>> <<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">"accordion-header"</span>> <<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">"icon icon-arrow-right mr-5"</span>><<span class="tag">/i</span>> Title @@ -397,7 +397,7 @@ <span class="com"><!-- mutually exclusive Accordions examples --></span> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"accordion"</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"accordion-item"</span>> - <<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">"radio"</span> <span class="atn">id</span>=<span class="atv">"accordion-1"</span> <span class="atn">name</span>=<span class="atv">"accordion-radio"</span> <span class="atn">hidden</span>/> + <<span class="tag">input</span> <span class="atn">type</span>=<span class="atv">"radio"</span> <span class="atn">id</span>=<span class="atv">"accordion-1"</span> <span class="atn">name</span>=<span class="atv">"accordion-radio"</span> <span class="atn">hidden</span>> <<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">"accordion-header"</span>> Title <<span class="tag">/label</span>> @@ -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"><!-- autocomplete chips --></span> <<span class="tag">label</span> <span class="atn">class</span>=<span class="atv">"chip"</span>> - <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-sm"</span> <span class="atn">alt</span>=<span class="atv">"Thor Odinson"</span> /> + <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-sm"</span> <span class="atn">alt</span>=<span class="atv">"Thor Odinson"</span>> Thor Odinson <<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">"#"</span> <span class="atn">class</span>=<span class="atv">"btn btn-clear"</span> <span class="atn">aria-label</span>=<span class="atv">"Close"</span> <span class="atn">role</span>=<span class="atv">"button"</span>><<span class="tag">/a</span>> <<span class="tag">/label</span>> <span class="com"><!-- autocomplete real input box --></span> - <<span class="tag">input</span> <span class="atn">class</span>=<span class="atv">"form-input"</span> <span class="atn">type</span>=<span class="atv">"text"</span> <span class="atn">placeholder</span>=<span class="atv">"typing here"</span> /> + <<span class="tag">input</span> <span class="atn">class</span>=<span class="atv">"form-input"</span> <span class="atn">type</span>=<span class="atv">"text"</span> <span class="atn">placeholder</span>=<span class="atv">"typing here"</span>> <<span class="tag">/div</span>> <span class="com"><!-- autocomplete suggestion list --></span> @@ -520,7 +520,7 @@ <<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">"#"</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"tile tile-centered"</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"tile-icon"</span>> - <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-4.png"</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-sm"</span> <span class="atn">alt</span>=<span class="atv">"Steve Rogers"</span> /> + <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-4.png"</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-sm"</span> <span class="atn">alt</span>=<span class="atv">"Steve Rogers"</span>> <<span class="tag">/div</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"tile-content"</span>> 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"><!-- Basic avatar examples --></span> <<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-xl"</span>> - <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> <span class="atn">alt</span>=<span class="atv">"..."</span> /> + <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> <span class="atn">alt</span>=<span class="atv">"..."</span>> <<span class="tag">/figure</span>> <<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-xl"</span>> - <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> <span class="atn">alt</span>=<span class="atv">"..."</span> /> - <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-5.png"</span> <span class="atn">class</span>=<span class="atv">"avatar-icon"</span> <span class="atn">alt</span>=<span class="atv">"..."</span> /> + <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> <span class="atn">alt</span>=<span class="atv">"..."</span>> + <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-5.png"</span> <span class="atn">class</span>=<span class="atv">"avatar-icon"</span> <span class="atn">alt</span>=<span class="atv">"..."</span>> <<span class="tag">/figure</span>> <<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-xl"</span> <span class="atn">data-initial</span>=<span class="atv">"YZ"</span> <span class="atn">style</span>=<span class="atv">"background-color: #5764c6;"</span>><<span class="tag">/figure</span>> <span class="com"><!-- Show initals when avatar image is unavailable or not fully loaded --></span> <<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-xl"</span> <span class="atn">data-initial</span>=<span class="atv">"YZ"</span> <span class="atn">style</span>=<span class="atv">"background-color: #5764c6;"</span>> - <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> <span class="atn">alt</span>=<span class="atv">"..."</span> /> + <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> <span class="atn">alt</span>=<span class="atv">"..."</span>> <<span class="tag">/figure</span>> </code></pre> @@ -638,7 +638,7 @@ <!-- avatars example --> <pre class="code" data-lang="HTML"><code><<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-xl"</span>> - <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> <span class="atn">alt</span>=<span class="atv">"..."</span> /> + <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> <span class="atn">alt</span>=<span class="atv">"..."</span>> <<span class="tag">i</span> <span class="atn">class</span>=<span class="atv">"avatar-presence online"</span>><<span class="tag">/i</span>> <<span class="tag">/figure</span>> </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 @@ <<span class="tag">/button</span>> <<span class="tag">figure</span> <span class="atn">class</span>=<span class="atv">"avatar badge"</span> <span class="atn">data-badge</span>=<span class="atv">"8"</span> <span class="atn">data-initial</span>=<span class="atv">"YZ"</span>> - <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-3.png"</span> <span class="atn">alt</span>=<span class="atv">"YZ"</span> /> + <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-3.png"</span> <span class="atn">alt</span>=<span class="atv">"YZ"</span>> <<span class="tag">/figure</span>> </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><<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"card"</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"card-image"</span>> - <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/osx-el-capitan.jpg"</span> <span class="atn">class</span>=<span class="atv">"img-responsive"</span> /> + <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/osx-el-capitan.jpg"</span> <span class="atn">class</span>=<span class="atv">"img-responsive"</span>> <<span class="tag">/div</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"card-header"</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"card-title h5"</span>>Microsoft<<span class="tag">/div</span>> @@ -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 @@ <<span class="tag">/span</span>> <<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">"chip"</span>> - <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-sm"</span> /> + <<span class="tag">img</span> <span class="atn">src</span>=<span class="atv">"img/avatar-1.png"</span> <span class="atn">class</span>=<span class="atv">"avatar avatar-sm"</span>> Yan Zhu <<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">"#"</span> <span class="atn">class</span>=<span class="atv">"btn btn-clear"</span> <span class="atn">aria-label</span>=<span class="atv">"Close"</span> <span class="atn">role</span>=<span class="atv">"button"</span>><<span class="tag">/a</span>> <<span class="tag">/span</span>></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 @@ <<span class="tag">/li</span>> <<span class="tag">li</span> <span class="atn">class</span>=<span class="atv">"tab-item tab-action"</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"input-group input-inline"</span>> - <<span class="tag">input</span> <span class="atn">class</span>=<span class="atv">"form-input input-sm"</span> <span class="atn">type</span>=<span class="atv">"text"</span> <span class="atn">placeholder</span>=<span class="atv">"search"</span> /> + <<span class="tag">input</span> <span class="atn">class</span>=<span class="atv">"form-input input-sm"</span> <span class="atn">type</span>=<span class="atv">"text"</span> <span class="atn">placeholder</span>=<span class="atv">"search"</span>> <<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">"btn btn-primary btn-sm input-group-btn"</span>>Search<<span class="tag">/button</span>> <<span class="tag">/div</span>> <<span class="tag">/li</span>> @@ -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"> |