[IMP] website: carousel edition
[odoo/odoo.git] / addons / website / views / views.xml
1 <?xml version="1.0" encoding="utf-8"?>
2 <!-- vim:fdn=3:
3 -->
4 <openerp>
5     <data>
6         <template id="header">
7                 <div class="container">
8                     <div class="row">
9                         <a href='/page/website.homepage' class='brand'>
10                             <em>Open</em><b>ERP</b>
11                             <!--<img t-att-alt="res_company.name" src='/web/binary/company_logo'/></a>-->
12                         </a>
13                         <ul class="nav pull-right">
14                             <li class='pull-right'><a href="/admin">Sign in</a></li>
15                             <li class='pull-right'><a href="/page/website.contactus">Contact us</a></li>
16                         </ul>
17                     </div>
18                 </div>
19         </template>
20
21         <template id="footer">
22                 <div class="container">
23                     <div class="row">
24                         <div class="span4" name="product">
25                             <h5>Product and services</h5>
26                             <ul class='unstyled'>
27                                 <li><a href="https://www.openerp.com/start?download">Download</a></li>
28                                 <li><a href="https://launchpad.net/openobject">Launchpad</a></li>
29                                 <li><a href="http://runbot.openerp.com">Automated Tests</a></li>
30                             </ul>
31                         </div>
32                         <div class="span4" name="social">
33                             <h5>Social</h5>
34                             <ul class='unstyled'>
35                                 <li><a href="http://twitter.com/openerp"><i class="icon-twitter-sign"></i>Twitter</a></li>
36                                 <li><a href="http://www.facebook.com/OpenERP"><i class="icon-facebook-sign"></i>Facebook</a></li>
37                                 <li><a href="https://plus.google.com/+openerp/posts"><i class="icon-google-plus-sign"></i>Google+</a></li>
38                             </ul>
39                         </div>
40                         <div class="span4" name="about_us">
41                             <h5 t-record="res_company" t-field="name">Company name</h5>
42                             <ul class='unstyled'>
43                                 <li><a href="/page/website.contactus">Contact us</a></li>
44                                 <li><a href="/page/website.news">News</a></li>
45                                 <li><a href="/page/website.contactus">About us</a></li>
46                                 <li><a href='#'>&amp;#x2706; <span t-record="res_company" t-field="phone"/></a></li>
47                             </ul>
48                         </div>
49                     </div>
50                 </div>
51         </template>
52
53         <template id="layout">
54                 &lt;!DOCTYPE html&gt;
55                 <html>
56                     <head>
57                         <title t-raw="title"><t t-esc="res_company.name"/></title>
58                         <script type="text/javascript" src="/web/static/lib/jquery/jquery-1.8.3.js"></script>
59                         <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/ckeditor/4.2/ckeditor.js"></script>
60                         <script type="text/javascript">
61                             CKEDITOR.disableAutoInline = true;
62                             CKEDITOR.dtd.$editable.li = 1;
63                         </script>
64
65                         <t t-if="editable">
66                             <t t-raw="css"/>
67                             <t t-raw="script"/>
68                             <link rel='stylesheet' href='/website/static/src/css/snippets.css'/>
69                             <script type="text/javascript" src="/website/static/src/js/website_bootstrap.js"></script>
70                         </t>
71                         <t t-raw="head"/>
72                         <link rel='stylesheet' href='/website/static/lib/bootstrap/css/bootstrap-flatly.css'/>
73                         <link rel='stylesheet' href='/web/static/lib/fontawesome/css/font-awesome.css'/>
74                         <link rel='stylesheet' href='/website/static/src/css/website.css'/>
75                         <link rel='stylesheet' href='/website/static/lib/bootstrap/css/bootstrap-responsive.css'/>
76                     </head>
77                     <body>
78                         <div id='wrap'>
79                             <header class='navbar navbar-fixed-top'>
80                                 <div class='navbar-inner'>
81                                     <t t-call="website.header"/>
82                                 </div>
83                             </header>
84                             <div t-raw="0">
85                                 <div class="container">
86                                     <div class="row">
87                                         <h1>I'm an empty page, please edit me...</h1>
88                                     </div>
89                                 </div>
90                             </div>
91                         </div>
92                         <footer>
93                             <t t-call="website.footer"/>
94                             <p class="text-center">&amp;copy; <span t-record="res_company" t-field="name">Company name</span>.</p>
95                         </footer>
96
97                         <div class='oe_snippet_editor' style="display: none;">
98                             <div class='oe_snippet_list'>
99
100                             <div class='oe_snippet' name='Picture' data-selector='[class*="span"]'>
101                                 <div class="span6">
102                                     <img class="img-rounded" src="/website/static/src/img/volcano.jpg"/>
103                                 </div>
104                             </div>
105
106                             <div class='oe_snippet' name='Introduction' data-selector=".container">
107                                 <section class="container">
108                                     <div class="row mt32 text-center">
109                                         <h2>Wildlife Analysis</h2>
110                                         <h3>In a beautiful place out in the country</h3>
111                                     </div>
112                                     <div class="row mt32">
113                                         <div class="span6">
114                                             <img class='img-rounded' src="/website/static/src/img/china.jpg"/>
115                                         </div>
116                                         <div class="span6">
117                                             <p class='mt16'>
118                                                 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
119                                                 sed do eiusmod tempor incididunt ut labore et dolore magna 
120                                                 aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
121                                                 ullamco laboris nisi ut aliquip ex ea commodo consequat. 
122                                             </p>
123                                             <p>
124                                                 Duis aute irure dolor in reprehenderit in voluptate velit 
125                                                 esse cillum dolore eu fugiat nulla pariatur. Excepteur sint 
126                                                 occaecat cupidatat non proident, sunt in culpa qui officia 
127                                                 deserunt mollit anim id est laborum
128                                             </p>
129                                         </div>
130                                     </div>
131                                 </section>
132                             </div>
133
134                             <div class='oe_snippet' name='Three Collumns' data-selector=".container">
135                                 <section class="container">
136                                     <div class="row mt32">
137                                         <div class="span4">
138                                             <h4>Niagara</h4>
139                                             <p>
140                                                 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
141                                                 sed do eiusmod tempor incididunt ut labore et dolore magna 
142                                                 aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
143                                                 ullamco laboris nisi ut aliquip ex ea commodo consequat. 
144                                             </p>
145                                         </div>
146                                         <div class="span4">
147                                             <h4>Whitewater</h4>
148                                             <p>
149                                                 Duis aute irure dolor in reprehenderit in voluptate velit 
150                                                 esse cillum dolore eu fugiat nulla pariatur. Excepteur sint 
151                                                 occaecat cupidatat non proident, sunt in culpa qui officia 
152                                                 deserunt mollit anim id est laborum
153                                             </p>
154                                         </div>
155                                         <div class="span4">
156                                             <h4>Red Moss</h4>
157                                             <p>
158                                                 Sed ut perspiciatis unde omnis iste natus error sit voluptatem
159                                                 accusantium doloremque laudantium, totam rem aperiam, eaque ipsa 
160                                                 quae ab illo inventore veritatis et quasi architecto beatae vitae
161                                                 dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas 
162                                             </p>
163                                         </div>
164                                     </div>
165                                 </section>
166                             </div>
167
168                             <div class='oe_snippet' name='Introduction' data-selector=".container">
169                                 <section class="container">
170                                     <div class="row mt32">
171                                         <div class="span6">
172                                             <h2>Wildlife Analysis</h2>
173                                             <h3>In a beautiful place out in the country</h3>
174                                             <p class='mt16'>
175                                                 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
176                                                 sed do eiusmod tempor incididunt ut labore et dolore magna 
177                                                 aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
178                                                 ullamco laboris nisi ut aliquip ex ea commodo consequat. 
179                                             </p>
180                                             <p>
181                                                 Duis aute irure dolor in reprehenderit in voluptate velit 
182                                                 esse cillum dolore eu fugiat nulla pariatur. Excepteur sint 
183                                                 occaecat cupidatat non proident, sunt in culpa qui officia 
184                                                 deserunt mollit anim id est laborum
185                                             </p>
186                                         </div>
187                                         <div class="span6">
188                                             <img class='img-rounded' src="/website/static/src/img/greenfields.jpg"/>
189                                         </div>
190                                     </div>
191                                 </section>
192                             </div>
193
194                             <div class='oe_snippet oe_new' name='New Snippet'> 
195                             </div>
196                             </div>
197                         </div>
198                     </body>
199                 </html>
200         </template>
201
202         <template id="homepage">
203             <t t-call="website.layout">
204
205                 <section>
206                     <div id="myCarousel" class="carousel slide" data-interval='1000000'>
207                         <div class="css_carousel_options js_carousel_options" t-ignore="1">
208                             <span class="label js_add"><i class="icon-plus-sign"></i></span>
209                             <span class="label js_remove"><i class="icon-minus-sign"></i></span>
210                         </div>
211                         <!-- Carousel items -->
212                         <div class="carousel-inner">
213                             <div class="item active" style="background-image: url(/website/static/src/img/greenfields.jpg); background-size: cover;" >
214                                 <div class='container'>
215                                     <h1 class='mt64'>A Nice Banner</h1>
216                                     <h2>And a convincing subtitle</h2>
217                                 </div>
218                             </div>
219                         </div>
220                         <!-- Carousel nav -->
221                         <a class="carousel-control left" href="#myCarousel" data-slide="prev">&amp;lsaquo;</a>
222                         <a class="carousel-control right" href="#myCarousel" data-slide="next">&amp;rsaquo;</a>
223                     </div>
224                 </section>
225
226                 <div>
227                     <section class="container">
228                         <div class="row">
229                             <div class="span12 text-center">
230                                 <h1 class='mt64'>Welcome To Your New Homepage,</h1>
231                                 <h2 class='mt32 subheader'>where <b><em>everything</em></b> can be customized </h2>
232                             </div>
233                         </div>
234                     </section>
235
236                     <div class='dark mt64'>
237                     <section class="container">
238                         <div class="row">
239                             <div class="span5">
240                                 <img class='img-rounded' src="/website/static/src/img/island.jpg"/>
241                             </div>
242                             <div class="span6 offset1">
243                                 <p class='mt16'>
244                                     Lorem ipsum dolor sit amet, consectetur adipisicing elit,
245                                     sed do eiusmod tempor incididunt ut labore et dolore magna 
246                                     aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
247                                     ullamco laboris nisi ut aliquip ex ea commodo consequat. 
248                                 </p>
249                                 <p>
250                                     Duis aute irure dolor in reprehenderit in voluptate velit 
251                                     esse cillum dolore eu fugiat nulla pariatur. Excepteur sint 
252                                     occaecat cupidatat non proident, sunt in culpa qui officia 
253                                     deserunt mollit anim id est laborum
254                                 </p>
255                                 <div class="text-center">
256                                     <a href="http://www.openerp.com/start" class="btn mt16 btn-large btn-primary">Call To  <em>Action</em></a>
257                                 </div>
258                             </div>
259                         </div>
260                     </section>
261                     </div>
262
263                     <section class="container">
264                         <div class="row">
265                             <div class="span12 text-center">
266                                 <h2 class='mt48'>Ut enim ad minim veniam</h2>
267                             </div>
268                         </div>
269                         <div class="row mt32">
270                             <div class="span4">
271                                 <img class='img-rounded' src="/website/static/src/img/china_thumb.jpg"/>
272                                 <h4 class='mt16'>Cillum Dolore</h4>
273                                 <p>
274                                     Lorem ipsum dolor sit amet, consectetur adipisicing elit,
275                                     sed do eiusmod tempor incididunt ut labore et dolore magna 
276                                     aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
277                                     ullamco laboris nisi ut aliquip ex ea commodo consequat. 
278                                 </p>
279                             </div>
280                             <div class="span4">
281                                 <img class='img-rounded' src="/website/static/src/img/desert_thumb.jpg"/>
282                                 <h4 class='mt16'>Mollit Anim</h4>
283                                 <p>
284                                     Duis aute irure dolor in reprehenderit in voluptate velit 
285                                     esse cillum dolore eu fugiat nulla pariatur. Excepteur sint 
286                                     occaecat cupidatat non proident, sunt in culpa qui officia 
287                                     deserunt mollit anim id est laborum
288                                 </p>
289                             </div>
290                             <div class="span4">
291                                 <img class='img-rounded' src="/website/static/src/img/deers_thumb.jpg"/>
292                                 <h4 class='mt16'>Nemo Enim Ipsam</h4>
293                                 <p>
294                                     Sed ut perspiciatis unde omnis iste natus error sit voluptatem
295                                     accusantium doloremque laudantium, totam rem aperiam, eaque ipsa 
296                                     quae ab illo inventore veritatis et quasi architecto beatae vitae
297                                     dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas 
298                                 </p>
299                             </div>
300                         </div>
301                     </section>
302                 </div>
303             </t>
304         </template>
305
306         <template id="default_page">
307             <t t-call="website.layout">
308                 <div class="container">
309                     <div class="row">
310                         <div class="span12">
311                             <h1>New Page</h1>
312                             <p>Write your text here...</p>
313                         </div>
314                     </div>
315                 </div>
316             </t>
317         </template>
318
319
320         <template id="404">
321                 <t t-call="website.layout">
322                     <div class="container">
323                         <div class="row">
324                             <div class="span12">
325                                 <h1>404: Page not found!</h1>
326                                 <p class="oe_grey">
327                                     The page you were looking for could not be
328                                     found; it is possible you have typed the
329                                     address incorrectly, but it has most
330                                     probably been removed due to the recent
331                                     website reorganisation.
332                                 </p><p class="oe_grey">
333                                     Maybe you were looking for one of these
334                                     popular pages ?
335                                 </p>
336                                 <ul>
337                                     <li><a href="/">Homepage</a></li>
338                                     <li><a href="/">Contact Us</a></li>
339                                 </ul>
340                             </div>
341                         </div>
342                         <div class="row">
343                             <div class="span12">
344                                 <a class="oe_button oe_big oe_tacky" t-att-href="'/pagenew/'+path" t-if="editable">Create Page</a>
345                             </div>
346                         </div>
347                     </div>
348                 </t>
349         </template>
350
351         <template id="contactus">
352             <t t-call="website.layout">
353                 <t t-set="title">Contact us - <t t-esc="res_company.name"/></t>
354                 <div class="container">
355                     <div class="row">
356                         <h2>Contact us</h2>
357                     </div>
358                     <div class="row">
359                         <div class="span8">
360                             <p>
361                                 Contact us about anything related to our company or services.
362                             </p><p>
363                                 We'll do our best to get back to you as soon as possible.
364                             </p>
365                             <div class="text-center oe_mt32" name="mail_button">
366                                 <a t-att-href="'mailto:'+res_company.email" class="btn btn-primary">Send us an email</a>
367                             </div>
368                         </div>
369                         <div class="span4">
370                             <address>
371                                 <strong t-record="res_company" t-field="name">Name</strong><br/>
372                                 <span t-record="res_company" t-field="street"/><br/>
373                                 <span t-record="res_company" t-field="city"/>, <span t-record="res_company" t-field="zip"/><br/>
374                                 <span t-record="res_company" t-field="country_id"> </span><br/>
375                                 <br/>
376                                 <span>&amp;#x2706; <span t-record="res_company" t-field="phone"><t t-esc="res_company.phone"/></span></span><br/>
377                                 <i class="icon-envelope"></i> <t t-esc="res_company.email"/>
378                             </address>
379                             <img class="thumbnail" t-att-src="google_map_url"/>
380                         </div>
381                     </div>
382                 </div>
383             </t>
384         </template>
385
386      </data>
387 </openerp>