Team:Waterloo-E

From 2012e.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE html>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+
 
-
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+
<head>
<head>
 +
<title>Baljot Saral - NATS 1700 - Home</title>
 +
<meta http-equiv="Content-Type"
 +
content="text/html; charset=utf-8" />
 +
       
 +
<link rel="shortcut icon" href="http://uwigem.websharx.ca/site/images/icons/favicon.png" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
-
<!-- Basic Page Needs
+
<link rel='stylesheet' href='http://uwigem.websharx.ca/site/style.css?ver=screen' type='text/css' media='all' />
-
  ================================================== -->
+
<link href='http://uwigem.websharx.ca/site/css/back.css' rel='stylesheet' type="text/css" />
-
<meta charset="utf-8" />
+
<link rel='stylesheet' href='http://uwigem.websharx.ca/site/css/menu/superfishe735.css?ver=3.4' type='text/css' media='screen' />
-
<title>Phasire</title>
+
<link rel='stylesheet' href='http://uwigem.websharx.ca/site/css/supersized/supersizede735.css?ver=3.4' type='text/css' media='all' />
-
    <meta name="robots" content="index, follow" />
+
<link rel='stylesheet' href='http://uwigem.websharx.ca/site/css/supersized/supersized.shuttere735.css?ver=3.4' type='text/css' media='all' />
-
    <meta name="keywords" content="" />
+
<link rel='stylesheet' href='http://uwigem.websharx.ca/site/style_two.css?ver=3.4' type='text/css' media='screen' />
-
    <meta name="description" content="" />
+
<link rel='stylesheet' id='PrettyPhoto-css'  href='http://uwigem.websharx.ca/site/css/prettyPhotoe735.css?ver=3.4' type='text/css' media='screen' />
-
<meta name="author" content="" />
+
-
<!-- CSS
+
<script type='text/javascript' src='http://uwigem.websharx.ca/site/js/jquery-1.7.1.min.js'></script>
-
  ================================================== -->
+
<script type='text/javascript' src='http://uwigem.websharx.ca/site/js/supersized/supersized.3.2.7.mine735.js?ver=3.4'></script>
-
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
+
<script type='text/javascript' src='http://uwigem.websharx.ca/site/js/supersized/supersized.shuttere735.js?ver=3.4'></script>
-
    <link rel="stylesheet" href="styles/style.css" />
+
<script type='text/javascript' src='http://uwigem.websharx.ca/site/js/menu/superfishc619.js?v=1.0'></script>
-
    <link rel="stylesheet" href="styles/inner.css" />
+
<script type='text/javascript' src='http://uwigem.websharx.ca/site/js/jquery.tipsyc619.js?v=1.0'></script>
-
<link rel="stylesheet" href="styles/skitter.styles.css" />
+
<script type='text/javascript' src='http://uwigem.websharx.ca/site/js/jquery.prettyPhotoc619.js?v=1.0'></script>
 +
<script type='text/javascript' src='http://uwigem.websharx.ca/site/js/commonc619.js?v=1.0'></script>
 +
<script type='text/javascript' src='http://uwigem.websharx.ca/site/js/jquery.cycle.all.js'></script>
 +
<script type="text/javascript" src="http://uwigem.websharx.ca/site/jspb/jquery-ui-1.8.2.custom.min.js"></script>
 +
<script type="text/javascript" src="http://uwigem.websharx.ca/site/jspb/pirobox_extended.js"></script>
-
<!--[if lt IE 9]>
+
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Berkshire+Swash&amp;' type='text/css' media='all' />
-
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Droid+Sans%3A400%2C700&amp;' type='text/css' media='all' />
-
<![endif]-->
+
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Droid+Serif%3Aregular%2Citalic&amp;' type='text/css' media='all' />
 +
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Open+Sans%3A400%2C700&amp;' type='text/css' media='all' />
-
<!-- Favicons
 
-
================================================== -->
 
-
<link rel="shortcut icon" href="images/favicon.ico" />
 
-
</head>
+
<!--member area function-->
 +
<script type="text/javascript">
 +
var mtheme_uri="index.html";
 +
jQuery(document).ready(function(){
 +
jQuery('.newsslides').cycle({
 +
next:  '.newsnext',
 +
prev:  '.newsprev',
 +
speed:  500,
 +
timeout: 15000,
 +
pause: true
 +
});
 +
jQuery(".mcycletextwrap").css({"left":"auto","right":"0px"});
 +
});
 +
