Access to /index.php/login, and then log in to the management screen .

How To Installation Of Theme

1. Unzip the downloaded file.
2. Please upload it in the packages/ of server by the FTP.
3. Click on the "Add Functionality" in the "extend concrete5" of dashboard.
4. Click on Install Button, so the display the theme Flower to "Install Waiting".
5. Please Install Flower choose content-filled installation or only theme installation.

About Top Page(Home)

- About the mark-up to reproduce the design(Use Custom Styles)-

If you want to use a style of green frame of the Main Top Area, Please markup as description.

<div class="ornament-frame">
  <dl>
    <dt>make you feel better</dt>
    <dd>The flowers creates a comforting environment, Because the flowers is very beautiful.</dd>
  </dl>
</div>

If you want to use a style of round image link of the Main Middle Area, Please markup as description.

<a href="#"><img width="350" height="350" src="category-arrange.png" alt="Flower arrangement's photo"><br>Flower arrangement
</a>

And Apply the custom style in the following way.

1. Selection all element.
2. Click place you want to edit.
3. Click on the "Design & custom templates".
4. Click on the most right of the icon.(Custom CSS class, block name, custom templates and style reset)
5. Select "imagelink-circle" from custom style.
6. Click save.

(If you want to be square type, you select "imagelink-square" from custom style. )

- What's new part(Use Custom Templates)-

1. It's the page list block of Main Bottom Area.
2. Click on the "Design & custom templates".
3. click on the most right of the icon.(Custom CSS class, block name, custom templates and style reset)
4. Select "flower_new_info" from custom template.
5. Click save.
   (Display  to title and date and description of blog entry. Include the page name and include a description of the page is set to "Yes".)

About Lower Page Custom Templates

- About the mark-up to reproduce the design-

If you want to use Tab UI, Please markup as description.

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Fresh-cut flowers</a></li>
    <li><a href="#tabs-2">bouquet of flowers</a></li>
  </ul>
  <div id="tabs-1">
    <ul tabindex="0">
      <li>Lorem ipsum dolor sit amet consectetuer.</li>
      <li>Aenean commodo ligula eget dolor.</li>
    </ul>
  </div>                         
  <div id="tabs-2">
    <ul tabindex="0">
      <li>Aenean massa cum sociis natoque penatibus.</li>
      <li>Lorem ipsum dolor sit amet, consectetuer adipiscing.</li>
    </ul>
  </div>
</div>

Please refer to Products page of demo site.

If you want to use Accordion UI, Please markup as description.

<div id="accordion" class="ccm-faq-container" itemscope itemtype="http://schema.org/Question">
  <h2 itemprop="name">What is the best way to take care of a flowers ?</h2>
    <div itemprop="suggestedAnswer" itemscope itemtype="http://schema.org/Answer">
      <div itemprop="text">
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. </p>
      </div>
    </div>
  <h2 itemprop="name">How do I add the water ?</h2>
    <div itemprop="suggestedAnswer" itemscope itemtype="http://schema.org/Answer">
      <div itemprop="text">
       <ul>
         <li>Lorem ipsum dolor sit amet consectetuer.</li>
         <li>Aenean commodo ligula eget dolor.</li>
       </ul>
     </div>
   </div>
</div>

Please Refer to F&Q page of demo site.

-flower_page_title(Use Custom Templates)-

1. Type text heading in the title block of Main Area.
   (If you don't need change the page title, you do not need to enter the text.)
2. Click on the "Design & custom templates".
3. click on the most right of the icon.(Custom CSS class, block name, custom templates and style reset)
4. Select "flower_page_title" from custom template.
5. Click save.

About All Custom Templates

1. Click place you want to edit.
2. Click on the "Design & custom templates".
3. Click on the most right of the icon.(Custom CSS class, block name, custom templates and style reset)
4. You choose a custom template that you want to use .
5. Click save.