design-themes/theme_avantgarde/demo/welcome.xml

<?xml version="1.0" encoding="utf-8"?>
<openerp>
  <data>

    <template id="website.welcome" page="True" name="Avantgarde - Welcome">
      <t t-call="website.layout">
        <div id="wrap"  class="oe_structure demo_welcome">

          <section class="s_media_block" muted="muted" loop="loop" autoplay="autoplay" iframefit="fitCont" style="height: 464px; max-height: 512px; overflow: hidden;" src="https://www.youtube.com/embed/EEfXg1JUYu0"/>

          <section class="s_title mt32">
            <div class="container">
              <div class="row">
                <div class="col-md-12">
                  <h1 class="text-center text-small_caps">Welcome to Avantgarde</h1>
                  <h3 class="text-muted text-center">A modern and elegant theme</h3>
                </div>
              </div>
            </div>
          </section>

          <section class="s_text_block">
            <div class="container">
              <div class="row">
                <div class="mb16 col-md-8 col-md-offset-2 mt32">
                  <p class="drop-caps">
                    Avantgarde is a sophisticated theme to inspire and impress. Its strength is its simplicity and flexibility. It presents your work and content with absolute clarity and impact. A perfect tool for anyone to create a clean and elegant website
                  </p>
                  <p>
                    <b>Tons of customizations are possible</b> with this template that’ll help you redefine your website’s brand value.</p>
                </div>
              </div>
            </div>
          </section>

          <section class="s_text_block" id="demo_sites">
            <div class="container">
              <div class="row">
                <div class="col-md-12 text-center mb16 mt32">
                  <h3 class="text-small_caps">Sample Homepages</h3>
                  <h5 class="text-muted text-small_caps">Just some examples of how can be simple to create a website using Avantgarde</h5>
                </div>
              </div>
            </div>
          </section>

          <section class="s_latest_posts_big_picture">

            <div class="effect-chico" contenteditable="False">

              <figure class="loading_container col-sm-4">
                <div class="content">
                  <div class="thumb" style="background-image: url(/theme_avantgarde/static/src/img/theme_samples/shop_art_1.jpg)"/>
                  <figcaption>
                    <h2>Shop</h2>
                    <p >Building your company's website and selling your products online easy.</p>
                    <a href="/page/art_shop">Read More</a>
                  </figcaption>
                </div>
              </figure>

              <figure class="loading_container col-sm-4">
                <div class="content">
                  <div class="thumb" style="background-image: url(/theme_avantgarde/static/src/img/theme_samples/paint_modern.jpg)"/>
                  <figcaption>
                    <h2>Online Magazine</h2>
                    <p >Ideas behing the Odoo communication tools.</p>
                    <a href="/page/magazine">Read More</a>
                  </figcaption>
                </div>
              </figure>

              <figure class="loading_container col-sm-4">
                <div class="content">
                  <div class="thumb" style="background-image: url(/theme_avantgarde/static/src/img/theme_samples/museum.jpg)">​</div>
                  <figcaption>
                    <h2 >Art Gallery</h2>
                    <p >Are your meetings useful and productive?</p>
                    <a href="/page/artgallery">Read More</a>
                  </figcaption>
                </div>
              </figure>

            </div>
          </section>

          <hr/>

          <section class="s_text_block mt64" id="customization">
            <div class="container">
              <div class="row">
                <div class="col-md-12 text-center mb16 mt32">
                  <h3 class="text-small_caps">Customizations</h3>
                  <h5 class="text-muted text-small_caps">Easily adapt Avantgarde to your needs</h5>
                </div>
              </div>
            </div>
          </section>

          <div class="row text-center">
            <div class="col-sm-6 col-md-5 col-md-offset-1">
              <h4>Layout Options</h4>
              <hr class="mb0"/>
              <img class="img-responsive" src="/theme_avantgarde/static/description/media/layout.jpg" alt=""/>
            </div>
            <div class="col-sm-6 col-md-5">
              <h4>Header Options</h4>
              <hr class="mb0"/>
              <img class="img-responsive" src="/theme_avantgarde/static/description/media/options.png" alt=""/>
            </div>
            <div class="col-sm-6 col-md-5 mt48 col-md-offset-1">
              <h4>Color Options</h4>
              <hr class="mb0"/>
              <img class="img-responsive" src="/theme_avantgarde/static/description/media/palette.jpg" alt=""/>
            </div>
            <div class="col-sm-6 col-md-5 mt48">
              <h4>Fonts Options</h4>
              <hr class="mb0"/>
              <img class="img-responsive" src="/theme_avantgarde/static/description/media/fonts.jpg" alt=""/>
            </div>
          </div>

          <section class="s_text_block mt64" id="style">
            <div class="container">
              <div class="row">
                <div class="col-md-12 text-center mb16 mt32">
                  <h3 class="text-small_caps">Bulding Blocks</h3>
                </div>
              </div>
            </div>
          </section>

          <div class="row text-center">
            <a href="/page/blocks" class="btn btn-lg btn-default">Discover</a>
          </div>

          <section class="s_text_block mt64" id="style">
            <div class="container">
              <div class="row">
                <div class="col-md-12 text-center mb16 mt32">
                  <h3 class="text-small_caps">Style Specimen</h3>
                </div>
              </div>
            </div>
          </section>

          <div class="row text-center">
            <a href="/page/style" class="btn btn-lg btn-default">Discover</a>
          </div>

          <hr/>

        </div> <!-- #wrap -->

        <style type="text/css">
          #wrapwrap > footer {
            height: 0;
            overflow: hidden;
            display: block;
            margin-top: 100px;
          }
          #wrapwrap > main {padding-bottom:100px}
        </style>
      </t>
    </template>

    <record id="graphene_home_menu" model="website.menu">
      <field name="name">Welcome</field>
      <field name="url">/page/welcome</field>
      <field name="parent_id" ref="website.main_menu"/>
    </record>

  </data>
</openerp>