</script>
 +
 +
</head>
<body>
<body>
-
<div id="bodychild">
+
<div class="main-select-menu"></div>
-
<div id="outercontainer">
+
<div class="social-header">
-
   
+
<aside id="social-widget-2" class="bg">
-
        <!-- HEADER -->
+
<div class="socialmedia-buttons socialwidget_center">
-
        <div id="outerheader">
+
<!--social-->
-
        <div id="headercontainer">
+
<div class="social_contact_text">
-
            <div id="top"><a href="" class="button medium">Buy this Theme</a></div>
+
<a href="mailto:saral.baljot@gmail.com">Baljot Saral</a> |&nbsp;Follow me:</div>
-
            <header id="header">
+
-
            <div id="logo"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
+
-
                <div id="sn">
+
-
                    <ul>
+
-
                        <li><a href="http://facebook.com" title="Facebook"><span style="background:url(images/social/facebook.png)" class="icon-img"></span></a></li>
+
-
                        <li><a href="http://twitter.com" title="Twitter"><span class="icon-img" style="background:url(images/social/twitter.png)"></span></a></li>
+
-
                        <li><a title="pinterest" href="http://pinterest.com"><span style="background:url(images/social/pin-it.png)" class="icon-img"></span></a></li>
+
-
                        <li><a title="Google+" href="https://plus.google.com"><span style="background:url(images/social/google.png)" class="icon-img"></span></a></li>
+
-
                    </ul>
+
-
                </div>
+
-
                <div class="clear"></div>
+
-
                <section id="navigation">
+
-
                    <nav>
+
-
                        <ul id="topnav" class="sf-menu">
+
-
                            <li class="current"><a href="index.html">Home</a></li>
+
-
                            <li><a href="about.html">About Us</a>
+
-
                            <ul>
+
-
                                <li><a href="element.html">Elements</a></li>
+
-
                                    <li><a href="columns.html">Columns</a></li>
+
-
                                    <li><a href="single.html">Blog Details</a></li>
+
-
                                    <li><a href="#">Dropdown</a>
+
-
                                        <ul>
+
-
                                            <li><a href="#">Only</a></li>
+
-
                                            <li><a href="#">Example of</a></li>
+
-
                                            <li><a href="#">The Dropdown</a></li>
+
-
                                        </ul>
+
-
                                    </li>
+
-
                                </ul>
+
-
                            </li>
+
-
                            <li><a href="service.html">Services</a></li>
+
-
                            <li><a href="blog.html">Blog</a></li>
+
-
                            <li><a href="#">Portfolio</a>
+
-
                                <ul>
+
-
                                    <li><a href="portfolio2.html">Portfolio 2 Column</a></li>
+
-
                                    <li><a href="portfolio3.html">Portfolio 3 Column</a></li>
+
-
                                    <li><a href="portfolio4.html">Portfolio 4 Column</a></li>
+
-
                                </ul>
+
-
                            </li>
+
-
                            <li><a href="contact.html">Contact</a></li>
+
-
                        </ul><!-- topnav -->
+
-
                    </nav><!-- nav -->
+
-
                    <div class="clear"></div>
+
-
                </section>
+
-
                <div class="clear"></div>
+
-
            </header>
+
-
            </div>
+
-
        </div>
+
-
        <!-- END HEADER -->
+
-
       
+
-
        <!-- SLIDER -->
+
-
        <div id="outerslider">
+
-
        <div id="slidercontainer">
+
-
                <section id="slider" class="box_skitter box_skitter_large">
+
-
                <span class="frame940"></span>
+
-
                    <ul>
+
-
                        <li>
+
-
                            <a href=""><img src="images/content/slide1.jpg" alt="" /></a>
+
-
                            <div class="label_text">
+
-
                            <h1>This is a caption Title</h1>
+
-
                                <p>Mauris iaculis quam nec erat lobortis nec porttitor tellus cursus. Aliquam erat volutpat. Morbi tellus quam, condimentum eget </p>
+
-
                            </div>
+
-
                        </li>
+
-
                        <li>
+
-
                            <a href=""><img src="images/content/slide2.jpg" alt="" /></a>
