- 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.

79 lines
4.3 KiB

5 years ago
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <odoo>
  3. <template name="Media List" id="s_media_list">
  4. <section class="s_media_list pt24 pb24" style="background-color: rgba(239,239,239);">
  5. <div class="container">
  6. <div class="row">
  7. <div class="col-lg-4">
  8. <img src="/web/image/theme_common.image_content_20" class="img img-fluid" alt=""/>
  9. </div>
  10. <div class="col-lg-8 s_media_list_body">
  11. <h3>Media heading</h3>
  12. <p>Use this snippet to build various types of components that feature a left- or right-aligned image alongside textual content. Duplicate the element to create a list that fit your needs.</p>
  13. <div class="s_btn text-left pt16 pb0" data-name="Buttons">
  14. <a href="#" class="btn btn-primary">Read more</a>
  15. </div>
  16. </div>
  17. </div>
  18. <div class="row">
  19. <div class="col-lg-4">
  20. <img src="/web/image/theme_common.image_content_21" class="img img-fluid" alt=""/>
  21. </div>
  22. <div class="col-lg-8 s_media_list_body">
  23. <h3>Event Heading</h3>
  24. <p>Speakers from all over the world will join our experts to give inspiring talks on various topics.</p>
  25. <div class="s_btn text-left pt16 pb0" data-name="Buttons">
  26. <a href="#" class="btn btn-sm btn-primary">Register</a>
  27. </div>
  28. <div class="s_media_list_options">
  29. <div class="s_media_list_option">
  30. <i class="fa fa-1x fa-map-marker fa-fw mr-1 text-gamma"/>
  31. <small>Location</small>
  32. </div>
  33. <div class="s_media_list_option">
  34. <i class="fa fa-1x fa-calendar fa-fw mr-1 text-gamma"/>
  35. <small>Date</small>
  36. </div>
  37. <div class="s_media_list_option">
  38. <i class="fa fa-1x fa-clock-o fa-fw mr-1 text-gamma"/>
  39. <small>Time</small>
  40. </div>
  41. <div class="s_media_list_option">
  42. <i class="fa fa-1x fa-microphone fa-fw mr-1 text-gamma"/>
  43. <small>100+ conferences</small>
  44. </div>
  45. <div class="s_media_list_option">
  46. <i class="fa fa-1x fa-users fa-fw mr-1 text-gamma"/>
  47. <small>2,000+ attendees</small>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. <div class="row no-gutters">
  53. <div class="col-lg-4">
  54. <img class="img img-fluid" src="/web/image/theme_common.image_content_22" alt=""/>
  55. </div>
  56. <div class="col-lg-8 s_media_list_body">
  57. <h3>Post heading</h3>
  58. <span class="s_badge badge bg-gamma" data-name="Badge">
  59. <i class="fa fa-1x fa-fw fa-clock-o"/>3 months ago
  60. </span>
  61. <span class="s_badge badge bg-gamma" data-name="Badge">
  62. <i class="fa fa-1x fa-fw fa-user"/>by John DOE
  63. </span>
  64. <p>Use this component for creating a list of featured elements to which you want to bring attention.</p>
  65. <div class="s_btn text-left pt16 pb0" data-name="Buttons">
  66. <a href="#">Continue reading <i class="fa fa-long-arrow-right align-middle ml-1"/></a>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </section>
  72. </template>
  73. <template id="s_media_list_options" inherit_id="website.snippet_options">
  74. <xpath expr="//div[@data-js='layout_column']" position="attributes">
  75. <attribute name="data-exclude" add=".s_media_list" separator=","/>
  76. </xpath>
  77. </template>
  78. </odoo>