142 lines
5.5 KiB
HTML
142 lines
5.5 KiB
HTML
|
<!DOCTYPE HTML>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
|
|
<title></title>
|
||
|
|
<link rel="stylesheet" href="/static/css/reset.css" type="text/css" />
|
||
|
|
<link rel="stylesheet" href="/static/css/noel/main.css" type="text/css" />
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="header"> <img src="/static/images/noel/logo.png" width="237" height="118" alt="itf-logo" id="logo">
|
||
|
|
<form id>
|
||
|
|
<input type="text" placeholder="search" name="field" id="search"/>
|
||
|
|
</form>
|
||
|
|
<a href=""><img src="/static/images/noel/home.png" width="16" height="17" alt="home" id="homeIcon"></a>
|
||
|
|
<ul id="navMenu">
|
||
|
|
<li><a href="">Resources</a>
|
||
|
|
<ul>
|
||
|
|
<li><a href="">Script Archive</a></li>
|
||
|
|
<li><a href="">Guidelines for Best Practice</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li><a href="">Read</a>
|
||
|
|
<ul>
|
||
|
|
<li><a href="">Bibliography</a></li>
|
||
|
|
<li><a href="">eRang</a></li>
|
||
|
|
<li><a href="">Publications</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li><a href="">Participate</a>
|
||
|
|
<ul>
|
||
|
|
<li><a href="">Surveys</a></li>
|
||
|
|
<li><a href="">Offers/Needs</a></li>
|
||
|
|
<li><a href="">Make a suggestion</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class><a href="">About ITF</a>
|
||
|
|
<ul>
|
||
|
|
<li><a href="">India Theatre Forum</a></li>
|
||
|
|
<li><a href="">Projects</a></li>
|
||
|
|
<li><a href="">Events</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li><a href="">Support ITF</a>
|
||
|
|
<ul>
|
||
|
|
<li><a href="">Make a donation</a></li>
|
||
|
|
<li><a href="">Volunteer</a></li>
|
||
|
|
<li><a href="">Contribute to eRang</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<ul id="loginMenu">
|
||
|
|
<li>Login</li>
|
||
|
|
<li>Register</li>
|
||
|
|
<li>Contact Us</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="center">
|
||
|
|
<div id=centerContent" class="centerContent">
|
||
|
|
<div id="shadow">
|
||
|
|
</div>
|
||
|
|
<div id="image"> <img src="/static/images/noel/banner-image.jpg" width="469" height="282"alt="banner-image" id="bannerImage">
|
||
|
|
<p id="textTop">Welcome to the India Theatre Forum </p>
|
||
|
|
<p id="textBottom"> A place where you can come and get, give, share, exchange all sorts of information, ideas, resources and more. </p>
|
||
|
|
<div id="buttonBanner">
|
||
|
|
<div id="buttonOne" class="buttons buttonsSelected"></div>
|
||
|
|
<div id="buttonTwo" class="buttons buttonsSelected"></div>
|
||
|
|
<div id="buttonThree" class="buttons buttonsSelected"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="news" class="tab">
|
||
|
|
<h3 class="tabHeader">NEWS</h3>
|
||
|
|
</div>
|
||
|
|
<div id="events" class="tab">
|
||
|
|
<h3 class="tabHeader">EVENTS</h3>
|
||
|
|
</div>
|
||
|
|
<div id="slider">
|
||
|
|
<ul id="sliderTabs">
|
||
|
|
<li id="scriptArchive" class="tab">
|
||
|
|
<h3 class="tabHeader"> SCRIPT <span>ARCHIVE</span> </h3>
|
||
|
|
<div class="textTab">
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non massa orci. Nam tincidunt vestibulum leo ac lacinia... </p>
|
||
|
|
</div>
|
||
|
|
<a href="" class="buttonTab"> Learn more </a> </li>
|
||
|
|
<li id="itfProjects" class="tab">
|
||
|
|
<h3 class="tabHeader"> ITF <span>PROJECTS</span> </h3>
|
||
|
|
<div class="textTab">
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non massa orci. Nam tincidunt vestibulum leo ac lacinia... </p>
|
||
|
|
</div>
|
||
|
|
<a href="" class="buttonTab"> Learn more </a> </li>
|
||
|
|
<li id="eRang" class="tab">
|
||
|
|
<h3 class="tabHeader"> E-<span>RANG</span> </h3>
|
||
|
|
<div class="textTab">
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non massa orci. Nam tincidunt vestibulum leo ac lacinia... </p>
|
||
|
|
</div>
|
||
|
|
<a href="" class="buttonTab"> Learn more </a> </li>
|
||
|
|
<li id="bestPractice" class="tab">
|
||
|
|
<h3 class="tabHeader"> BEST <span>PRACTICE</span> </h3>
|
||
|
|
<div class="textTab">
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non massa orci. Nam tincidunt vestibulum leo ac lacinia... </p>
|
||
|
|
</div>
|
||
|
|
<a href="" class="buttonTab"> Learn more </a> </li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="footer">
|
||
|
|
<ul id="resources" class="footerList">
|
||
|
|
<a href="">Resources</a>
|
||
|
|
<li><a href="">- Script Archive</a></li>
|
||
|
|
<li><a href="">- Guidelines for Best Practice</a></li>
|
||
|
|
</ul>
|
||
|
|
<ul id="read" class="footerList">
|
||
|
|
<a href="">Read</a>
|
||
|
|
<li><a href="">- Bibliography</a></li>
|
||
|
|
<li><a href="">- eRang</a></li>
|
||
|
|
<li><a href="">- Publications</a></li>
|
||
|
|
</ul>
|
||
|
|
<ul id="participate" class="footerList">
|
||
|
|
<a href="">Participate</a>
|
||
|
|
<li><a href="">- surveys</a></li>
|
||
|
|
<li><a href="">- offers/needs</a></li>
|
||
|
|
<li><a href="">- make a suggestion</a></li>
|
||
|
|
</ul>
|
||
|
|
<ul id="aboutItf" class="footerList">
|
||
|
|
<a href="">About ITF</a>
|
||
|
|
<li><a href="">- India Theatre Forum</a></li>
|
||
|
|
<li><a href="">- projects</a></li>
|
||
|
|
<li><a href="">- events</a></li>
|
||
|
|
</ul>
|
||
|
|
<ul id="supportItf" class="footerList">
|
||
|
|
<a href="">Support ITF</a>
|
||
|
|
<li><a href="">- make a donation</a></li>
|
||
|
|
<li><a href="">- volunteer</a></li>
|
||
|
|
<li><a href="">- contribute to eRang</a></li>
|
||
|
|
</ul>
|
||
|
|
<p id="copyright">© 2011 India Theatre Forum. All Rights Reserved.</p>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|