+
-
                            <div class="label_text">
+
-
                            <h1>This is a caption Title</h1>
+
-
                                <p>Mauris iaculis quam nec erat lobortis nec porttitor tellus cursus. Aliquam erat volutpat. Morbi tellus quam, condimentum eget </p>
+
-
                            </div>
+
-
                        </li>
+
-
                        <li>
+
-
                            <a href=""><img src="images/content/slide3.jpg" alt="" /></a>
+
-
                            <div class="label_text">
+
-
                            <h1>This is a caption Title</h1>
+
-
                                <p>Mauris iaculis quam nec erat lobortis nec porttitor tellus cursus. Aliquam erat volutpat. Morbi tellus quam, condimentum eget </p>
+
-
                            </div>
+
-
                        </li>
+
-
                        <li>
+
-
                            <a href=""><img src="images/content/slide4.jpg" alt="" /></a>
+
-
                            <div class="label_text">
+
-
                            <h1>This is a caption Title</h1>
+
-
                                <p>Mauris iaculis quam nec erat lobortis nec porttitor tellus cursus. Aliquam erat volutpat. Morbi tellus quam, condimentum eget </p>
+
-
                            </div>
+
-
                        </li>
+
-
                    </ul>
+
-
                </section>
+
-
            </div>
+
-
        </div>
+
-
        <!-- END SLIDER -->
+
-
       
+
<a class="qtips" title="Google+" href="https://plus.google.com/110203977635633763222/posts" target="blank">
-
        <!-- MAIN CONTENT -->
+
<img src="http://uwigem.websharx.ca/site/images/socialwidget_/google_plus_16.png" alt=" Facebook"/></a><a class="qtips" title="Facebook" href="http://www.facebook.com/websharx" target="blank">
-
        <div id="outermain">
+
<img src="http://uwigem.websharx.ca/site/images/socialwidget_/facebook_16.png" alt=" Facebook"  /></a><a class="qtips" title="Twitter" href="http://www.twitter.com/websharx" target="blank">
-
        <div id="maincontent">
+
<img src="http://uwigem.websharx.ca/site/images/socialwidget_/twitter_16.png" alt=" Twitter"  /></a>
-
        <section id="mainthecontent">
+
-
           
+
-
<article class="row">
+
-
                <div class="three columns alpha">
+
-
                    <img src="images/icons/icon1.png" alt="" class="alignleft margin_top" /><h3  class="titleUppercase">Search Engine Optimized</h3><hr class="small"/>
+
-
                        <p><strong>Lorem ipsum dolor sit amet.</strong><br/>Donec rutrum lacinia lectus ut bibend. Cras tortor ante, lobortis sed sodales sit amet ipsum.</p>
+
-
<p>Aenean ornare, dui eu convallis consequat, lectus dolor dignissim purus, a condimentum nunc ipsum in justo. </p>
+
-
                        <a href="#">Continue Reading &#8594;</a>
+
-
                    </div>
+
-
                    <div class="three columns">
+
-
                        <img src="images/icons/icon2.png" alt="" class="alignleft margin_top" /><h3 class="titleUppercase">Well-coded Documentation</h3><hr class="small"/>
+
-
                        <p><strong>Lorem ipsum dolor sit amet.</strong><br/>Donec rutrum lacinia lectus ut bibend. Cras tortor ante, lobortis sed sodales sit amet ipsum.</p>
+
-
<p>Aenean ornare, dui eu convallis consequat, lectus dolor dignissim purus, a condimentum nunc ipsum in justo. </p>
+
-
                        <a href="#">Continue Reading &#8594;</a>
+
-
                      </div>
+
-
                    <div class="three columns">
+
-
                        <img src="images/icons/icon3.png" alt="" class="alignleft margin_top" /><h3  class="titleUppercase">Proffesional<br/> Support</h3><hr class="small"/>
+
-
                        <p><strong>Lorem ipsum dolor sit amet.</strong><br/>Donec rutrum lacinia lectus ut bibend. Cras tortor ante, lobortis sed sodales sit amet ipsum.</p>
+
-
<p>Aenean ornare, dui eu convallis consequat, lectus dolor dignissim purus, a condimentum nunc ipsum in justo. </p>
+
-
                        <a href="#">Continue Reading &#8594;</a>
