Asp.net modules
  • Home
  • c# Modules
  • Web Design
    • Html
    • Css
    • Java Script
  • Bootstrap
  • Sql
    • Queries
    • Stored Procedures
  • About Me
    • About Myself
    • My Projects
    • My Resume
  • Photo Gallery

Monday, March 14, 2016

Css two way hovering

 Unknown     9:33 AM     css     No comments   

Intoduction :- 
Hii Friends...
Today I explain how to make css hovering fill circle  boundary with images bounce .
hover selector is used to select elements when you mouse over them.  Here in this code it has two style hovering one is front part and second is back part. In back part we can add images . Here in back part i only write some headings.
DEMO:-
DotnetModules

Welcome

DotNetModules

* Your Welcome *


* On My Blog *


Example :-

 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>DotnetModules</title>
    <style type="text/css">
        .flip-container {
            -webkit-perspective: 1000;
            -moz-perspective: 1000;
            perspective: 1000;
        }
          .flip-container:hover .flipper,
            .flip-container.hover .flipper {
                -webkit-transform: perspective(800px) rotateY(180deg);
                -moz-transform: perspective(800px) rotateY(180deg);
                transform: perspective(800px) rotateY(180deg);
            }
        .flip-container,
        .front,
        .back {
            width: 100%;
            height: 100%;
        }
       .service-one {
            padding: 30px 30px 15px;
            height: 19rem;
            border-top: 1px solid #ddd;
            border-right: 1px solid #ddd;
        }
         .service-one {
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }
            .service-one.active,
            .service-one:hover {
                background-color: #31B0D5;
            }
          .flipper {
            -webkit-transition: 0.6s;
            -moz-transition: 0.6s;
            transition: 0.6s;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
            position: relative;
        }
        .front,
        .back {
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            position: absolute;
            top: 0;
            left: 0;
        }
         .front {
            z-index: 2;
            -webkit-transform: perspective(800px) rotateY(0deg);
            -moz-transform: perspective(800px) rotateY(0deg);
            transform: perspective(800px) rotateY(0deg);
        }
         .back {
            -webkit-transform: perspective(800px) rotateY(180deg);
            -moz-transform: perspective(800px) rotateY(180deg);
            transform: perspective(800px) rotateY(180deg);
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <div class="service-one  border-bottom" style="height: 200px; width: 200px;">
                <a href="javascript:void(0)">
                    <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
                        <div class="flipper">
                            <div class="front">
                                <div style="margin-left: 1px;">
                                    <img class="img-responsive" style="height: 90px; width: 90px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhriHfw8KtedIOQ1MQwCVDUdBEtTB7K11-LVZaA9IPxJ1op4wjjue14yF5t3M0akFrTrkosTqywM6QDePPjkK06ALp-zfukLsrPKp7Od0Lx4kTyVGhujfPX2lJWbCspz1lkZ2R-FWoZ44Q/s1600-r/dotnetnew.png">
                                    </img>
                                </div>
                                <h3 style="margin-left: 1px;">Welcome
                                </h3>
                                <p style="margin-left: 1px;">
                                    DotNetModules
                                </p>
                            </div>
                            <div class="back">
                                <p style="margin-left: 1px; color:white;">
                                    *  Your Welcome *
                                </p>
                                <br />
                                <p style="margin-left: 1px; color:white;">
                                    *  On My Blog *
                                </p>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </form>
</body>
</html>
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+

Friday, March 11, 2016

Css hovering fill circle boundary with images bounce

 Unknown     5:11 AM     css     No comments   

Intoduction :- 
Hii Friends...
Today I explain how to make css hovering fill circle  boundary with images bounce .
hover selector is used to select elements when you mouse over them.  When we put a cursor on the image the hovering is work and fill the circle on hovering color that you want to fill.  And the images is give a little bounce.

DEMO:-
DotnetModules

Example :-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>DotnetModules</title>
    <style type="text/css">
         .service-box .icon
        {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: #18639D;
            margin: 0 auto;
            text-align: center;
            position: relative;
        }
        .service-box .icon img
        {
            position: relative;
            z-index: 100;
            transition: all 0.3s ease 0s;
        }
        .service-box .icon:before
        {
            content: '';
            width: 102%;
            height: 102%;
            border-radius: 50%;
            background: #dfdfdf;
            position: absolute;
            top: -1px;
            left: -1px;
            z-index: 10;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            transition: all 0.3s ease 0s;
        }
        .service-box:hover .icon img
        {
            -webkit-transform: scale(0.9);
            -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -o-transform: scale(0.9);
            transform: scale(0.9);
        }
        .service-box:hover .icon:before
        {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }
        .service-box h5
        {
            font-size: 1.4em;
            color: #252525;
            margin: 1em 0em 0.5em 0em;
        }
        .service-box p
        {
            color: #333333;
            margin: 0;
            line-height: 1.8em;
            width: 95%;
            font-size: 1em;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="specialty-grids-top">
        <div class="col-md-2 service-box" style="visibility: visible; margin: 1%; margin-left: 1em;
            -webkit-animation-delay: 0.4s;">
            <figure class="icon">
                <span><img src="http://bulletpay.in/images/airtel.png"></span>
            </figure>
        </div>
    </div>
    </form>
</body>
</html>

 

Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+

Thursday, March 10, 2016

Css hovering fill circle boundary

 Unknown     10:34 PM     css     No comments   

Intoduction :- 
Hii Friends...
Today I explain how to make css hovering fill circle.hover selector is used to select elements when you mouse over them.  When we put a cursor on the image the hovering is work and fill the circle on hovering color that you want to fill.   
DEMO:-
DotnetModules

Example :-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>DotnetModules</title>
<style type="text/css">
.mbimg img { border-radius:100px; text-align:center; position:absolute; margin:-60px 0px 0px 72px;}
.mbimg  a img {  border: solid 4px #e1dfe0;}
.mbimg  a:hover img {  border: solid 4px #488a8e;}
.mbtext { padding:75px 8px 10px 8px; text-align:justify; font-size:13px;}
</style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="mbimg">
        <a href="#">
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhriHfw8KtedIOQ1MQwCVDUdBEtTB7K11-LVZaA9IPxJ1op4wjjue14yF5t3M0akFrTrkosTqywM6QDePPjkK06ALp-zfukLsrPKp7Od0Lx4kTyVGhujfPX2lJWbCspz1lkZ2R-FWoZ44Q/s1600-r/dotnetnew.png" style="margin-top:40px; height:120px; width:120px;" />
        </a>
    </div>
    </form>
</body>
</html>

Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+

Datepicker in html

 Unknown     3:17 AM     html     No comments   

Intoduction :- 
Hii Friends...
Today I explain how to make a datepicker in html . The datepicker is tied to a standard form input field. Focus on the input  to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page.

DEMO:-

Pick a Date:

Example :-

 <html>
<head>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
   <script type="text/javascript">
        $(document).ready(
     function () {
      $("#datepicker").datepicker({
          changeMonth: true,
          changeYear: true
      });
        }
      );
  
    </script>
</head>
<body>
    <p style="color:rgb(36, 159, 163);">
       <b>Pick a Date:</b>
        <input type="text" id="datepicker" /></p>
</body>
</html>
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+

Wednesday, March 9, 2016

Css hovering fill circle

 Unknown     2:13 AM     css     No comments   

Intoduction :- 
Hii Friends...
Today I explain how to make css hovering fill circle.hover selector is used to select elements when you mouse over them.  When we put a cursor on the image the hovering is work and fill the circle on hovering color that you want to fill.  
DEMO:-
Dotnetmodules

Welcome
DotNetModules

Example :-

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Dotnetmodules</title>
    <style>
.workBlock{ max-width:832px; margin:55px auto 50px auto;}
.roundBox{ display:block; width:208px; height:208px; border:1px solid #dddddd; border-radius:100%; float:left; position:relative;  }
.roundBox .icon{ margin-top:35px; text-align:center; clear:coth; display:block;}
.roundBox h4{ font-size: 20px; font-family: Arial; text-align: center; color: #000000; text-transform: uppercase; margin: 133px 0 0 0;}
.roundBox .num{ position:absolute; width:49px; height:49px; background:#fff; border-radius:100%; font-family: 'nexa_boldregular'; font-size:23px; text-align:center; line-height:50px; bottom:-25px; left:50%; margin-left:-25px; display:block; z-index:5; }
.roundBox .arrow{ position:absolute; width:49px; height:49px; background:#fff; border-radius:100%; top:50%; margin-top:-25px; right:-25px;  display:block; z-index:5; padding-top:10px; text-align:center; }
.roundBox .arrow.bgnone{ background:none;}
.roundBox .hoverBox{ background:#00adef; border:1px solid #00adef; opacity:0; position:absolute; width:100%; height:100%; left:0; top:0;
-webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   border-radius:100%;
   display:table;
}
.roundBox:hover .hoverBox{ opacity:1; border-radius:100%;
-webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
  -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.roundBox .hoverBox p{ font-size:24px; color:#fff; text-align:center; font-family:Arial; padding:0 15px;  display:table-cell; vertical-align:middle; }
.roundBox.heighilight{ background:#fff; }
.roundBox.heighilight .hoverBox:hover{ background:#1564af; -webkit-transform: scale(1); border:1px solid #1564af;
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
  -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   border-radius:100%;
    }
    </style>
</head>
<body>
    <article class="roundBox">
                 <div class="icon">
                 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhriHfw8KtedIOQ1MQwCVDUdBEtTB7K11-LVZaA9IPxJ1op4wjjue14yF5t3M0akFrTrkosTqywM6QDePPjkK06ALp-zfukLsrPKp7Od0Lx4kTyVGhujfPX2lJWbCspz1lkZ2R-FWoZ44Q/s1600-r/dotnetnew.png" style="height: 128px; width: 195px;" alt="" /> </div>
                 <div class="hoverBox">
                    <p> Welcome <br>  <span class="item_price">DotNetModules</span></p>
               </div>
      </article>
</body>
</html>
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+

Saturday, March 5, 2016

Create a Cart Popup div in HTML & CSS

 Unknown     12:12 AM     css, html     1 comment   

Intoduction :- 
Hii Friends...
Today I explain how to Create a Cart Popup div in HTML & CSS . This moduel base on mouse hover when you put your coursor on cart icon. hover selector is used to select elements when you mouse over them. Here i put a example of cart. When we put cursor on it then a popup is open and in this popup you can add that you want.

DEMO:-
Asp.netmodules Cart Popup Example

Items : 2

Amount : 4000 Rs

View Cart Checkout

Example :-

  <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Asp.netmodules Cart Popup Example</title>
    <style type="text/css">
        /* button style */
        .cart {
            width: 40px;
            height: 40px;
            padding: 0;
            position: absolute;
            left: 50%;
            margin-left: 50px;
            -moz-border-radius: 9999em;
            -webkit-border-radius: 9999em;
            border-radius: 9999em;
            border: none;
            background: rgb(36, 159, 163);
            cursor: pointer;
        }

            .cart:hover {
                -moz-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.5);
                -webkit-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.5);
                box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.5);
            }

                .cart:hover .popup {
                    visibility: visible;
                    opacity: 1;
                    pointer-events: auto;
                    -webkit-animation-duration: 200ms;
                    -webkit-animation-name: show-popup;
                    -webkit-animation-direction: normal;
                    -webkit-animation-timing-function: cubic-bezier(1, 0.18, 1, 0.93);
                    -moz-animation-duration: 200ms;
                    -moz-animation-name: show-popup;
                    -moz-animation-direction: normal;
                    -moz-animation-timing-function: cubic-bezier(1, 0.18, 1, 0.93);
                    -o-animation-duration: 200ms;
                    -o-animation-name: show-popup;
                    -o-animation-direction: normal;
                    -o-animation-timing-function: cubic-bezier(1, 0.18, 1, 0.93);
                    animation-duration: 200ms;
                    animation-name: show-popup;
                    animation-direction: normal;
                    animation-timing-function: cubic-bezier(1, 0.18, 1, 0.93);
                }

        /* popup window style */
        .popup {
            padding: 20px;
            visibility: hidden;
            opacity: 0;
            pointer-events: none;
            position: absolute;
            top: 100%;
            width: 250px;
            margin-left: -205px;
            margin-top: 20px;
            background: #ffffff;
            border: 1px solid #cbcbcb;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
            -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
        }

            .popup:after {
                position: absolute;
                content: ' ';
                top: -30px;
                height: 30px;
                width: 100%;
            }
            .popup:before {
                position: absolute;
                content: ' ';
                left: 220px;
                top: -9px;
                width: 16px;
                height: 16px;
                border-top: 1px solid #cbcbcb;
                border-right: 1px solid #cbcbcb;
                background: #ffffff;
                -moz-box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.2);
                -webkit-box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.2);
                box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.2);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

        .cart {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAGPSURBVHjajNNNi85RGAbw3zwzI/XMmEHeFYmSvJRSYsOWfAHZ+wAWakp8AAs+A5ImKzujUfKapQnZzIaVxzCYGcMzXRbuydO/Wcxdd+ecq3Ouc67rvk9fkqcY8T8mcA3frSIGcLKBfcMaq4wWpjCNjwi2o71aggGcQT92YBybcLTIZ7ABX7G+xlF8qvWgJMs5kuRFksUkDypPJLmd5FSSW0lOJ7lT+GSSt70E7SQ38i+eJDmSZE+SA0n21bi35heTdJMstnrkzOMlfmELhnEVQxjDOlzBDxwv2c/7kvR6sh+Py8QLeFde9GMJ3arQw/JqrNUwtVMVaWMbFnC51pfwGQfrhR1MNgnm8LpuPVsNdr0236xKncdgyZ0eaBD8xhss4hyOlea1hQ1ha0mZwM8mwRKe4VVJ6K9Daj6PD9V0j7DUNBH6sLNcn8efOtytp7cxW82U3j5Yzs1J7ieZSnI3yXDho0nGC7+XZGMSKxEcSjJbDdVJsrvwww18VxKtFf7HTH2wObwvGfClgS/A3wEAjJAlBBKFdqAAAAAASUVORK5CYII=);
            background-repeat: no-repeat;
            background-position: center;
        }

        .checkout {
            margin-top: 10px;
            padding-left:20px;
        }

        .checkout-button {
            padding: 3px 5px;
            background: rgb(36, 159, 163);
            -moz-box-shadow: inset 0 2px 7px 0 rgba(255, 255, 255, 0.3);
            -webkit-box-shadow: inset 0 2px 7px 0 rgba(255, 255, 255, 0.3);
            box-shadow: inset 0 2px 7px 0 rgba(255, 255, 255, 0.3);
            border: 1px solid rgb(36, 159, 163);
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            color: #ffffff;
        }
            .checkout-button:hover {
                background: rgb(36, 159, 163);
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }
            .checkout-button:active {
                background: rgb(36, 159, 163);
                -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
                -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
                box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            }
    </style>
</head>
<body>
    <div class="cart">
        <div class="popup">
            <div class="row checkout">
                <h4>Items :  2</h4>
                <h4>Amount : 4000 Rs</h4>
            </div>
            <div class="row checkout">
                <span><a class="checkout-button" href="#">View Cart</a></span>
                <span class="checkout-button">Checkout</span>
                 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhriHfw8KtedIOQ1MQwCVDUdBEtTB7K11-LVZaA9IPxJ1op4wjjue14yF5t3M0akFrTrkosTqywM6QDePPjkK06ALp-zfukLsrPKp7Od0Lx4kTyVGhujfPX2lJWbCspz1lkZ2R-FWoZ44Q/s1600-r/dotnetnew.png" style="height:60px;width:120px; margin-top:20px;"/>
            </div> 
        </div>
    </div>
</body>
</html>

Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+

Thursday, March 3, 2016

Get dropdown list text and value with javascript

 Unknown     4:53 AM     js     No comments   

 Intoduction :- 
Hii Friends...
Today I explain how to get a dropdown list text and value with the help of  javascript. The main point is it depends on .text and .value. If you want to get a value of dropdown selected value then you write (.value ) otherwise you write (.Text) .

Example :-

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Welcome On Asp.Net Modules</title>
    <script type="text/javascript">
        function GetCountryDetails() {
            var name = document.getElementById("ddlName");
            document.getElementById('lbltxt').innerHTML = name.options[name.selectedIndex].text;
            document.getElementById('lblid').innerHTML = name.options[name.selectedIndex].value;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <table width="50%">
        <tr>
            <td align="right">
                Select Name:
            </td>
            <td>
                <asp:DropDownList ID="ddlName" runat="server" onchange="GetCountryDetails()">
                    <asp:ListItem Text="Select" Value="0" />
                    <asp:ListItem Text="Jorge" Value="1" />
                    <asp:ListItem Text="Herry" Value="2" />
                    <asp:ListItem Text="Enguju" Value="3" />
                    <asp:ListItem Text="Yuyu" Value="4" />
                    <asp:ListItem Text="Gerry" Value="5" />
                </asp:DropDownList>
            </td>
        </tr>
        <tr>
            <td align="right" style="font-family: Verdana; font-size: 10pt; color: Black">
                Selected Text:
            </td>
            <td>
                <b>
                    <label id="lbltxt" />
                </b>
            </td>
        </tr>
        <tr>
            <td align="right">
                Selected text value:
            </td>
            <td>
                <b>
                    <label id="lblid" />
                </b>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
Newer Posts Older Posts Home

Popular Posts

  • How to make color picker
    Intoduction :-   Hii Friends... Today i going to put a very interesting module i.e how to make a color picker module. Its very interesti...
  • Angular Directives
    Intoduction :-   Hii Friends... Today I explain about Angular Directives.  1) Angular JS use new attribute i.e called Directives. 2)...
  • Asp.net insert, Edit, update, delete in grid view
    Introduction :   Here I explain how to insert, edit, update and delete data in grid view using asp.net. In this project I use so...
  • Bounce a circle with Css
    Intoduction :-   Hii Friends... Today I explain how to make a bouncing circle with the help of css.  DEMO:- ...
  • Bootstrap Model
      Intoduction :-   Hii Friends... Today I explain how to make a bootstrap model in asp.net . Its not so complicated its easy. here som...
  • How To Make A Calculator In Html
    Intoduction :- Hii Friends... Today I explain how to make a calculator with html. So here i explain this step by step. Step : 1    Th...
  • Calculator with Angular JS
    Intoduction :-   Hii Friends... Today I explain how to make a Calculator with the help of Angular JS. In this code i use some directive...
  • Angular Js Introduction
    Intoduction :-   Hii Friends... Today I explain about angular js. Angular js is a part of javascript but its extended. 1 ) AngularJS ...
  • How To Make Semi-Transparent Buttons
    Intoduction :-   Hii Friends...   Today I explain how to make Semi-Transparent Buttons with the help of css. This style now a days goes t...
  • How To Make A Timer With JavaScript
    Introduction :- Hii Friends.. Today I explain how to make a timer with a popup message with the help of Java-Script. At the end when tim...

Blog Archive

  • ▼  2017 (13)
    • ▼  December (1)
      • Awarepedia services
    • ►  March (5)
    • ►  February (1)
    • ►  January (6)
  • ►  2016 (31)
    • ►  November (1)
    • ►  September (1)
    • ►  June (6)
    • ►  May (3)
    • ►  April (2)
    • ►  March (8)
    • ►  February (9)
    • ►  January (1)
  • ►  2015 (31)
    • ►  December (3)
    • ►  November (4)
    • ►  October (18)
    • ►  September (6)

About Me

Unknown
View my complete profile

Copyright © Asp.net modules | Powered by Blogger
Design by Sheetal Khandelwal