Team:IIT Madras/Templates/modern

From 2013.igem.org

(Difference between revisions)
Line 25: Line 25:
</head>
</head>
-
 
+
<div class="page-region-content">
 +
<div class="nav-bar" style="background-color:transparent;">
 +
<div class="nav-bar-inner padding20">
 +
<a href="#">
 +
<img class="place-left" src="images/head_logo1.png" height="70/">
 +
</a>
 +
</div>
 +
</div>
 +
<div class="nav-bar" style="background-color:transparent;">
 +
<div class="nav-bar-inner padding20">
 +
<ul class="menu" style="overflow: visible;">
 +
<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">
 +
<a href="#"><img src="images/top_activity.png" align="center"><br>ACTIVITIES</a>
 +
<ul class="dropdown-menu" style="overflow: hidden; display: none;">
 +
<li><a href="#">TECH-SOC</a></li>
 +
<li><a href="#">LIT-SOC</a></li>
 +
<li><a href="#">SCHROETER</a></li>
 +
</ul>
 +
</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_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_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_contact.png" align="center"><br>CONTACTS</a></li>
 +
</ul>
 +
</div>
 +
</div><br>
 +
<div class="grid">
 +
<!--<div class="row">
 +
<div class="span12">
 +
<img src="images/alak.jpg" align="center"/>
 +
</div>
 +
</div>-->
 +
                <div class="row">
 +
                    <div class="span6">
 +
<div class="span6 padding30 transparent">
 +
<!--<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>
 +
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 class="span3">
 +
 +
<div class="row">
 +
<div class="span3 transparent">
 +
<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 class="slides">
 +
<div class="slide text" id="slide1" style="left: -220px;">
 +
<p class="padding10" style="color:#fff">Footer match against GANGA<br>-Football Captain</p>
 +
</div>
 +
<div class="slide text" id="slide2" style="display: block; left: 0px;">
 +
<p class="padding10" style="color:#fff">Cricket match against SARAS<br>-Cricket Captain</p>
 +
</div>
 +
<div class="slide text" id="slide2" style="display: block; left: -220px;">
 +
<p class="padding10" style="color:#fff">Alak maintains lead in Tech-Soc<br>-Tech Sec</p>
 +
</div>
 +
</div>
 +
 +
<span class="control left" style="display: none;">‹</span>
 +
<span class="control right" style="display: none;">›</span>
 +
 +
<div class="markers"><ul><li class=""><a href="javascript:void(0)" data-num="0"></a></li><li class="active"><a href="javascript:void(0)" data-num="1"></a></li><li class=""><a href="javascript:void(0)" data-num="2"></a></li></ul></div></div>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="span6"><br></div>
 +
</div>
 +
<div class="row">
 +
<a href="#" class="span3 blue-color text-center">
 +
<img src="images/side_hall of fame.png">
 +
<div class="special-text">HALL OF FAME</div>
 +
</a>
 +
</div>
 +
<div class="row">
 +
<div class="span6"><br></div>
 +
</div>
 +
<div class="row">
 +
<a href="#" class="span3 pink-color text-center">
 +
<img src="images/side_activity.png">
 +
<div class="special-text">ACTIVITIES</div>
 +
</a>
 +
</div>
 +
<div class="row">
 +
<div class="span6"><br></div>
 +
</div>
 +
<div class="row">
 +
<a href="#" class="span3 blue-color text-center">
 +
<img src="images/side_gallery.png">
 +
<div class="special-text">GALLERY</div>
 +
</a>
 +
</div>
 +
</div>
 +
                    <div class="span3">
 +
<div class="row">
 +
<div class="span3">
 +
<div style="height: 220px;" class="span3 carousel" data-param-markers="off" data-role="carousel">
 +
<div class="slides">
 +
<div class="slide image" id="slide1" style="left: -220px;">
 +
<img src="images/pic1.jpg">
 +
</div>
 +
<div class="slide image" id="slide1" style="display: block; left: -220px;">
 +
<img src="images/pic2.jpg">
 +
</div>
 +
<div class="slide image" id="slide1" style="display: block; left: -220px;">
 +
<img src="images/pic3.jpg">
 +
</div>
 +
<div class="slide image" id="slide1" style="display: block; left: -220px;">
 +
<img src="images/pic4.jpg">
 +
</div>
 +
<div class="slide image" id="slide1" style="display: block; left: 0px;">
 +
<img src="images/pic5.jpg">
 +
</div>
 +
<div class="slide image" id="slide1" style="display: block; left: -220px;">
 +
<img src="images/pic6.jpg">
 +
</div>
 +
</div>
 +
 +
<span class="control left">‹</span>
 +
<span class="control right">›</span>
 +
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="span3 transparent">
 +
<img src="images/upcomming.png">
 +
<div style="height: 50px;" class="span3 carousel" data-param-arrows="off" data-role="carousel">
 +
<div class="slides">
 +
<div class="slide text" id="slide1" style="left: 0px;">
 +
<p class="padding10" style="color:#fff">ICE-Cream Nite<br>-Mess Sec</p>
 +
</div>
 +
<div class="slide text" id="slide2" style="display: block; left: -220px;">
 +
<p class="padding10" style="color:#fff">ICE-Cream Nite 2<br>-Mess Sec</p>
 +
</div>
 +
<div class="slide text" id="slide2" style="display: block; left: -220px;">
 +
<p class="padding10" style="color:#fff">ICE-Cream Nite 3<br>-Mess Sec</p>
 +
</div>
 +
<div class="slide text" id="slide2" style="display: block; left: -220px;">
 +
<p class="padding10" style="color:#fff">ICE-Cream Nite 4<br>-Mess Sec</p>
 +
</div>
 +
</div>
 +
 +
<span class="control left" style="display: none;">‹</span>
 +
<span class="control right" style="display: none;">›</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 class="row">
 +
<div class="span6"><br></div>
 +
</div>
 +
<div class="row">
 +
<a href="#" class="span3 blue-color text-center">
 +
<img src="images/side_alumni.png">
 +
<div class="special-text">ALUMNI</div>
 +
</a>
 +
</div>
 +
<div class="row">
 +
<div class="span6"><br></div>
 +
</div>
 +
<div class="row">
 +
<a href="#" class="span3 pink-color text-center">
 +
<img src="images/side_forum.png">
 +
<div class="special-text">FORUM</div>
 +
</a>
 +
</div>
 +
 +
                    </div>
 +
                </div>
 +
            </div>
 +
</div>
</html>
</html>

Revision as of 11:13, 20 September 2013



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