+
-
                    </div>
+
-
                    <div class="three columns omega">
+
-
                        <img src="images/icons/icon4.png" alt="" class="alignleft margin_top" /><h3 class="titleUppercase">Easy to Cumtomization</h3><hr class="small"/>
+
-
                        <p><strong>Lorem ipsum dolor sit amet.</strong><br/>Donec rutrum lacinia lectus ut bibend. Cras tortor ante, lobortis sed sodales sit amet ipsum.</p>
+
-
<p>Aenean ornare, dui eu convallis consequat, lectus dolor dignissim purus, a condimentum nunc ipsum in justo. </p>
+
-
                        <a href="#">Continue Reading &#8594;</a>
+
-
                    </div>
+
-
                <div class="clear"></div>
+
-
                </article>
+
-
<div class="separator line"></div>
+
</div></aside></div>
-
<h2 class="titleUppercase center">We are Phasire is a Proffesional and Good Maker to Make a Great Work</h2><br>
+
<div class="top-menu-wrap clearfix">
 +
<div class="logo-menu-wrapper">
 +
 +
<!--logo-->
 +
<div class="logo">
 +
<a href="mailto:saral.baljot@gmail.com">
 +
<img src="http://uwigem.websharx.ca/site/images/logo_lion.jpg" alt="logo" width="300" height="131" class="logoimage" /></a></div>
-
                <div class="one_third">
 
-
                <span class="frame293"></span>
 
-
                <img src="images/content/pic1.jpg" alt="" class="aligncenter" />
 
-
                    <h4 class="colortext">Hello World</h4>
 
-
                    <p>Donec blandit volutpat ipsum, ac varius nulla commodo ut. Curabitur blandit dignissim nibh sit.</p>
 
-
                </div>
 
-
                <div class="one_third">
 
-
                <span class="frame293"></span>
 
-
                <img src="images/content/pic2.jpg" alt="" class="aligncenter" />
 
-
                    <h4 class="colortext">Awesome Slider</h4>
 
-
                    <p>Donec blandit volutpat ipsum, ac varius nulla commodo ut. Curabitur blandit dignissim nibh sit.</p>
 
-
                </div>
 
-
                <div class="one_third last">
 
-
                <span class="frame293"></span>
 
-
                <img src="images/content/pic3.jpg" alt="" class="aligncenter" />
 
-
                    <h4 class="colortext">Curabitur blandit</h4>
 
-
                    <p>Donec blandit volutpat ipsum, ac varius nulla commodo ut. Curabitur blandit dignissim nibh sit.</p>
 
-
                </div>
 
-
                           
 
-
                <div class="clear"></div>
 
-
            </section>
 
-
            </div>
 
-
        </div>
 
-
        <!-- END MAIN CONTENT -->
 
-
       
 
-
       
 
-
        <!-- FOOTER SIDEBAR -->
 
-
        <div id="outerfootersidebar">
 
-
        <div id="footersidebarcontainer">
 
-
            <div id="footer-logo"><a href="index.html"><img src="images/logo-f.png" alt=""></a></div>
 
-
                <div id="newsletter">
 
-
<form class="newsletter-form" method="post" action="#">
 
-
                      <label>Get the latest updates on a new site template and wordpress theme</label>
 
-
                      <input type="text"><input type="submit" value="Submit" class="button">
 
-
                    </form>
 
-
                </div>
 
-
               
 
-
                <div class="clear"></div>
 
-
            <footer id="footersidebar">
 
-
            <div id="footcol1" class="footcol">
 
-
<ul>
 
-
<li class="widget-container">
 
-
                        <h2 class="widget-title"><span>About Us</span></h2>
 
-
                        <div class="textwidget">
 
-
                        <p>Nulla aliquam diam quis arcu pretium ut elementum arcu pretium.</p>
 
-
                            <p>Quisque enim augue, mattis eget feugiat nec, posuere id purus.</p>
 
-
                            <p>Donec vulputate velit ut turpis vehicula pulvinar. Aliquam porta dictum quam suscipit dignissim.</p>
 
-
</div>
 
-
                    </li>
 
-
                </ul>
 
-
                </div>
 
-
            <div id="footcol2"  class="footcol">
 
-
                <ul>
 
-
                    <li class="widget-container">
 
