- Repo for opensource odoo website theme (since V13.0)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

160 lines
10 KiB

5 years ago
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <odoo>
  3. <template name="Event List" id="s_event_list">
  4. <section class="s_event_list">
  5. <div class="container">
  6. <div class="row">
  7. <div class="col-lg-12 text-center mt32 mb32">
  8. <h2>Nice and Efficient Events List</h2>
  9. <h3 class="text-muted">Display Your Last Activities</h3>
  10. </div>
  11. </div>
  12. <div class="row">
  13. <div class="col-lg-4">
  14. <div class="s_event_list_item">
  15. <time datetime="2014-07-20 0000" class="bg-delta">
  16. <div class="s_event_list_day">02</div>
  17. <div class="s_event_list_month">Jul</div>
  18. <div class="s_event_list_year">2014</div>
  19. <div class="s_event_list_time">12:00 AM</div>
  20. </time>
  21. <div class="s_event_list_info bg-white">
  22. <h4 class="s_event_list_title">Your Event Name</h4>
  23. <p class="s_event_list_desc">Write a description of your event here.</p>
  24. <ul class="clearfix">
  25. <li><a href="#"><span class="fa fa-globe"/> Link</a></li>
  26. <li><a href="#"><span class="fa fa-info-circle"/> Info</a></li>
  27. </ul>
  28. </div>
  29. <div class="s_event_list_social">
  30. <ul class="clearfix">
  31. <li class="s_event_list_facebook"><a href="#"><span class="fa fa-2x fa-facebook"/></a></li>
  32. <li class="s_event_list_twitter"><a href="#"><span class="fa fa-2x fa-twitter"/></a></li>
  33. <li class="s_event_list_google_plus"><a href="#"><span class="fa fa-2x fa-google-plus"/></a></li>
  34. </ul>
  35. </div>
  36. </div>
  37. </div>
  38. <div class="col-lg-4">
  39. <div class="s_event_list_item">
  40. <time datetime="2014-07-20 0000" class="bg-delta">
  41. <div class="s_event_list_day">05</div>
  42. <div class="s_event_list_month">Sep</div>
  43. <div class="s_event_list_year">2014</div>
  44. <div class="s_event_list_time">12:00 AM</div>
  45. </time>
  46. <div class="s_event_list_info bg-white">
  47. <h4 class="s_event_list_title">Your Event Name</h4>
  48. <p class="s_event_list_desc">Write a description of your event here.</p>
  49. <ul class="clearfix">
  50. <li><a href="#"><span class="fa fa-globe"/> Link</a></li>
  51. <li><a href="#"><span class="fa fa-info-circle"/> Info</a></li>
  52. </ul>
  53. </div>
  54. <div class="s_event_list_social">
  55. <ul class="clearfix">
  56. <li class="s_event_list_facebook"><a href="#"><span class="fa fa-2x fa-facebook"/></a></li>
  57. <li class="s_event_list_twitter"><a href="#"><span class="fa fa-2x fa-twitter"/></a></li>
  58. <li class="s_event_list_google_plus"><a href="#"><span class="fa fa-2x fa-google-plus"/></a></li>
  59. </ul>
  60. </div>
  61. </div>
  62. </div>
  63. <div class="col-lg-4">
  64. <div class="s_event_list_item">
  65. <time datetime="2014-07-20 0000" class="bg-delta">
  66. <div class="s_event_list_day">2</div>
  67. <div class="s_event_list_month">Jul</div>
  68. <div class="s_event_list_year">2014</div>
  69. <div class="s_event_list_time">12:00 AM</div>
  70. </time>
  71. <div class="s_event_list_info bg-white">
  72. <h4 class="s_event_list_title">Your Event Name</h4>
  73. <p class="s_event_list_desc">Write a description of your event here.</p>
  74. <ul class="clearfix">
  75. <li><a href="#"><span class="fa fa-globe"/> Link</a></li>
  76. <li><a href="#"><span class="fa fa-info-circle"/> Info</a></li>
  77. </ul>
  78. </div>
  79. <div class="s_event_list_social">
  80. <ul class="clearfix">
  81. <li class="s_event_list_facebook"><a href="#"><span class="fa fa-2x fa-facebook"/></a></li>
  82. <li class="s_event_list_twitter"><a href="#"><span class="fa fa-2x fa-twitter"/></a></li>
  83. <li class="s_event_list_google_plus"><a href="#"><span class="fa fa-2x fa-google-plus"/></a></li>
  84. </ul>
  85. </div>
  86. </div>
  87. </div>
  88. <div class="col-lg-12">
  89. <p class="text-center">With Theme Clean you get a list of your events with date, time, description, etc. Select the simple or image mode and edit your content.
  90. <br/>You can link your events to your favorite social network.</p>
  91. </div>
  92. <div class="col-lg-6 mt32 mb32">
  93. <div class="s_event_list_item">
  94. <time datetime="2014-07-20" class="bg-delta">
  95. <div class="s_event_list_day">18</div>
  96. <div class="s_event_list_month">Jul</div>
  97. <div class="s_event_list_year">2014</div>
  98. <div class="s_event_list_time">ALL DAY</div>
  99. </time>
  100. <img src="/web/image/theme_common.image_content_09" class="img-fluid"/>
  101. <div class="s_event_list_info bg-white">
  102. <h4 class="s_event_list_title">Your Event Name</h4>
  103. <p class="s_event_list_desc">Write a description of your event here.</p>
  104. <ul class="clearfix">
  105. <li><a href="#"><span class="fa fa-globe"/> Link</a></li>
  106. <li><a href="#"><span class="fa fa-info-circle"/> Info</a></li>
  107. </ul>
  108. </div>
  109. <div class="s_event_list_social">
  110. <ul class="clearfix">
  111. <li class="s_event_list_facebook"><a href="#"><span class="fa fa-2x fa-facebook"/></a></li>
  112. <li class="s_event_list_twitter"><a href="#"><span class="fa fa-2x fa-twitter"/></a></li>
  113. <li class="s_event_list_google_plus"><a href="#"><span class="fa fa-2x fa-google-plus"/></a></li>
  114. </ul>
  115. </div>
  116. </div>
  117. </div>
  118. <div class="col-lg-6 mt32 mb32">
  119. <div class="s_event_list_item">
  120. <time datetime="2014-07-20" class="bg-delta">
  121. <div class="s_event_list_day">21</div>
  122. <div class="s_event_list_month">Jul</div>
  123. <div class="s_event_list_year">2014</div>
  124. <div class="s_event_list_time">ALL DAY</div>
  125. </time>
  126. <div class="s_event_list_icon bg-beta">
  127. <i class="fa fa-5x fa-calendar"/>
  128. </div>
  129. <div class="s_event_list_info bg-white">
  130. <h4 class="s_event_list_title">Your Event Name</h4>
  131. <p class="s_event_list_desc">Write a description of your event here.</p>
  132. <ul class="clearfix">
  133. <li><a href="#"><span class="fa fa-globe"/> Link</a></li>
  134. <li><a href="#"><span class="fa fa-info-circle"/> Info</a></li>
  135. </ul>
  136. </div>
  137. <div class="s_event_list_social">
  138. <ul class="clearfix">
  139. <li class="s_event_list_facebook"><a href="facebook"><span class="fa fa-2x fa-facebook"/></a></li>
  140. <li class="s_event_list_twitter"><a href="#"><span class="fa fa-2x fa-twitter"/></a></li>
  141. <li class="s_event_list_google_plus"><a href="#"><span class="fa fa-2x fa-google-plus"/></a></li>
  142. </ul>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </section>
  149. </template>
  150. <template id="s_event_list-opt" inherit_id="website.snippet_options">
  151. <xpath expr="//div[@data-js='background']" position="attributes">
  152. <attribute name="data-selector" add=".s_event_list_item time, .s_event_list_item .s_event_list_info, .s_event_list_item .s_event_list_icon"/>
  153. </xpath>
  154. <xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
  155. <attribute name="data-selector" add=".s_event_list_item time, .s_event_list_item .s_event_list_info, .s_event_list_item .s_event_list_social, .s_event_list_item .s_event_list_icon"/>
  156. </xpath>
  157. </template>
  158. </odoo>