- 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

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template name="Event List" id="s_event_list">
<section class="s_event_list">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center mt32 mb32">
<h2>Nice and Efficient Events List</h2>
<h3 class="text-muted">Display Your Last Activities</h3>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="s_event_list_item">
<time datetime="2014-07-20 0000" class="bg-delta">
<div class="s_event_list_day">02</div>
<div class="s_event_list_month">Jul</div>
<div class="s_event_list_year">2014</div>
<div class="s_event_list_time">12:00 AM</div>
</time>
<div class="s_event_list_info bg-white">
<h4 class="s_event_list_title">Your Event Name</h4>
<p class="s_event_list_desc">Write a description of your event here.</p>
<ul class="clearfix">
<li><a href="#"><span class="fa fa-globe"/> Link</a></li>
<li><a href="#"><span class="fa fa-info-circle"/> Info</a></li>
</ul>
</div>
<div class="s_event_list_social">
<ul class="clearfix">
<li class="s_event_list_facebook"><a href="#"><span class="fa fa-2x fa-facebook"/></a></li>
<li class="s_event_list_twitter"><a href="#"><span class="fa fa-2x fa-twitter"/></a></li>
<li class="s_event_list_google_plus"><a href="#"><span class="fa fa-2x fa-google-plus"/></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="s_event_list_item">
<time datetime="2014-07-20 0000" class="bg-delta">
<div class="s_event_list_day">05</div>
<div class="s_event_list_month">Sep</div>
<div class="s_event_list_year">2014</div>
<div class="s_event_list_time">12:00 AM</div>
</time>
<div class="s_event_list_info bg-white">
<h4 class="s_event_list_title">Your Event Name</h4>
<p class="s_event_list_desc">Write a description of your event here.</p>
<ul class="clearfix">
<li><a href="#"><span class="fa fa-globe"/> Link</a></li>
<li><a href="#"><span class="fa fa-info-circle"/> Info</a></li>
</ul>
</div>
<div class="s_event_list_social">
<ul class="clearfix">
<li class="s_event_list_facebook"><a href="#"><span class="fa fa-2x fa-facebook"/></a></li>
<li class="s_event_list_twitter"><a href="#"><span class="fa fa-2x fa-twitter"/></a></li>
<li class="s_event_list_google_plus"><a href="#"><span class="fa fa-2x fa-google-plus"/></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="s_event_list_item">
<time datetime="2014-07-20 0000" class="bg-delta">
<div class="s_event_list_day">2</div>
<div class="s_event_list_month">Jul</div>
<div class="s_event_list_year">2014</div>
<div class="s_event_list_time">12:00 AM</div>
</time>
<div class="s_event_list_info bg-white">
<h4 class="s_event_list_title">Your Event Name</h4>
<p class="s_event_list_desc">Write a description of your event here.</p>
<ul class="clearfix">
<li><a href="#"><span class="fa fa-globe"/> Link</a></li>
<li><a href="#"><span class="fa fa-info-circle"/> Info</a></li>
</ul>
</div>
<div class="s_event_list_social">
<ul class="clearfix">
<li class="s_event_list_facebook"><a href="#"><span class="fa fa-2x fa-facebook"/></a></li>
<li class="s_event_list_twitter"><a href="#"><span class="fa fa-2x fa-twitter"/></a></li>
<li class="s_event_list_google_plus"><a href="#"><span class="fa fa-2x fa-google-plus"/></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-12">
<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.
<br/>You can link your events to your favorite social network.</p>
</div>
<div class="col-lg-6 mt32 mb32">
<div class="s_event_list_item">
<time datetime="2014-07-20" class="bg-delta">
<div class="s_event_list_day">18</div>
<div class="s_event_list_month">Jul</div>
<div class="s_event_list_year">2014</div>
<div class="s_event_list_time">ALL DAY</div>
</time>
<img src="/web/image/theme_common.image_content_09" class="img-fluid"/>
<div class="s_event_list_info bg-white">
<h4 class="s_event_list_title">Your Event Name</h4>
<p class="s_event_list_desc">Write a description of your event here.</p>
<ul class="clearfix">
<li><a href="#"><span class="fa fa-globe"/> Link</a></li>
<li><a href="#"><span class="fa fa-info-circle"/> Info</a></li>
</ul>
</div>
<div class="s_event_list_social">
<ul class="clearfix">
<li class="s_event_list_facebook"><a href="#"><span class="fa fa-2x fa-facebook"/></a></li>
<li class="s_event_list_twitter"><a href="#"><span class="fa fa-2x fa-twitter"/></a></li>
<li class="s_event_list_google_plus"><a href="#"><span class="fa fa-2x fa-google-plus"/></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6 mt32 mb32">
<div class="s_event_list_item">
<time datetime="2014-07-20" class="bg-delta">
<div class="s_event_list_day">21</div>
<div class="s_event_list_month">Jul</div>
<div class="s_event_list_year">2014</div>
<div class="s_event_list_time">ALL DAY</div>
</time>
<div class="s_event_list_icon bg-beta">
<i class="fa fa-5x fa-calendar"/>
</div>
<div class="s_event_list_info bg-white">
<h4 class="s_event_list_title">Your Event Name</h4>
<p class="s_event_list_desc">Write a description of your event here.</p>
<ul class="clearfix">
<li><a href="#"><span class="fa fa-globe"/> Link</a></li>
<li><a href="#"><span class="fa fa-info-circle"/> Info</a></li>
</ul>
</div>
<div class="s_event_list_social">
<ul class="clearfix">
<li class="s_event_list_facebook"><a href="facebook"><span class="fa fa-2x fa-facebook"/></a></li>
<li class="s_event_list_twitter"><a href="#"><span class="fa fa-2x fa-twitter"/></a></li>
<li class="s_event_list_google_plus"><a href="#"><span class="fa fa-2x fa-google-plus"/></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
</template>
<template id="s_event_list-opt" inherit_id="website.snippet_options">
<xpath expr="//div[@data-js='background']" position="attributes">
<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"/>
</xpath>
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
<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"/>
</xpath>
</template>
</odoo>