-
                        <h2 class="widget-title"><span>Popular Post</span></h2>
 
-
                            <ul class="recenpost-widget">
 
-
                                <li>
 
-
                                    <h5><a href="#">Ut adipiscing scelerisque nulla vitae rhoncus</a></h5>
 
-
                                    <span class="smalldate">Aug 30, 2012</span>
 
-
                                    <span class="line"></span>
 
-
                                </li>
 
-
                                <li>
 
-
                                    <h5><a href="#">Donec blandit volutpat ipsum, ac nulla commodo ut.</a></h5>
 
-
                                    <span class="smalldate">Aug 27, 2012</span>
 
-
                                    <span class="line"></span>
 
-
                                </li>
 
-
                                <li>
 
-
                                    <h5><a href="#">Nulla aliquam diam quis arcu dolor elementum.</a></h5>
 
-
                                    <span class="smalldate">Aug 24, 2012</span>
 
-
                                    <span class="line"></span>
 
-
                                </li>
 
-
                            </ul>
 
-
                        </li>
 
-
                    </ul>
 
-
                </div>
 
-
            <div id="footcol3"  class="footcol">
 
-
                <ul>
 
-
                    <li class="widget-container">
 
-
                        <h2 class="widget-title"><span>Our Gallery</span></h2>
 
-
                            <ul id="gallery">
 
-
                            <li><a href="#"><img src="images/content/g1.jpg" alt=""></a></li>
 
-
                                <li><a href="#"><img src="images/content/g2.jpg" alt=""></a></li>
 
-
                                <li><a href="#"><img src="images/content/g3.jpg" alt=""></a></li>
 
-
                                <li><a href="#"><img src="images/content/g4.jpg" alt=""></a></li>
 
-
                                <li class="last"><a href="#"><img src="images/content/g5.jpg" alt=""></a></li>
 
-
                            <li><a href="#"><img src="images/content/g6.jpg" alt=""></a></li>
 
-
                                <li><a href="#"><img src="images/content/g7.jpg" alt=""></a></li>
 
-
                                <li><a href="#"><img src="images/content/g8.jpg" alt=""></a></li>
 
-
                                <li><a href="#"><img src="images/content/g9.jpg" alt=""></a></li>
 
-
                                <li class="last"><a href="#"><img src="images/content/g10.jpg" alt=""></a></li>
 
-
                            </ul>
 
-
                        </li>
 
-
                    </ul>
 
-
                </div>
 
-
            <div id="footcol4" class="footcol">
 
-
<ul>
 
-
<li class="widget-container">
 
-
                        <h2 class="widget-title"><span>Street Address</span></h2>
 
-
<div>
 
-
                            Phasire - Office Blvd No. 356-357<br/>
 
-
                            Farmville Town, LA 12345<br/><br/>
 
-
                           
 
-
                            Telp: +62 500 800 123<br/>
 
-
                            Fax: +62 500 800 112<br/>
 
-
                            Email: <a href="mailto:testmail@yourdomain.com">testmail@yourdomain.com</a><br/>
 
-
                            Website: <a href="http://www.templatesquare.com">www.templatesquare.com</a><br/>
 
-
                        </div>
 
-
                    </li>
 
-
                </ul>
 
-
                </div>
 
-
                <div class="clear"></div>
 
-
                </footer>
 
-
            </div>
 
-
        </div>
 
-
        <!-- END FOOTER SIDEBAR -->
 
-
       
 
-
        <!-- FOOTER -->
 
-
        <div id="outerfooter">
 
-
        <div id="footercontainer">
 
-
            <footer id="footer">Copyright &copy; 2012 Phasire. Design by <a href="http://templatesquare.com">TemplateSquare.com</a></footer>
 
-
            </div>
 
-
        </div>
 
-
        <!-- END FOOTER -->
 
-
       
 
-
       
 
-
</div><!-- end bodychild -->
 
-
</div><!-- end outercontainer -->
 
-
<!-- Javascript
+
<div class="mainmenu-navigation">
-
================================================== -->
+
<div class="homemenu">
-
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
+
<!--menu-->
 +
<ul id="menu-main-menu" class="menu">
 +
<li><a href="index.html"><strong>Home</strong><span>back to home</span></a></li>
 +
<li><a href="aboutme.html"><strong>About Me</strong><span>who is Baljot?</span></a></li>
 +
