Difference between revisions of "Web Elements"


(Elements)
 
(124 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
+
__NOTOC__
<div class="card">
+
===Test Objects===
  <div class="card-image">
+
* [[Testing]]
    <figure class="image is-4by3">
+
* [[Mainpage-Sandbox]]
      <img src="https://bulma.io/images/placeholders/1280x960.png" alt="Placeholder image">
 
    </figure>
 
  </div>
 
  <div class="card-content">
 
    <div class="media">
 
      <div class="media-left">
 
        <figure class="image is-48x48">
 
          <img src="https://bulma.io/images/placeholders/96x96.png" alt="Placeholder image">
 
        </figure>
 
      </div>
 
      <div class="media-content">
 
        <p class="title is-4">John Smith</p>
 
        <p class="subtitle is-6">@johnsmith</p>
 
      </div>
 
    </div>
 
  
    <div class="content">
+
<hr class="stylish2">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
 
      Phasellus nec iaculis mauris. <a>@bulmaio</a>.
+
===Elements===
      <a href="#">#css</a> <a href="#">#responsive</a>
+
* [[Dashboard]]
      <br>
+
* [[Web Element: Article]]
      <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
+
* [[Web Element: Blog Post List Item]]
    </div>
+
* [[Web Element: Dashboard Box]]
  </div>
+
* [[Web Element: Data]]
</div>
+
* [[Web Element: Download Box]]
</html>
+
* [[Web Element: Google Chart]]
 +
* [[Web Element: Image]]
 +
* [[Web Element: Margin Note]]
 +
* [[Web Element: Math]]
 +
* [[Web Element: People Info]]
 +
* [[Web Element: Research Box]]
 +
* [[Web Element: Section]]
 +
* [[Web Element: Syntax Highlight]]
 +
* [[Web element: Table]]
 +
* [[Web Element: Timeline]]
 +
* [[Web Element: Typography]]
 +
* [[Web Element: Map]]
 +
* [[Web Element: Vega Lite]]
 +
* [[Web Element: D3.js]]
 +
 
 +
<hr class="stylish2">
 +
 
 +
===The Color===
 +
 
 +
* .is-my-red {color: #bf360c;} <span class="is-my-red">SAMPLE</span>
 +
* .is-your-red {color: #870000;} <span class="is-your-red">SAMPLE</span>
 +
* For more: [https://material.io/tools/color/#!/?view.left=1&view.right=0&primary.color=BF360C Google Colors]

Latest revision as of 06:38, 12 November 2020