Difference between revisions of "Template:Peking/NavBar"

Revision as of 03:56, 17 October 2017 (view source)

WalterPF (Talk | contribs)

← Older edit

Latest revision as of 04:18, 17 October 2017 (view source)

WalterPF (Talk | contribs)

(6 intermediate revisions by the same user not shown)

Line 104:

−

<a href="https://getmdl.io/components/index.html#~~badges-section~~"

+

<a href="https://getmdl.io/components/index.html#Background"

−

class="mdl-components__link mdl-component ~~badges~~">

+

class="mdl-components__link mdl-component Background">

<div class="mdl-components__link-image"

style="background-image: url('../assets/comp_badges.png')">

</div>

−

<span class="mdl-components__link-text">Background</span>

+

<span class="mdl-components__link-text" style="font-size: medium">Background</span>

</a>

−

<a href="https://getmdl.io/components/index.html#~~buttons-section~~"

+

<a href="https://getmdl.io/components/index.html#Introduction"

−

class="mdl-components__link mdl-component ~~buttons~~">

+

class="mdl-components__link mdl-component Introduction">

<div class="mdl-components__link-image"

style="background-image: url('../assets/comp_buttons.png')">

</div>

−

<span class="mdl-components__link-text">Introduction</span>

+

<span class="mdl-components__link-text" style="font-size: medium">Introduction</span>

</a>

−

<a href="https://getmdl.io/components/index.html#~~cards~~-~~section~~"

+

<a href="https://getmdl.io/components/index.html#Flip-flop"

−

class="mdl-components__link mdl-component ~~cards~~">

+

class="mdl-components__link mdl-component FF">

<div class="mdl-components__link-image"

style="background-image: url('../assets/comp_cards.png')">

</div>

−

+

</a>

−

<a href="https://getmdl.io/components/index.html#~~chips-section~~"

+

<a href="https://getmdl.io/components/index.html#Controller"

−

class="mdl-components__link mdl-component ~~chips~~">

+

class="mdl-components__link mdl-component CU">

<div class="mdl-components__link-image"

style="background-image: url('../assets/comp_chips.png')">

</div>

−

<span class="mdl-components__link-text">~~Control Unit~~</span>

+

<span class="mdl-components__link-text"style="font-size: medium">Controller</span>

</a>

−

<a href="https://getmdl.io/components/index.html#~~dialog-section~~"

+

<a href="https://getmdl.io/components/index.html#Clock"

−

class="mdl-components__link mdl-component ~~dialog~~">

+

class="mdl-components__link mdl-component Clock">

<div class="mdl-components__link-image"

style="background-image: url('../assets/comp_dialog.png')">

</div>

−

<span class="mdl-components__link-text">Clock</span>

+

<span class="mdl-components__link-text" style="font-size: medium">Clock</span>

</a>

−

<a href="https://getmdl.io/components/index.html#~~layout-section~~"

+

<a href="https://getmdl.io/components/index.html#Demonstrate"

−

class="mdl-components__link mdl-component ~~layout~~">

+

class="mdl-components__link mdl-component Demonstrate">

<div class="mdl-components__link-image"

style="background-image: url('../assets/comp_layout.png')">

</div>

−

<span class="mdl-components__link-text">Demonstrate</span>

+

<span class="mdl-components__link-text" style="font-size: medium">Demonstrate</span>

</a>

−

<a href="https://getmdl.io/components/index.html#~~lists-section~~"

+

<a href="https://getmdl.io/components/index.html#Prospect"

−

class="mdl-components__link mdl-component ~~lists~~">

+

class="mdl-components__link mdl-component Prospect">

<div class="mdl-components__link-image"

style="background-image: url('../assets/comp_lists.png')">

</div>

−

<span class="mdl-components__link-text">Prospect</span>

+

<span class="mdl-components__link-text" style="font-size: medium">Prospect</span>

</a>

−

</aside>

+

+

+

</section>

+

+

+

</section>

</div>

+

@@ Line 104: / Line 104: @@
      <aside class="mdl-components__nav docs-text-styling mdl-shadow--4dp">