<li><a href="learn.html"><strong>Learn</strong><span>faster and better</span></a>
 +
<li><a href="train.html"><strong>Train</strong><span>today</span></a>
 +
<li><a href="connect.html"><strong>Connect</strong><span>to the world</span></a>
 +
<li><a href="conclusion.html"><strong>Conclusion</strong><span>complete</span></a>
 +
<li><a href="bibliography.html"><strong>Bibliography</strong><span>resources</span></a></li>
 +
</ul>
 +
</div></div>
 +
</div></div>
 +
<!--toggle-->
 +
<div original-title="Show / Hide" class="etips menu-toggle menu-toggle-off">Toggle</div>
 +
<!--slider-->
 +
<script type="text/javascript">
 +
jQuery(function($){
 +
jQuery.supersized({
 +
 +
// Functionality
 +
slideshow              :  1, // Slideshow on/off
 +
autoplay : 1, // Slideshow starts playing automatically
 +
start_slide            :  1, // Start slide (0 is random)
 +
image_path : '../images/supersized/',
 +
stop_loop : 0, // Pauses slideshow on last slide
 +
random : 0, // Randomize slide order (Ignores start slide)
 +
slide_interval          :  8000, // Length between transitions
 +
transition              :  1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
 +
transition_speed : 1000, // Speed of transition
 +
new_window : 0, // Image links open in new window/tab
 +
pause_hover            :  0, // Pause slideshow on hover
 +
keyboard_nav            :  1, // Keyboard navigation on/off
 +
performance : 3, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
 +
image_protect : 1, // Disables image dragging and right click with Javascript    
 +
min_width         :  0, // Min width allowed (in pixels)
 +
min_height         :  0, // Min height allowed (in pixels)
 +
vertical_center        :  0, // Vertically center background
 +
horizontal_center      :  1, // Horizontally center background
 +
fit_always : 0, // Image will never exceed browser width or height (Ignores min. dimensions)
 +
fit_portrait        :  1, // Portrait images will not exceed browser height
 +
fit_landscape :  0, // Landscape images will not exceed browser width  
 +
slide_links : 'blank', // Individual links for each slide (Options: false, 'number', 'name', 'blank')
 +
thumb_links : 0, // Individual thumb links for each slide
 +
thumbnail_navigation    :  0, // Thumbnail navigation
 +
slides :  [ // Slideshow Images
-
<!-- jQuery Superfish -->
 
-
<script type="text/javascript" src="js/hoverIntent.js"></script>
 
-
<script type="text/javascript" src="js/superfish.js"></script>
 
-
<script type="text/javascript" src="js/supersubs.js"></script>
 
-
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
 
 +
{image : '../images/full/pump.jpg', title : '<div class="slideshow_title"></div>'},
 +
{image : '../images/full/pump2.jpg', title : '<div class="slideshow_title"></div>'},
 +
{image : '../images/full/pump3.jpg', title : '<div class="slideshow_title"></div>'},
 +
{image : '../images/full/pump4.jpg', title : '<div class="slideshow_title"></div>'},],
-
<!-- Custom Script -->
 
-
<script type="text/javascript" src="js/custom.js"></script>
 
-
<!-- Hook Skitter Slider -->
+
progress_bar : 1, // Timer for each slide
-
<script type="text/javascript" src="js/jquery.animate-colors-min.js"></script>
+
mouse_scrub : 1
-
<script type="text/javascript" src="js/jquery.skitter.js"></script>
+
});
-
<script type="text/javascript">
+
-
jQuery(document).ready(function(){
+
-
//slider
+
-
jQuery(".box_skitter_large").skitter({
+
-
animation: "random",
+
-
interval: 3000,
+
-
numbers: false,
+
-
dots: true, 
+
-
numbers_align: "right",
+
-
hideTools: true,
+
-
controls: false,
+
-
focus: false,
+
-
focus_position: true,
+
-
width_label:'auto',
+
-
enable_navigation_keys: false, 
+
-
progressbar: false
+
-
});
+
});
});
</script>
</script>
 +
 +
<!--progress navi-->
 +
<div class="super-navigation">
 +
<a id="prevslide" class="load-item"></a>
 +
<a id="nextslide" class="load-item"></a>
 +
</div>
 +
 +
 +
