MFathurrohmanMauludin

<h1>QR Code Reader using Javascript</h1>

<!-- QR SCANNER CODE BELOW  -->
<div class="row">
  <div class="col">
    <div id="reader"></div>
  </div>
  <div class="col" style="padding: 30px">
    <h4>Scan Result </h4>
    <div id="result">

MFathurrohmanMauludin

<input id="text" type="text" value="http://indiorlei.github.io/"/>
<div id="qrcode"></div>

MFathurrohmanMauludin

<h1>QR Code Generator</h1>
<input type="text" spellcheck="false" id="text" value="https://google.com" />
<div id="qrcode"></div>

MFathurrohmanMauludin

Generate Profile Image with Name

A Pen by mohamed laksir on CodePen.

License.

MFathurrohmanMauludin

<!-- First slider codes -->
<section class="splide" id="first-slider" aria-label="Splide Basic HTML Example">
  <div class="splide__track">
    <ul class="splide__list">
      <li class="splide__slide">Slide 01</li>
      <li class="splide__slide">Slide 02</li>
      <li class="splide__slide">Slide 03</li>
    </ul>
  </div>
</section>

MFathurrohmanMauludin

Animated Star Rating

A star rating where stars pop out one by one if you choose a higher rating.

A Pen by Jon Kantner on CodePen.

License.

MFathurrohmanMauludin

<!-- Tracks used in this music/audio player application are free to use. I downloaded them from Soundcloud and NCS websites. I am not the owner of these tracks. -->

<div id="app-cover">
  <div id="bg-artwork"></div>
  <div id="bg-layer"></div>
  <div id="player">
    <div id="player-track">
      <div id="album-name"></div>
      <div id="track-name"></div>
      <div id="track-time">

MFathurrohmanMauludin

CSS-only modal

A Pen by M Fathurrohman Mauludin on CodePen.

License.

MFathurrohmanMauludin

Expandable Search Box

Expandable search box with auto toggle search icon to submit button feature. (Updated: Jan 9 2016)

A Pen by Morteza on CodePen.

License.

MFathurrohmanMauludin

<ul class="m-d expand-list">
	<li data-md-content="200">
		<label name="tab" for="tab1" tabindex="-1" class="tab_lab" role="tab">Product Description</label>
		<input type="checkbox" checked class="tab" id="tab1" tabindex="0" />
		<span class="open-close-icon">
			<i class="fas fa-plus"></i>
			<i class="fas fa-minus"></i>
		</span>
		<div class="content">