Team:IIT Madras/new

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html lang="en">
+
 
-
  <!--
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<![endif]-->
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
  <head>
+
<head>
-
  <!-- iGEM style override code -->
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
  <style>
+
<title>iGEM IIT Madras</title>
 +
<link rel="stylesheet" type="text/css" href="http://junaidbabu.github.io/testpages/site/css/modern.css" />
 +
<link rel="stylesheet" type="text/css" href="http://junaidbabu.github.io/testpages/site/css/styles.css" />
 +
<link rel="shortcut icon" href="http://junaidbabu.github.io/testpages/site/favicon.png" type="image/x-icon">
 +
<link rel="icon" href="http://junaidbabu.github.io/testpages/site/favicon.png" type="image/x-icon">
 +
 
 +
<style>
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
     display:none;}
     display:none;}
Line 27: Line 33:
-
<title>iGEM IIT Madras</title>
 
-
<link rel="stylesheet" type="text/css" href="https://junaidbabu.github.io/testpages/site/css/modern.css">
 
-
<link rel="stylesheet" type="text/css" href="https://junaidbabu.github.io/testpages/site/css/styles.css">
 
-
<link rel="shortcut icon" href="https://junaidbabu.github.io/testpages/site/favicon.png" type="image/x-icon">
 
-
<link rel="icon" href="https://junaidbabu.github.io/testpages/site/favicon.png" type="image/x-icon">
 
</head>
</head>
Line 39: Line 40:
     <div class="page-region">
     <div class="page-region">
         <div class="page-region-content">
         <div class="page-region-content">
-
<div class="nav-bar" style="background-color:transparent;">
+
      <div class="nav-bar" style="background-color:transparent;">
-
<div class="nav-bar-inner padding20">
+
        <div class="nav-bar-inner padding20">
-
<a href="#">
+
          <a href="#">
-
<img class="place-left" src="https://junaidbabu.github.io/testpages/site/images/head_logo1.png" height="70/">
+
              <img class="place-left" src="images/head_logo1.png" height=70/>
-
</a>
+
          </a>
-
</div>
+
        </div>
-
</div>
+
      </div>
-
<div class="nav-bar" style="background-color:transparent;">
+
      <div class="nav-bar" style="background-color:transparent;">
-
<div class="nav-bar-inner padding20">
+
        <div class="nav-bar-inner padding20">
-
<ul class="menu">
+
          <ul class="menu">
-
<li class="text-center menu-item"><a href="#"><img src="images/top_home.png" align="center"><br>HOME</a></li>
+
            <li class="text-center menu-item"><a href="#"><img src="images/top_home.png" align="center"><br>HOME</a></li>
-
<li class="text-center menu-item" data-role="dropdown">
+
            <li class="text-center menu-item" data-role="dropdown">
-
<a href="#"><img src="images/top_activity.png" align="center"><br>ACTIVITIES</a>
+
              <a href="#"><img src="images/top_activity.png" align="center"><br>ACTIVITIES</a>
-
<ul class="dropdown-menu">
+
              <ul class="dropdown-menu">
-
<li><a href="#">TECH-SOC</a></li>
+
                <li><a href="#">TECH-SOC</a></li>
-
<li><a href="#">LIT-SOC</a></li>
+
                <li><a href="#">LIT-SOC</a></li>
-
<li><a href="#">SCHROETER</a></li>
+
                <li><a href="#">SCHROETER</a></li>
-
</ul>
+
              </ul>
-
</li>
+
            </li>
-
<li class="text-center menu-item"><a href="#"><img src="images/top_alumni.png" align="center"><br>ALUMNI</a></li>
+
            <li class="text-center menu-item"><a href="#"><img src="images/top_alumni.png" align="center"><br>ALUMNI</a></li>
-
<li class="text-center menu-item"><a href="#"><img src="images/top_gallery.png" align="center"><br>GALLERY</a></li>
+
            <li class="text-center menu-item"><a href="#"><img src="images/top_gallery.png" align="center"><br>GALLERY</a></li>
-
<li class="text-center menu-item"><a href="#"><img src="images/top_articles.png" align="center"><br>ARICLES</a></li>
+
            <li class="text-center menu-item"><a href="#"><img src="images/top_articles.png" align="center"><br>ARICLES</a></li>
-
<li class="text-center menu-item"><a href="#"><img src="images/top_residents.png" align="center"><br>RESIDENTS</a></li>
+
            <li class="text-center menu-item"><a href="#"><img src="images/top_residents.png" align="center"><br>RESIDENTS</a></li>