<div id="slidecaption"></div>
 +
<div id="progress-back" class="load-item">
 +
<div id="progress-bar"></div>
 +
</div>
 +
<div id="controls-wrapper" class="load-item">
 +
<div id="controls">
 +
   
 +
<a id="play-button"><img id="pauseplay" src="http://uwigem.websharx.ca/site/images/supersized/pause.png"/></a>
 +
<ul id="slide-list"></ul>
 +
    </div>
 +
    </div>
 +
 +
    <div class="container clearfix"><div class="page-contents">
 +
    <div class="contents-wrap float-left two-column">
 +
    <div class="entry-content-wrapper">
 +
    <h1 class="entry-title">Introduction</h1>
 +
<div class="entry-wrapper post-standard-wrapper">
 +
  <div class="entry-post-wrapper">
 +
<!--content-->
 +
    <div>
 +
<p>Over the years, it has been evident that technology is continuously improving and enhancing. With the improvement of technology, computers and the Internet have become a vital part of society today. Alliance for Childhood (AFC) recommends that computers cause serious health hazards to children and that it is a distraction for children from urgent social and educational needs.<sup><a href="bibliography.html" target="blank">1</a></sup> Conversely, computers definitely distract students from being sociable in person, but it allows for a new interactive and fun way of learning, which allows students learn faster and better. Secondly, five-year-olds should be trained on computers today to meet the needs of the high-paying jobs of tomorrow. Lastly, computers definitely connect children to the world as they are opened to online communities, emails, chats, etc. and are able to interact with anyone and everyone. Hence, computers allow children to grow faster and better, evidently showing why children should use them at early ages, and vow for keeping children connected around the world. Hence, because computers allow children to learn faster and better, children should begin to use technology at an early age in order for them to be connected around the world.</p>
 +
<br/>   
 +
    </div>
 +
<!--read mor-->
 +
    <div class="postsummarywrap">
 +
    <div class="datecomment"></div>
 +
    </div>
 +
  </div></div>
 +
    <div class="clear"></div>
 +
 +
    <div class="pagination clearfix">
 +
    </div></div>
 +
    </div>
 +
   
 +
    </div>
 +
    <div class="clear"></div>
 +
    </li>
 +
    </ul>
 +
    </aside>
 +
    </div>
 +
   
 +
    </div>
 +
    </div>
 +
    <div class="sidebar-bottom"></div>
 +
    </div>
 +
    <div class="clear"></div>
 +
    </div></div>
 +
 +
<!--footer-->
 +
    <div id="fullscr-copyright">
 +
    <ul>
 +
    <li>Copyright 2012 by <a href="aboutme.html">Baljot Saral</a>. All rights reverved.</li>
 +
    </ul>
 +
    </div>
 +
<!--pirobox-->
 +
    <link href="http://uwigem.websharx.ca/site/pirobox/typ/layout.css" rel="stylesheet" type="text/css" />
 +
    <script type="text/javascript">
 +
    $(document).ready(function() {
 +
    $().piroBox_ext({
 +
    piro_speed : 700,
 +
    bg_alpha : 0.5,
 +
    piro_scroll : true
 +
    });
 +
    });
 +
    </script>
 +
</body>
</body>
</html>
</html>

Revision as of 16:05, 6 October 2012

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Baljot Saral - NATS 1700 - Home

Toggle

    Introduction

    Over the years, it has been evident that technology is continuously improving and enhancing. With the improvement of technology, computers and the Internet have become a vital part of society today. Alliance for Childhood (AFC) recommends that computers cause serious health hazards to children and that it is a distraction for children from urgent social and educational needs.1 Conversely, computers definitely distract students from being sociable in person, but it allows for a new interactive and fun way of learning, which allows students learn faster and better. Secondly, five-year-olds should be trained on computers today to meet the needs of the high-paying jobs of tomorrow. Lastly, computers definitely connect children to the world as they are opened to online communities, emails, chats, etc. and are able to interact with anyone and everyone. Hence, computers allow children to grow faster and better, evidently showing why children should use them at early ages, and vow for keeping children connected around the world. Hence, because computers allow children to learn faster and better, children should begin to use technology at an early age in order for them to be connected around the world.


    Retrieved from "http://2012e.igem.org/wiki/index.php/Team:Waterloo-E"