siliconhacker

<div class="container"> 
  <div class="group">      
      <input type="text" required>
      <span class="highlight"></span>
      <span class="bar"></span>
      <label>Name</label>
    </div>
  </div>

siliconhacker

<div class="counter">
			<span class="digit-1">1</span>
			<span class="digit-9">9</span>
			<span class="digit-7">7</span>
			<span class="digit-4">4</span>
		</div>

siliconhacker

                <!--filter tool-->
                <div id="zeyo-filter-card" class="zeyo-card__body-section zeyo-hider">
                    <div class="zeyo-filter-tool">

                        <!-- MDL Tab Container -->
                        <div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect">
                            <!-- Tab Bars -->
                            <div class="mdl-tabs__tab-bar">
                                <a href="#visa-panel" class="mdl-tabs__tab is-active">Work Authorization</a>

siliconhacker

<ul class="reminders">
  <li class="removed-item">test</li>
  <li class="new-item">test</li>
  <li class="new-item">test</li>
  <li class="new-item">test</li>
  <li class="restored-item">test</li>
  <li class="new-item">test</li>
</ul>

siliconhacker

<section>
  <div class="zeyo-toast-banner animate">
    <p> Required: <span> First Name is a mandatory field </span></p>
  </div>
</section>

siliconhacker

<p>Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image === Off Center Background Image =

siliconhacker

<div class="zeyo-mdl-input-aria">
  <input type="text" class="input-text" required>
  <span class="input-bar"></span>
  <label class="input-label">Firsty Lasty Name</label>
</div>

<div class="zeyo-mdl-input-aria">
  <input type="text" class="input-text" required>
  <span class="input-bar"></span>
  <label class="input-label">Firsty Lasty Name</label>

siliconhacker

css gridn

A Pen by silicon_hacker on CodePen.

License.

siliconhacker

center

A Pen by silicon_hacker on CodePen.

License.

siliconhacker

<br>
<br>
<br>
<span title = "html - title tip">This is a html 4 title tip</span>
<br>
<br>
<br>
<span tip = "css - tool tip">This is a css tool tip</span>