-
<li class="text-center menu-item"><a href="#"><img src="images/top_council.png" align="center"><br>COUNCIL</a></li>
+
            <li class="text-center menu-item"><a href="#"><img src="images/top_council.png" align="center"><br>COUNCIL</a></li>
-
<li class="text-center menu-item"><a href="#"><img src="images/top_download.png" align="center"><br>DOWNLOADS</a></li>
+
            <li class="text-center menu-item"><a href="#"><img src="images/top_download.png" align="center"><br>DOWNLOADS</a></li>
-
<li class="text-center menu-item"><a href="#"><img src="images/top_contact.png" align="center"><br>CONTACTS</a></li>
+
            <li class="text-center menu-item"><a href="#"><img src="images/top_contact.png" align="center"><br>CONTACTS</a></li>
-
</ul>
+
          </ul>
-
</div>
+
        </div>
-
</div><br>
+
      </div><br>
-
<div class="grid">
+
      <div class="grid">
-
<!--<div class="row">
+
        <!--<div class="row">
-
<div class="span12">
+
          <div class="span12">
-
<img src="images/alak.jpg" align="center"/>
+
            <img src="images/alak.jpg" align="center"/>
-
</div>
+
          </div>
-
</div>-->
+
        </div>-->
                 <div class="row">
                 <div class="row">
                     <div class="span6">
                     <div class="span6">
-
<div class="span6 padding30 transparent">
+
            <div class="span6 padding30 transparent">
-
<!--<img src="images/alak.jpg" align="center" width=400/>-->
+
              <!--<img src="images/alak.jpg" align="center" width=400/>-->
-
<p style="font-size:18px;" class="post-text"><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et<br><br>
+
              <p style="font-size:18px;" class="post-text"><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et<br><br>
-
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt</p>
+
              Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt</p>
-
</div>
+
            </div>                    
                     </div>
                     </div>
                     <div class="span3">
                     <div class="span3">
-
+
           
-
<div class="row">
+
              <div class="row">
-
<div class="span3 transparent">
+
                <div class="span3 transparent">
-
<br><img src="images/IP.png" width="100" align="center">
+
                  <br><img src="images/IP.png" width=100 align="center" />
-
<div style="height: 50px;" class="span3 carousel" data-param-arrows="off" data-role="carousel">
+
                  <div style="height: 50px;" class="span3 carousel" data-param-arrows="off" data-role="carousel">
-
<div class="slides">
+
                    <div class="slides">
-
<div class="slide text" id="slide1" style="left: -220px;">
+
                      <div class="slide text" id="slide1">
-
<p class="padding10" style="color:#fff">Footer match against GANGA<br>-Football Captain</p>
+
                        <p class="padding10" style="color:#fff">Footer match against GANGA<br>-Football Captain</p>
-
</div>
+
                      </div>
-
<div class="slide text" id="slide2" style="display: block; left: -220px;">
+
                      <div class="slide text" id="slide2">
-
<p class="padding10" style="color:#fff">Cricket match against SARAS<br>-Cricket Captain</p>
+
                        <p class="padding10" style="color:#fff">Cricket match against SARAS<br>-Cricket Captain</p>
-
</div>
+
                      </div>
-
<div class="slide text" id="slide2" style="display: block; left: 0px;">
+
                      <div class="slide text" id="slide2">
-
<p class="padding10" style="color:#fff">Alak maintains lead in Tech-Soc<br>-Tech Sec</p>
+
                        <p class="padding10" style="color:#fff">Alak maintains lead in Tech-Soc<br>-Tech Sec</p>
-
</div>
+
                      </div>
-
</div>
+
                    </div>
-
+
               
-
<span class="control left" style="display: none;">‹</span>
+
                    <span class="control left">‹</span>
-
<span class="control right" style="display: none;">›</span>
+
                    <span class="control right">›</span>
-
+
               
-
<div class="markers"><ul><li class=""><a href="javascript:void(0)" data-num="0"></a></li><li class=""><a href="javascript:void(0)" data-num="1"></a></li><li class="active"><a href="javascript:void(0)" data-num="2"></a></li></ul></div></div>
+
                  </div>
-
</div>
+
                </div>
-
</div>
+
              </div>
-
<div class="row">
+
              <div class="row">
-
<div class="span6"><br></div>
+
                <div class="span6"><br></div>
-
</div>
+
              </div>
-
<div class="row">
+
              <div class="row">
-
<a href="#" class="span3 blue-color text-center">
+
                <a href="#" class="span3 blue-color text-center">
-
<img src="images/side_hall of fame.png">
+
                  <img src="images/side_hall of fame.png"/>
