Nemra1

dashmachine left menu

A Pen by szobek on CodePen.

License.

Nemra1

Bird Loader

Based on Roy Veldkamp's work on dribbble: https://dribbble.com/shots/2030551-Bird-Loader

A Pen by bertdida on CodePen.

License.

Nemra1

Direct Messaging

A Pen by Genaro Colusso on CodePen.

License.

Nemra1

Happy Avatar

A Pen by Diederik Dijkstra on CodePen.

License.

Nemra1

<header class="header">
  <p class="text-center font-size-24">Header</p>
</header> 

<div class="banner">
  <p class="text-center font-size-24">Banner</p>
</div>

<main class="mainContent">
  <div class="sidebar">

Nemra1

<!--  Container  -->
<ul class="progress">
    <!--  Item  -->
    <li data-name="SVG Skill" data-percent="13%">
        <svg viewBox="-10 -10 220 220">
        <g fill="none" stroke-width="3" transform="translate(100,100)">
        <path d="M 0,-100 A 100,100 0 0,1 86.6,-50" stroke="url(#cl1)"/>
        <path d="M 86.6,-50 A 100,100 0 0,1 86.6,50" stroke="url(#cl2)"/>
        <path d="M 86.6,50 A 100,100 0 0,1 0,100" stroke="url(#cl3)"/>
        <path d="M 0,100 A 100,100 0 0,1 -86.6,50" stroke="url(#cl4)"/>

Nemra1

How to add Responsive recent posts slider in blogger template

How to add Responsive recent posts slider in blogger template,in this widget you can display your latest updates from your website.

A Pen by BloggersStand on CodePen.

License.

Nemra1

3D Slider Transform

A Pen by Dmitry Morozov on CodePen.

License.

Nemra1

  <!-- Hero -->
  <section class="et-hero-tabs">
    <h1>STICKY SLIDER NAV</h1>
    <h3>Sliding content with sticky tab nav</h3>
    <div class="et-hero-tabs-container">
      <a class="et-hero-tab" href="#tab-es6">ES6</a>
      <a class="et-hero-tab" href="#tab-flexbox">Flexbox</a>
      <a class="et-hero-tab" href="#tab-react">React</a>
      <a class="et-hero-tab" href="#tab-angular">Angular</a>
      <a class="et-hero-tab" href="#tab-other">Other</a>

Nemra1

<div id="drag-wrap">
  
  <div id="drag-inner">
    
    
  </div>
  
  
</div>