it/itf/templates/noel/home.html
2011-10-08 03:03:05 -04:00

142 lines
5.5 KiB
HTML
Executable File

<!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="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Script Archive</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Guidelines for Best Practice</a></li>
</ul>
<ul id="read" class="footerList">
<a href="">Read</a>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bibliography</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eRang</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Publications</a></li>
</ul>
<ul id="participate" class="footerList">
<a href="">Participate</a>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;surveys</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;offers/needs</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make a suggestion</a></li>
</ul>
<ul id="aboutItf" class="footerList">
<a href="">About ITF</a>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;India Theatre Forum</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;projects</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;events</a></li>
</ul>
<ul id="supportItf" class="footerList">
<a href="">Support ITF</a>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;make a donation</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;volunteer</a></li>
<li><a href="">- &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;contribute to eRang</a></li>
</ul>
<p id="copyright">&copy; 2011 India Theatre Forum. All Rights Reserved.</p>
</div>
</body>
</html>