-
<div class="special-text">HALL OF FAME</div>
+
                  <div class="special-text">HALL OF FAME</div>
-
</a>
+
                </a>
-
</div>
+
              </div>
-
<div class="row">
+
              <div class="row">
-
<div class="span6"><br></div>
+
                <div class="span6"><br></div>
-
</div>
+
              </div>
-
<div class="row">
+
              <div class="row">
-
<a href="#" class="span3 pink-color text-center">
+
                <a href="#" class="span3 pink-color text-center">
-
<img src="images/side_activity.png">
+
                  <img src="images/side_activity.png"/>
-
<div class="special-text">ACTIVITIES</div>
+
                  <div class="special-text">ACTIVITIES</div>
-
</a>
+
                </a>
-
</div>
+
              </div>
-
<div class="row">
+
              <div class="row">
-
<div class="span6"><br></div>
+
                <div class="span6"><br></div>
-
</div>
+
              </div>
-
<div class="row">
+
              <div class="row">
-
<a href="#" class="span3 blue-color text-center">
+
                <a href="#" class="span3 blue-color text-center">
-
<img src="images/side_gallery.png">
+
                  <img src="images/side_gallery.png"/>
-
<div class="special-text">GALLERY</div>
+
                  <div class="special-text">GALLERY</div>
-
</a>
+
                </a>
-
</div>
+
              </div>
-
</div>
+
          </div>
                     <div class="span3">
                     <div class="span3">
-
<div class="row">
+
              <div class="row">
-
<div class="span3">
+
                <div class="span3">
-
<div style="height: 220px;" class="span3 carousel" data-param-markers="off" data-role="carousel">
+
                  <div style="height: 220px;" class="span3 carousel" data-param-markers="off" data-role="carousel">
-
<div class="slides">
+
                    <div class="slides">
-
<div class="slide image" id="slide1" style="left: -220px;">
+
                      <div class="slide image" id="slide1">
-
<img src="images/pic1.jpg">
+
                        <img src="images/pic1.jpg" />
-
</div>
+
                      </div>
-
<div class="slide image" id="slide1" style="display: block; left: -220px;">
+
                      <div class="slide image" id="slide1">
-
<img src="images/pic2.jpg">
+
                        <img src="images/pic2.jpg" />
-
</div>
+
                      </div>
-
<div class="slide image" id="slide1" style="display: block; left: 0px;">
+
                      <div class="slide image" id="slide1">
-
<img src="images/pic3.jpg">
+
                        <img src="images/pic3.jpg" />
-
</div>
+
                      </div>
-
<div class="slide image" id="slide1" style="display: block; left: -220px;">
+
                      <div class="slide image" id="slide1">
-
<img src="images/pic4.jpg">
+
                        <img src="images/pic4.jpg" />
-
</div>
+
                      </div>
-
<div class="slide image" id="slide1" style="display: block; left: -220px;">
+
                      <div class="slide image" id="slide1">
-
<img src="images/pic5.jpg">
+
                        <img src="images/pic5.jpg" />
-
</div>
+
                      </div>
-
<div class="slide image" id="slide1" style="display: block; left: -220px;">
+
                      <div class="slide image" id="slide1">
-
<img src="images/pic6.jpg">
+
                        <img src="images/pic6.jpg" />
-
</div>
+
                      </div>
-
</div>
+
                    </div>
-
+
               
-
<span class="control left">‹</span>
+
                    <span class="control left">‹</span>
-
<span class="control right">›</span>
+
                    <span class="control right">›</span>
-
+
               
-
</div>
+
                  </div>
-
</div>
+
                </div>
-
</div>
+
              </div>
-
<div class="row">
+
              <div class="row">
-
<div class="span3 transparent">
+
                <div class="span3 transparent">
-
<img src="images/upcomming.png">
+
                  <img src="images/upcomming.png" />
-
<div style="height: 50px;" class="span3 carousel" data-param-arrows="off" data-role="carousel">
+
                  <div style="height: 50px;" class="span3 carousel" data-param-arrows="off" data-role="carousel">
-
<div class="slides">
+
                    <div class="slides">
-
<div class="slide text" id="slide1" style="left: 0px;">
+
                      <div class="slide text" id="slide1">
-
<p class="padding10" style="color:#fff">ICE-Cream Nite<br>-Mess Sec</p>
+
                        <p class="padding10" style="color:#fff">ICE-Cream Nite<br>-Mess Sec</p>
-
</div>
+
                      </div>
-
<div class="slide text" id="slide2" style="display: block; left: -220px;">
+
                      <div class="slide text" id="slide2">
