{source}
<!-- You can place html anywhere within the source tags -->


<style >

@keyframes spaceboots {
0% { transform: translate(2px, 1px) rotate(0deg); }10% { transform: translate(-1px, -2px) rotate(-1deg); }20% { transform: translate(-3px, 0px) rotate(1deg); }30% { transform: translate(0px, 2px) rotate(0deg); }40% { transform: translate(1px, -1px) rotate(1deg); }50% { transform: translate(-1px, 2px) rotate(-1deg); }60% { transform: translate(-3px, 1px) rotate(0deg); }70% { transform: translate(2px, 1px) rotate(-1deg); }80% { transform: translate(-1px, -1px) rotate(1deg); }90% { transform: translate(2px, 2px) rotate(0deg); }100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes spaceboots {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
@-moz-keyframes spaceboots {
0% { -moz-transform: translate(2px, 1px) rotate(0deg); }10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }30% { -moz-transform: translate(0px, 2px) rotate(0deg); }40% { -moz-transform: translate(1px, -1px) rotate(1deg); }50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }90% { -moz-transform: translate(2px, 2px) rotate(0deg); }100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
}
@-o-keyframes spaceboots {
0% { -o-transform: translate(2px, 1px) rotate(0deg); }10% { -o-transform: translate(-1px, -2px) rotate(-1deg); }20% { -o-transform: translate(-3px, 0px) rotate(1deg); }30% { -o-transform: translate(0px, 2px) rotate(0deg); }40% { -o-transform: translate(1px, -1px) rotate(1deg); }50% { -o-transform: translate(-1px, 2px) rotate(-1deg); }60% { -o-transform: translate(-3px, 1px) rotate(0deg); }70% { -o-transform: translate(2px, 1px) rotate(-1deg); }80% { -o-transform: translate(-1px, -1px) rotate(1deg); }90% { -o-transform: translate(2px, 2px) rotate(0deg); }100% { -o-transform: translate(1px, -2px) rotate(-1deg); }
}
@-ms-keyframes spaceboots {
0% { -ms-transform: translate(2px, 1px) rotate(0deg); }10% { -ms-transform: translate(-1px, -2px) rotate(-1deg); }20% { -ms-transform: translate(-3px, 0px) rotate(1deg); }30% { -ms-transform: translate(0px, 2px) rotate(0deg); }40% { -ms-transform: translate(1px, -1px) rotate(1deg); }50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); }60% { -ms-transform: translate(-3px, 1px) rotate(0deg); }70% { -ms-transform: translate(2px, 1px) rotate(-1deg); }80% { -ms-transform: translate(-1px, -1px) rotate(1deg); }90% { -ms-transform: translate(2px, 2px) rotate(0deg); }100% { -ms-transform: translate(1px, -2px) rotate(-1deg); }
}
.shake:hover,
.shake:focus {
animation: spaceboots linear 0.8s infinite;
transform-origin:50% 50%;
-webkit-animation: spaceboots linear 0.8s infinite;
-webkit-transform-origin:50% 50%;
-moz-animation: spaceboots linear 0.8s infinite;
-moz-transform-origin:50% 50%;
-o-animation: spaceboots linear 0.8s infinite;
-o-transform-origin:50% 50%;
-ms-animation: spaceboots linear 0.8s infinite;
-ms-transform-origin:50% 50%;
}
.shake {
display:block;
position:relative;
}
a.shake {
display:inline-block;


}

    
</style>
</head>
<body>

    

    

    

    

    

    

    <div>

    <a href="http://www.1544.ir/Login.aspx?T=EXP"> <p class="shake"> <img src="http://sparknet.ir/images/charge.png" width="230" height="42" align ="center" ></p></a>
</div>

</body>
<script language="javascript" type="text/javascript">
    // You can place JavaScript like this
    
</script>
<?php
    // You can place PHP like this
    
?>
{/source}

{source}
<!-- You can place html anywhere within the source tags -->


