source: main/trunk/model-interfaces-dev/opotiki/index-GS3.html@ 34087

Last change on this file since 34087 was 34087, checked in by ak19, 4 years ago

Cher (Chai Lin): Adding the Opotiki interface.
File size: 8.9 KB
Line 
1<!-- DO NOT REDISTRIBUTE WITHOUT WRITTEN PERMISSION FROM OS-TEMPLATES. SEE http://www.os-templates.com/template-terms FOR LICENSE INFORMATION. -->
2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
4<head profile="http://gmpg.org/xfn/11">
5<title>Library Name</title>
6<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
7<meta http-equiv="imagetoolbar" content="no" />
8<!--************* GOES IN HEADER.XSL***********************-->
9<link rel="stylesheet" href="styles/layout.css" type="text/css" />
10<link rel="stylesheet" href="styles/gs3-core-min.css" type="text/css" />
11<link rel="icon" href="images/favicon.ico?v=2" type="image/x-icon" />
12<script type="text/javascript" src="scripts/jquery-1.4.1.min.js"><xsl:text> </xsl:text></script>
13<!--********** GOES IN HOME.XSL - additionalHeaderContent *******************-->
14<script type="text/javascript" src="scripts/jquery.easing.1.3.js"><xsl:text> </xsl:text></script>
15<script type="text/javascript" src="scripts/jquery.timers.1.2.js"><xsl:text> </xsl:text></script>
16<script type="text/javascript" src="scripts/jquery.galleryview.2.1.1.min.js"><xsl:text> </xsl:text></script>
17<script type="text/javascript" src="scripts/jquery.galleryview.setup.js"><xsl:text> </xsl:text></script>
18<!--**********************************************************************-->
19<!--******************************** GOES IN MAIN.XSL********************************-->
20</head>
21<body id="top">
22<div class="wrapper col0">
23 <div id="topline">
24 <ul>
25 <li class="login"><a href="#">Login</a></li>
26 <li><a href="{$library_name}/collection/{$collNameChecked}/page/pref">Preferences</a></li>
27 <li><a href="{$library_name}/collection/{$collNameChecked}/page/pref">Help</a></li>
28 </ul>
29 <br class="clear" />
30 </div>
31</div>
32<!--**********************************************************************-->
33<div class="wrapper">
34 <div id="header">
35 <div class="fl_left">
36 <h1><a href="#"><strong>Library Name</strong></a></h1>
37 <p>Collection Name</p>
38 </div>
39 <br class="clear" />
40 </div>
41</div>
42<!--**********************************************************************-->
43<div class="wrapper col2">
44 <div id="topbar">
45 <div id="topnav">
46 <ul>
47 <li class="active"><a href="index.html">Home</a></li>
48 <li><a href="style-demo.html">Browse</a>
49 <ul>
50 <li><a href="#">Link 1</a></li>
51 <li><a href="#">Link 2</a></li>
52 <li><a href="#">Link 3</a></li>
53 </ul>
54 </li>
55 <li><a href="#">Search</a>
56 <ul>
57 <li><a href="#">Link 1</a></li>
58 <li><a href="#">Link 2</a></li>
59 <li><a href="#">Link 3</a></li>
60 </ul>
61 </li>
62 </ul>
63 </div>
64<!--**********************************************************************-->
65 <div id="search">
66 <form action="#" method="post">
67 <fieldset>
68 <legend>Site Search</legend>
69 <input type="text" value="Search Our Website&#8230;" onfocus="this.value=(this.value=='Search Our Website&#8230;')? '' : this.value ;" />
70 <input type="submit" name="go" id="go" value="Search" />
71 </fieldset>
72 </form>
73
74 </div>
75 <br class="clear" />
76 <div id="advanced"><a href="#">advanced search</a></div>
77 </div>
78</div>
79<!--**********************************************************************-->
80
81<div class="wrapper">
82 <div class="container">
83
84<!--***********************************************************************************-->
85<!--******************************** GOES IN HOME.XSL********************************-->
86
87 <div class="content">
88 <div id="featured_slide">
89 <ul id="featurednews">
90 <li><img src="images/default.jpg" alt="" />
91<div class="panel-overlay">
92 <a href="#"><h2>Collection Name</h2></a>
93 </div> </li>
94 <li><img src="images/default.jpg" alt="" />
95 <div class="panel-overlay">
96 <a href="#"><h2>Collection Name</h2></a>
97 </div>
98 </li>
99 <li><img src="images/default.jpg" alt="" />
100 <div class="panel-overlay">
101 <a href="#"><h2>Collection Name</h2></a>
102 </div>
103 </li>
104 </ul>
105 </div>
106 </div>
107 <!--**********************************************************************-->
108 <div class="column">
109 <ul class="latestnews">
110 <li>
111 <p><strong><a href="#">Highlighted Item 1</a></strong><br/>This is a place where you can put information about an item you would like to highlight in your collection, with or without an accompanying image.</p>
112 </li>
113 <li><img src="images/80x80.jpg" alt="" />
114 <p><strong><a href="#">Highlighted Item 2</a></strong><br/>This is a place where you can put information about an item you would like to highlight in your collection,with or without an accompanying image.</p>
115 </li>
116 <li class="last"><img src="images/80x80.jpg" alt="" />
117 <p><strong><a href="#">Highlighted Item 3</a></strong><br/>This is a place where you can put information about an item you would like to highlight in your collection, with or without an accompanying image.</p>
118 </li>
119 </ul>
120 </div>
121 <br class="clear" />
122<!--**********************************************************************-->
123 <div id="hpage_cats">
124 <div class="fl_left">
125 <h2><a href="#">Collection name</a></h2>
126 <img src="images/100x100.jpg" alt="" />
127 <p class="justify">This area of the homepage lists all of the collections, along with their description and, if specified, the collection's About image (resized to 100px x 100px).</p>
128 </div>
129 <div class="fl_right">
130 <h2><a href="#">Collection name</a></h2>
131 <img src="images/100x100.jpg" alt="" />
132 <p class="justify">This area of the homepage lists all of the collections, along with their description and, if specified, the collection's About image (resized to 100px x 100px).</p>
133 </div>
134 <br class="clear" />
135 <div class="fl_left">
136 <h2><a href="#">Collection name</a></h2>
137 <img src="images/100x100.jpg" alt="" />
138 <p class="justify">This area of the homepage lists all of the collections, along with their description and, if specified, the collection's About image (resized to 100px x 100px).</p>
139 </div>
140 <div class="fl_right">
141 <h2><a href="#">Collection name</a></h2>
142 <img src="images/100x100.jpg" alt="" />
143 <p class="justify">This area of the homepage lists all of the collections, along with their description and, if specified, the collection's About image (resized to 100px x 100px).</p>
144 </div>
145 <br class="clear" />
146 <br class="clear" />
147 </div>
148<!--***********************************************************************************-->
149<!--******************************** GOES IN MAIN.XSL********************************-->
150 <br class="clear" />
151 </div>
152</div>
153<!--***********************************************************************************-->
154<!--*********************** GOES IN MAIN.XSL -- GS_FOOTER ***********************-->
155<div class="wrapper">
156 <div id="footer">
157 <div class="footbox">
158 <h2>Greenstone</h2>
159 <ul>
160 <li>University of Waikato</li>
161 <li>Knighton Rd</li>
162 <li>Hamilton 3240</li>
163 <li>New Zealand</li>
164 </ul>
165 </div>
166 <div class="footbox">
167 <h2>About Us</h2>
168 <ul>
169 <li><a href="#">Who we are</a></li>
170 <li><a href="#">What we do</a></li>
171 <li><a href="#">Mission, Vision, Values</a></li>
172 <li><a href="#">Employment</a></li>
173 </ul>
174 </div>
175 <div class="footbox">
176 <h2>Additional Resources</h2>
177 <ul>
178 <li><a href="#">FAQ</a></li>
179 <li><a href="#">Site map</a></li>
180 </ul>
181 </div>
182 <div class="footbox">
183 <h2>Get in Touch</h2>
184 <ul>
185 <li><a href="#">Contact Us</a></li>
186 <li><a href="#">Staff Directory</a></li>
187 </ul>
188 </div>
189 <div class="footbox last">
190 <h2>External Links</h2>
191 <ul>
192 <li><a href="http://www.greenstone.org">Greenstone.org</a></li>
193 <li><a href="#">Website 1</a></li>
194 <li><a href="#">Website 2</a></li>
195 </ul>
196 </div>
197 <br class="clear" />
198 </div>
199</div>
200<!-- ******DO NOT REMOVE THE LINK TO OS TEMPLATES: Template is free to use/modify, but this link MUST remain on all pages. Do not remove Copyright information. Replace "Your Webpage Here" (and it's link) with your own information.-->
201<div class="wrapper col8">
202 <div id="copyright">
203 <p class="fl_left">Copyright &#169; 2013 - All Rights Reserved - <a href="#">Your Webpage Here</a></p>
204 <p class="fl_right">Template by <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
205 <br class="clear" />
206 </div>
207</div>
208<!--***********************************************************************************-->
209</body>
210</html>
Note: See TracBrowser for help on using the repository browser.