-
<p class="padding10" style="color:#fff">ICE-Cream Nite 2<br>-Mess Sec</p>
+
                        <p class="padding10" style="color:#fff">ICE-Cream Nite 2<br>-Mess Sec</p>
-
</div>
+
                      </div>
-
<div class="slide text" id="slide2" style="display: block; left: -220px;">
+
                      <div class="slide text" id="slide2">
-
<p class="padding10" style="color:#fff">ICE-Cream Nite 3<br>-Mess Sec</p>
+
                        <p class="padding10" style="color:#fff">ICE-Cream Nite 3<br>-Mess Sec</p>
-
</div>
+
                      </div>
-
<div class="slide text" id="slide2" style="display: block; left: -220px;">
+
                      <div class="slide text" id="slide2">
-
<p class="padding10" style="color:#fff">ICE-Cream Nite 4<br>-Mess Sec</p>
+
                        <p class="padding10" style="color:#fff">ICE-Cream Nite 4<br>-Mess Sec</p>
-
</div>
+
                      </div>
-
</div>
+
                    </div>
-
+
               
-
<span class="control left" style="display: none;">‹</span>
+
                    <span class="control left">‹</span>
-
<span class="control right" style="display: none;">›</span>
+
                    <span class="control right">›</span>
-
+
               
-
<div class="markers"><ul><li class="active"><a href="javascript:void(0)" data-num="0"></a></li><li class=""><a href="javascript:void(0)" data-num="1"></a></li><li class=""><a href="javascript:void(0)" data-num="2"></a></li><li class=""><a href="javascript:void(0)" data-num="3"></a></li></ul></div></div>
+
                  </div>
-
</div>
+
                </div>
-
</div>
+
              </div>
-
<div class="row">
+
              <div class="row">
-
<div class="span6"><br></div>
+
                <div class="span6"><br></div>
-
</div>
+
              </div>
-
<div class="row">
+
              <div class="row">
-
<a href="#" class="span3 blue-color text-center">
+
                <a href="#" class="span3 blue-color text-center">
-
<img src="images/side_alumni.png">
+
                  <img src="images/side_alumni.png"/>
-
<div class="special-text">ALUMNI</div>
+
                  <div class="special-text">ALUMNI</div>
-
</a>
+
                </a>
-
</div>
+
              </div>
-
<div class="row">
+
              <div class="row">
-
<div class="span6"><br></div>
+
                <div class="span6"><br></div>
-
</div>
+
              </div>
-
<div class="row">
+
              <div class="row">
-
<a href="#" class="span3 pink-color text-center">
+
                <a href="#" class="span3 pink-color text-center">
-
<img src="images/side_forum.png">
+
                  <img src="images/side_forum.png"/>
-
<div class="special-text">FORUM</div>
+
                  <div class="special-text">FORUM</div>
-
</a>
+
                </a>
-
</div>
+
              </div>
-
+
           
                     </div>
                     </div>
                 </div>
                 </div>
             </div>
             </div>
-
</div>
+
    </div>
-
</div>
+
  </div>
</div>
</div>
-
<script src="https://junaidbabu.github.io/testpages/site/jquery.js" type="text/javascript"></script>
+
  <script src="jquery.js" type="text/javascript"></script>
-
<script type="text/javascript" src="https://junaidbabu.github.io/testpages/site/scripts.js"></script>
+
  <script type="text/javascript" src="scripts.js"></script>
-
<script type="text/javascript" src="https://junaidbabu.github.io/testpages/site/javascript/carousel.js"></script>
+
  <script type="text/javascript" src="javascript/carousel.js"></script>
-
<script type="text/javascript" src="https://junaidbabu.github.io/testpages/site/javascript/dropdown.js"></script>
+
  <script type="text/javascript" src="javascript/dropdown.js"></script>
-
 
+
</body>
-
 
+
</html>
-
</body></html>
+

Revision as of 15:51, 5 September 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> iGEM IIT Madras



Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt


Footer match against GANGA
-Football Captain

Cricket match against SARAS
-Cricket Captain

Alak maintains lead in Tech-Soc
-Tech Sec

‹ ›

HALL OF FAME

ACTIVITIES

GALLERY
‹ ›

ICE-Cream Nite
-Mess Sec

ICE-Cream Nite 2
-Mess Sec

ICE-Cream Nite 3
-Mess Sec

ICE-Cream Nite 4
-Mess Sec

‹ ›

ALUMNI

FORUM

Retrieved from "http://2013.igem.org/Team:IIT_Madras/new"