广告

Adviertisement

冰蓝风格的css案例

    phy, css, portfolio, wordpress, CMS, facebook applications.">
      <META NAME="Description" CONTENT="Deensoft, creative software development aiming to create solutions beyound expectations">
      <link href="css/screen.css" rel="stylesheet" type="text/css" />
      <!--[if IE]><link rel="stylesheet" href="http://localhost/textbooks/css/ie.css" type="text/css" media="screen, projection"><![endif]-->
      <link href="css/main.css" rel="stylesheet" type="text/css" />
      <link href="css/glider.css" rel="stylesheet" type="text/css" />
      <script src="js/prototype.js" type="text/javascript"></script>
      <script src="js/effects.js" type="text/javascript"></script>
      <script src="js/glider.js" type="text/javascript"></script>
      <script language="Javascript">
       var glider;
       var paused = false;;
       function doPause()
       {
        if(paused){
         $('pausePlay').innerHTML = "STOP";
         glider.start();
         paused = false;
        }
        else
        {
         $('pausePlay').innerHTML = "PLAY";
         glider.stop();
         paused = true;
        }
       }
       function setupGlider()
       {
        glider = new Glider('my-glider', {duration: 1.0, frequency: 10});
        glider.start();
       }
       Event.observe(window, "load", setupGlider);
      </script>
     </HEAD>

     <BODY>
      <div class="container"> 

       <div class="column span-24">
        <span class="column span-14 marginzero"><img src="imgs/logo.jpg"/></span>
        <span class="column span-10 right">
         Contact Us: email [at] deensoft.com<br/>
         Or Call: 1-613-697-9645
        </span>
       </div>  
       <div class="column span-24">
        <ul class="mainmenu bottom">
         
         <li class="selected"><a href="index.php">Welcome</a></li>
         <li><a href="http://blog.deensoft.com">Our Blog</a></li>
         <li><a href="work.php">Work</a></li>
         <li><a href="whatwedo.php">What We Do</a></li>
         <li><a href="socialapps.php">Social Apps</a></li>
         <li><a href="hireus.php">Hire Us</a></li>
         <li><a href="aboutus.php">About Us</a></li>     
        </ul>
       </div>
       <hr class="space">
       <ul class="hmenu">
        <li><a href="javascript:void(0);" onclick="glider.previous()"><<</a></li>
        <li><a href="javascript:void(0);" id="pausePlay" onclick="doPause()">STOP</a></li>
        <li><a href="javascript:void(0);" onclick="glider.next()">>></a></li>
       </ul>
       <div class="column span-24 noborder" id="my-glider">
        <div class="scroller">
         <div class="content">
          <div class="section" id="section1">
          <a href="whatwedo.php"><img src="imgs/slide1.jpg"/></a>
          </div>
          <div class="section" id="section2">
          <a href="whatwedo.php"><img src="imgs/slide2.jpg"/></a>
          </div>
          <div class="section" id="section3">
          <a href="socialapps.php"><img src="imgs/slide3.jpg"/></a>
          </div>
          <div class="section" id="section3">
          <a href="socialapps.php"><img src="imgs/branded.jpg"/></a>
          </div>
         </div>
        </div>
       </div>
       <hr class="space"/>
       <h2 class="">We Built //</h2>
       <div class="column span-24 noborder">

        <div class="column span-7 colborder">
          <img src="imgs/workspace.jpg"/>
          <h6><a href="http://www.createworkspace.com">Workspace</a></h6>
          <p>Workspace is a web-based IDE. From its user-interface to all the nifty Javascript, Deensoft has been part of the solution.</p>
        </div>
        <div class="column span-7 colborder">
          <img src="imgs/wixd.jpg"/>
          <h6><a href="http://www.wixd.com">WiXD</a></h6>
          <p>Social Network site around Music. We are working with them to provide them with Facebook Application solution.</p>
        </div>
        <div class="column span-7 last">
          <img src="imgs/fbblock.jpg"/>
          <h6><a href="socialapps.php">Building Social Applications</a></h6>
          <p>Deensoft is involved in many upcoming Social Applications on Facebook. Do you want a Facebook Application? Let us know, we will keep all your application details private.</p>
        </div>
        
        
       </div>

    <!--
      <hr>
      <h2 class="alt">Helping others build great web applications. That's what we want</h2>
      <hr>
    -->
       <hr/>
       <p>Deensoft is located in Ottawa, Canada. We work hard to bring your ideas to life. <a href="aboutus.php">Contact us</a> today to get started. Its easy!</p>
      
      </div>
      <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
    var pageTracker = _gat._getTracker("UA-125959-3");
    pageTracker._initData();
    pageTracker._trackPageview();
    </script>
     </BODY>
    </HTML>