242 lines
7.9 KiB
HTML
Executable File
242 lines
7.9 KiB
HTML
Executable File
<html>
|
|
<head>
|
|
<title>India Theatre Forum - Home</title>
|
|
<link rel="stylesheet" type="text/css" href="/static/css/index.css" />
|
|
<link rel="stylesheet" type="text/css" href="/static/css/fullcalendar.css" />
|
|
<script type="text/javascript" src="/static/js/jquery-1.3.2.min.js"></script>
|
|
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
|
|
<script type="text/javascript" src="/static/js/fullcalendar.min.js"></script>
|
|
<script type="text/javascript" src="/static/js/mockup.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="wrapper">
|
|
<div id="header">
|
|
<div id="title">India Theatre Forum</div>
|
|
<div id="searchDiv">
|
|
Search: <input type="text" id="search" />
|
|
<div class="toplink dialogLink" id="advancedSearch" data-target="searchDialog">Advanced Search</div>
|
|
</div>
|
|
<div id="loginRegister">
|
|
<span class="topBtn dialogLink" id="loginButton" data-target="loginDialog">Login </span>
|
|
|
|
|
<span class="topBtn dialogLink" id="registerButton" data-target="signupDialog"> Sign up </span>
|
|
</div>
|
|
</div>
|
|
<div id="mainWrapper">
|
|
<div id="adminMessageBox">
|
|
<div id="adminMessage">
|
|
This is an important message from admin...
|
|
</div>
|
|
<div id="adminMessageBoxClose" class="closeBtn">
|
|
X
|
|
</div>
|
|
</div>
|
|
<div id="leftBar">
|
|
<div id="locationSelect">
|
|
Your Location: <br />
|
|
<select id="location">
|
|
<option value="0">Mumbai</option>
|
|
<option value="1">Delhi</option>
|
|
<option value="2">Calcutta</option>
|
|
</select>
|
|
</div>
|
|
<div id="leftTabs">
|
|
<div class="leftTab">
|
|
Performances
|
|
</div>
|
|
<div class="leftTabContent">
|
|
<ul>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="leftTab">
|
|
Events
|
|
</div>
|
|
<div class="leftTabContent">
|
|
<ul>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="leftTab">
|
|
Theatre Groups
|
|
</div>
|
|
<div class="leftTabContent">
|
|
<ul>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="leftTab">
|
|
Offers
|
|
</div>
|
|
<div class="leftTabContent">
|
|
<ul>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="leftTab">
|
|
Needs
|
|
</div>
|
|
<div class="leftTabContent">
|
|
<ul>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="leftTab">
|
|
Venues
|
|
</div>
|
|
<div class="leftTabContent">
|
|
<ul>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="leftTab">
|
|
People
|
|
</div>
|
|
<div class="leftTabContent">
|
|
<ul>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="leftTab">
|
|
Recent Changes
|
|
</div>
|
|
<div class="leftTabContent">
|
|
<ul>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
<li><a href="#">Lorem Ipsum Dolor Amet ... </a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="center">
|
|
<div id="centerBtns">
|
|
<div class="centerBtn tabBtn" id="calendarBtn" data-target="tabCalendar">
|
|
Calendar
|
|
</div>
|
|
<div class="centerBtn tabBtn" data-target="tabMap" onclick="setTimeout('initMap()', 1000)">
|
|
Map
|
|
</div>
|
|
<div class="centerBtn tabBtn" id="newsBtn" data-target="tabNews" data-source="/x0news">
|
|
Newsfeed
|
|
</div>
|
|
<div class="centerBtn tabBtn" data-target="tabDiscussion" data-source="/x0disc">
|
|
Discussion
|
|
</div>
|
|
<div class="centerBtn tabBtn" data-target="tabMultimedia" data-source="/x0multi">
|
|
Multimedia
|
|
</div>
|
|
<div class="centerBtn tabBtn" data-target="tabResources" data-source="/x0resources">
|
|
Resources
|
|
</div>
|
|
<div class="centerBtn tabBtn" data-target="tabeRang" data-source="/x0erang">
|
|
e-Rang
|
|
</div>
|
|
</div>
|
|
|
|
<div id="tabContainer">
|
|
<div id="tabCalendar" class="tab">
|
|
</div>
|
|
<div id="tabMap" class="tab">
|
|
<div id="map">
|
|
|
|
</div>
|
|
</div>
|
|
<div id="tabNews" class="tab">
|
|
Loading...
|
|
</div>
|
|
<div id="tabDiscussion" class="tab">
|
|
Loading...
|
|
</div>
|
|
<div id="tabMultimedia" class="tab">
|
|
Loading...
|
|
</div>
|
|
<div id="tabResources" class="tab">
|
|
Loading...
|
|
</div>
|
|
<div id="tabeRang" class="tab">
|
|
Loading...
|
|
</div>
|
|
<div id="tabProfile" class="tab">
|
|
Loading...
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="rightBar">
|
|
<div id="itfBox">
|
|
<h2>India Theatre Forum:</h2>
|
|
<ul id="itfList">
|
|
<li>Documentation of Meetings</li>
|
|
<li>Government Reports</li>
|
|
<li>Theatre in the Press</li>
|
|
<li>Reviews</li>
|
|
<li>Audio / Video</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- start footer -->
|
|
<div id="footer">
|
|
<div id="footer-nav">
|
|
<ul>
|
|
|
|
<li><span class="selected-nav"><a href="#"><span style="color: rgb(255, 255, 255); font-weight: bold; text-decoration: none;">Legal</span></a></li>
|
|
<li>|</li>
|
|
<li><a href="#"><span style="color: rgb(255, 255, 255); font-weight: bold">Privacy</span></a></li>
|
|
<li>|</li>
|
|
<li><a href="#"><span style="color: rgb(255, 255, 255); font-weight: bold">Terms</span></a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- end footer -->
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- DIALOG BOXES START -->
|
|
<div id="loginDialog" class="dialogBox" title="Login">
|
|
Username: <input type="text" id="username" value="username" /> <br />
|
|
Password: <input type="password" id="password" /><br />
|
|
<button id="loginSubmit">Login</button>
|
|
</div>
|
|
<div id="signupDialog" class="dialogBox" title="Sign Up!">
|
|
Sign up stuff goes here
|
|
</div>
|
|
<div id="searchDialog" class="dialogBox" title="Advanced Search">
|
|
Advanced search stuff goes here.
|
|
</div>
|
|
<!-- DIALOG BOXES END -->
|
|
|
|
</body>
|
|
</html>
|