JSFiddle

  • Angular Test #2 is the latest revision

    AngularJS 1.4.8, HTML, CSS, JavaScript

     var firstapp = angular.module("firstApp", []);
    
      var firstcontrller = firstapp.controller("firstController", function($scope) {
        $scope.userinfo = [{
          username: '',
          email: ''
        }];
    
        $scope.addUserInfo = function() {
          $scope ...
  • Angular Test #4 is the latest revision

    AngularJS 1.4.8, HTML, CSS, JavaScript

    <div class="container">
    
    
      <form class="form-inline" role="form" method="post">
        <div class="form-group">
          <lable for="email " class="control-label col-sm-2">Username : </lable>
          <div class="col-sm-10">
            <input type="email" name="email" placeholder="someone@domain.com" id="email" />
          </div>
        </div>
        <div class="form-group">
          <lable for="password " class="control-label col-sm-2">Password : </lable>
          <div class="col-sm-10">
            <input type="password" name="password" placeholder="*******" id="password" />
          </div>
        </div>
          <div class="form-group">
          
          <div class="col-sm-12">
            <button class="btn btn-primary">
            Submit
            </button>
          </div>
        </div>
      </form>
    </div>
    
  • SMD style Circular Drop line #1 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class="menucontainer">
        <ul>
            <li class="parent_menu"> <a href="#"> Home</a>
            </li>
    
            <li class="parent_menu"> <a href="#"> Portfolio</a>
    
               
            </li>
            <li class="parent_menu"> <a href="#"> Products</a>
                
                       </li>
            <li class="parent_menu"> <a href="#"> Services</a>
            </li>
                    <li class="parent_menu"> <a href="#"> About Us</a>
            </li>
            <li class="parent_menu"> <a href="#"> Contact</a>
            </li>
        </ul>
    </div>
  • SMD style Circular Drop line

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class="menucontainer">
        <ul>
            <li class="parent_menu"> <a href="#"> Home</a>
            </li>
    
            <li class="parent_menu"> <a href="#"> Portfolio</a>
    
               
            </li>
            <li class="parent_menu"> <a href="#"> Products</a>
                
                       </li>
            <li class="parent_menu"> <a href="#"> Services</a>
            </li>
                    <li class="parent_menu"> <a href="#"> About Us</a>
            </li>
            <li class="parent_menu"> <a href="#"> Contact</a>
            </li>
        </ul>
    </div>
  • A 3d look Ribbon with Stitched Effect #19 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div>
        <div class="stitched">&nbsp;</div>
    </div>
  • CSS3 3d objects

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class="test_transform">
        &nbsp;
    </div>
    
    
  • CSS3 Transform example

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class="test_transform">
        &nbsp;
    </div>
  • SMD style Circular Drop line #30 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class="menucontainer">
        <ul>
            <li> <a href="#"> Home</a></li>
            <li> <a href="#"> About Us</a></li>
            <li> <a href="#"> Contact</a></li>
            <li> <a href="#"> Portfolio</a></li>
            <li> <a href="#"> Products</a></li>
             <li> <a href="#"> Services</a></li>
        </ul>
    </div>
  • SMD style 3d with border style 2

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class="menucontainer">
        <ul>
            <li> <a href="#"> Home</a></li>
            <li> <a href="#"> About Us</a></li>
            <li> <a href="#"> Contact</a></li>
            <li> <a href="#"> Portfolio</a></li>
            <li> <a href="#"> Products</a></li>
             <li> <a href="#"> Services</a></li>
        </ul>
    </div>
  • SMD style 3d with border style 2 #5 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class="menucontainer">
        <ul>
            <li> <a href="#"> Home</a></li>
            <li> <a href="#"> About Us</a></li>
            <li> <a href="#"> Contact</a></li>
            <li> <a href="#"> Portfolio</a></li>
            <li> <a href="#"> Products</a></li>
             <li> <a href="#"> Services</a></li>
        </ul>
    </div>