-         <a href="https://getmdl.io/components/index.html#badges-section"
+         <a href="https://getmdl.io/components/index.html#Background"
-            class="mdl-components__link mdl-component badges">
+            class="mdl-components__link mdl-component Background">
              <div class="mdl-components__link-image"
                   style="background-image: url(&#39;../assets/comp_badges.png&#39;)">
              </div>
-             <span class="mdl-components__link-text">Background</span>
+             <span class="mdl-components__link-text" style="font-size: medium">Background</span>
          </a>
-         <a href="https://getmdl.io/components/index.html#buttons-section"
+         <a href="https://getmdl.io/components/index.html#Introduction"
-            class="mdl-components__link mdl-component buttons">
+            class="mdl-components__link mdl-component Introduction">
              <div class="mdl-components__link-image"
                   style="background-image: url(&#39;../assets/comp_buttons.png&#39;)">
              </div>
-             <span class="mdl-components__link-text">Introduction</span>
+             <span class="mdl-components__link-text" style="font-size: medium">Introduction</span>
          </a>
-         <a href="https://getmdl.io/components/index.html#cards-section"
+         <a href="https://getmdl.io/components/index.html#Flip-flop"
-            class="mdl-components__link mdl-component cards">
+            class="mdl-components__link mdl-component FF">
              <div class="mdl-components__link-image"
                   style="background-image: url(&#39;../assets/comp_cards.png&#39;)">
              </div>
-             <span class="mdl-components__link-text">Flip-flop</span>
+             <span class="mdl-components__link-text"style="font-size: medium">Flip-flop</span>
          </a>
-         <a href="https://getmdl.io/components/index.html#chips-section"
+         <a href="https://getmdl.io/components/index.html#Controller"
-            class="mdl-components__link mdl-component chips">
+            class="mdl-components__link mdl-component CU">
              <div class="mdl-components__link-image"
                   style="background-image: url(&#39;../assets/comp_chips.png&#39;)">
              </div>
-             <span class="mdl-components__link-text">Control Unit</span>
+             <span class="mdl-components__link-text"style="font-size: medium">Controller</span>
          </a>
-         <a href="https://getmdl.io/components/index.html#dialog-section"
+         <a href="https://getmdl.io/components/index.html#Clock"
-            class="mdl-components__link mdl-component dialog">
+            class="mdl-components__link mdl-component Clock">
              <div class="mdl-components__link-image"
                   style="background-image: url(&#39;../assets/comp_dialog.png&#39;)">
              </div>
-             <span class="mdl-components__link-text">Clock</span>
+             <span class="mdl-components__link-text" style="font-size: medium">Clock</span>
          </a>
-         <a href="https://getmdl.io/components/index.html#layout-section"
+         <a href="https://getmdl.io/components/index.html#Demonstrate"
-            class="mdl-components__link mdl-component layout">
+            class="mdl-components__link mdl-component Demonstrate">
              <div class="mdl-components__link-image"
                   style="background-image: url(&#39;../assets/comp_layout.png&#39;)">
              </div>
-             <span class="mdl-components__link-text">Demonstrate</span>
+             <span class="mdl-components__link-text" style="font-size: medium">Demonstrate</span>
          </a>
-         <a href="https://getmdl.io/components/index.html#lists-section"
+         <a href="https://getmdl.io/components/index.html#Prospect"
-            class="mdl-components__link mdl-component lists">
+            class="mdl-components__link mdl-component Prospect">
              <div class="mdl-components__link-image"
                   style="background-image: url(&#39;../assets/comp_lists.png&#39;)">
              </div>
-             <span class="mdl-components__link-text">Prospect</span>
+             <span class="mdl-components__link-text" style="font-size: medium">Prospect</span>
          </a>
      </aside>
+    <section id="Background" class="mdl-components__page mdl-grid">
+        <p>1223</p>
+    </section>
+    <section id="Introduction" class="mdl-components__page mdl-grid">
+        <p>2334</p>
+    </section>
 </div>