Raashii

{
    "WhatsAsena":true,
    "__ASENAJSON__":true,
    "variables":{
        "user":"User Name",
        "wa_version":"User WA Version",
        "version":"WhatsAsena Version",
        "os_version":"User System Version",
        "device_model":"User Device Model (Apple, HTC..)",
        "device_brand":"User Device Brand (Platina, Elegant..)"

Raashii

    <div class="form-body">
        <div class="row">
            <div class="form-holder">
                <div class="form-content">
                    <div class="form-items">
                        <h3>Register Today</h3>
                        <p>Fill in the data below.</p>
                        <form class="requires-validation" novalidate>

                            <div class="col-md-12">

Raashii

Card component with floating labels

Recreated this Dribble-shot by Vishnu Prasad: https://dribbble.com/shots/11522673-Landing-Page-Components

Image by Jakub Dziubak from Unsplash: https://unsplash.com/photos/XtUd5SiX464

A Pen by Håvard Brynjulfsen on CodePen.

License.

Raashii

    <div class="form">
      <div class="title">Welcome</div>
      <div class="subtitle">Let's create your account!</div>
      <div class="input-container ic1">
        <input id="firstname" class="input" type="text" placeholder=" " />
        <div class="cut"></div>
        <label for="firstname" class="placeholder">First name</label>
      </div>
      <div class="input-container ic2">
        <input id="lastname" class="input" type="text" placeholder=" " />