<style>




    

            #main div{
            
            
            
            float: right;
            font-size:23px;
            color : white;
            text-align : center;
            margin:30px;
            transition-duration:0.4s;
        
            
        
    
            }
            
            

            #main pj{
            
            
            width:2px;
            height:100px;
            float: right;
            
            color : white;
            text-align : center;
            margin:30px;
            transition-duration:0.4s;
            border-color: red ;
            border-width: 7px ;
            
            border-radius:1px;
        
    
            }
                
            
        
            
            #div1{
                background-color: #4A5EA1;
                 width:125px;
            height:125px;
            border-radius:90px;
     }
                
            #div2{background-color: #4A5EA1;
             width:125px;
            height:125px;
            border-radius:90px;}
            
            #div3{background-color: #4A5EA1;
             width:125px;
            height:125px;
            border-radius:90px;}
            
            #div4{background-color: #4A5EA1;
             width:125px;
            height:125px;
            border-radius:90px;
        
                 }
                
         #pj1{background-color: #939393;
        
                 }
                
            

                 #div2:hover {
                 transform:scale(1.2);
                     background-color: #DF0021;
                                
                     -moz-transform:rotate(360deg);-moz-transition:600ms ease-in;
                     -ms-transform:rotate(360deg);-ms-transition:600ms ease-in;
                     -webkit-transform:rotate(360deg);-webkit-transition:600ms ease-in;
                     -o-transform:rotate(360deg);-o-transition:600ms ease-in;
            
                
                
    
                 }
                 #div1:hover {
                
                    background-color: #DF0021;
                                
                     -moz-transform:rotate(360deg);-moz-transition:600ms ease-in;
                     -ms-transform:rotate(360deg);-ms-transition:600ms ease-in;
                     -webkit-transform:rotate(360deg);-webkit-transition:600ms ease-in;
                     -o-transform:rotate(360deg);-o-transition:600ms ease-in;
                
                
                                
                
                
    
                 }
                 #div4:hover {
                 transform:scale(1.2);
                     background-color: #DF0021;
                                
                     -moz-transform:rotate(360deg);-moz-transition:600ms ease-in;
                     -ms-transform:rotate(360deg);-ms-transition:600ms ease-in;
                     -webkit-transform:rotate(360deg);-webkit-transition:600ms ease-in;
                     -o-transform:rotate(360deg);-o-transition:600ms ease-in;
                
                
                
    
                 }
                 #div3:hover {
                 transform:scale(1.2);
                     background-color: #DF0021;
                                
                     -moz-transform:rotate(360deg);-moz-transition:600ms ease-in;
                     -ms-transform:rotate(360deg);-ms-transition:600ms ease-in;
                     -webkit-transform:rotate(360deg);-webkit-transition:600ms ease-in;
                     -o-transform:rotate(360deg);-o-transition:600ms ease-in;
                        
                
    
                 }
                
            
             .logo img {
-webkit-border-radius: 0.1px;
-moz-border-radius: 0.1px;
border-radius: 0.1px;
width: 40px;
height: 40px;
transition: all 1s;
}
.logo img:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
transform: rotate(360deg);
opacity: .7;
}




</style>
</head>
<body>
    
    <div id="main">
    
    
    
            

    
    <a href="http://sparknet.ir/index.php/spark-task/register-adsl"><div id="div1" ><br> ثبت نام </div> </a>
     <pj id="pj1"></pj>
    <a href="http://sparknet.ir/index.php/spark-task/adsl"> <div id="div2"><br> تعرفه ها</div> </a>
    <pj id="pj1"></pj>
    <a href="http://sparknet.ir/index.php/online-sell/support-2"><div id="div3"><br>آنتی ویروس</div> </a>
    <pj id="pj1"></pj>
    <a href="http://sparknet.ir/index.php/spark-task/col-130"> <div id="div4"><br> جشنواره </div> </a>
    
    
    
    
    
    
    </div>
    
</body>
<script language="javascript" type="text/javascript">
    // You can place JavaScript like this
    
</script>
<?php
    // You can place PHP like this
    
?>
{/source}


                       اسپارک  شرکت پیشرو در زمینه IT  می باشد و همچنان مسیر پیشرفت و تعالی را با جدیت دنبال می کند

{source}
<!-- You can place html anywhere within the source tags -->
<style>



    

            #main div{
            
            
            width:125px;
            height:125px;
            float: right;
            font-size:23px;
            color : white;
            text-align : center;
            margin:30px;
            transition-duration:0.4s;
            border-color: white ;
            border-width: 7px ;
            border-style: ;
            border-radius:90px;
    
            }
            
                 #main bt{
            
            
            width:860px;
            height:30px;
            float: right;
            font-size:23px;
            color : white;
            text-align : center;
            margin:30px;
            transition-duration:0.4s;
            border-color: black;
            border-width: 70px ;
            border-style: ;
            border-radius:10px;
    
            }
            
                
            
        
            
            #bt1{
                background-color: #DF0021;
     }
                
    
            
            
                
            




</style>

</head>
<body>
    
    <div id="main">
    
    
    <bt id="bt1"> </bt>
    
    
    
    
    
    
    
    </div>
    </body>

<script language="javascript" type="text/javascript">
    // You can place JavaScript like this
    
</script>
<?php
    // You can place PHP like this
    
?>
{/source}