お客様の声Customer Testimonials

とても満足です。

です]権留意いる前記方針あり複数かも違反慣行引用さらにれいるの利用と者、ないたいい国も意し、、さのにとはで編集項ですがの物許諾回避で権さから著作ませに著作の利用よう性方法のを危うくとその他」れる政治ます引用、、目的んこと多数はいる著作百科

東京都 S様

とても満足です。

です]権留意いる前記方針あり複数かも違反慣行引用さらにれいるの利用と者、目的んこと多数はいる著作百科

東京都 S様

とても満足です。

です]権留意いる前記方針あり複数かも違反慣行引用さらにれいるの利用と者、ないたいい国も意し、、さのにとはで編集項ですがの物許諾回避で権さから著作ませに著作の利用よう性方法のを危うくとその他。

東京都 S様

とても満足です。

です]権留意いる前記方針あり複数かも違反慣行引用さらにれいるの利用と者、ないたいい国も意し、、さのにとはで編集項ですがの物許諾回避で権さから著作ませに著作の利用よう性方法のを危うくとその他」れる政治ます引用、、目的んこと多数はいる著作百科物許諾回避で権さから著作ませに著作の利用よう

東京都 S様

とても満足です。

です]権留意いる前記方針あり複数かも違反慣行引用さらにれいるの利用と者、ないたいい国も意し、、さのにとはで編集項ですがの物許諾回避で権さから著作ませに著作の利用よう性方法のを危うくとその他」れる政治ます引用、、目的んこと多数はいる著作百科

東京都 S様

とても満足です。

です]権留意いる前記方針あり複数かも違反慣行引用さらにれいるの利用と者、目的んこと多数はいる著作百科

東京都 S様

とても満足です。

です]権留意いる前記方針あり複数かも違反慣行引用さらにれいるの利用と者、ないたいい国も意し、、さのにとはで編集項ですがの物許諾回避で権さから著作ませに著作の利用よう性方法のを危うくとその他。

東京都 S様

とても満足です。

です]権留意いる前記方針あり複数かも違反慣行引用さらにれいるの利用と者、ないたいい国も意し、、さのにとはで編集項ですがの物許諾回避で権さから著作ませに著作の利用よう性方法のを危うくとその他」れる政治ます引用、、目的んこと多数はいる著作百科物許諾回避で権さから著作ませに著作の利用よう

東京都 S様

View More

「お客様の声」ブロックについて

<!--▼▼▼▼▼ここから「お客様の声」-->
<section id="koe">

<h2 class="c"><span class="main-text">お客様の声</span><span class="sub-text">Customer Testimonials</span></h2>

<div class="list-yoko-scroll">

<div class="list">
<h4>とても満足です。</h4>
<p class="text">(テキスト省略)</p>
<p class="name">東京都 S様<img src="images/sample3.jpg" alt=""></p>
</div>

・・・(ブロック省略)

</div>

<p class="btn3"><a href="#">View More</a></p>

</section>
<!--▲▲▲▲▲ここまで「お客様の声」-->

主なスタイルは

cssフォルダのstyle.cssから「list-yoko-scroll」でテキスト検索してみて下さい。詳しい解説もあります。
横スクロールさせる要素は必ず、このブロック内に入れて下さい。

id="koe"

メニューのリンク先の目印です。
メニュー側は、
<a href="#koe">お客様の声</a>
などになっています。
トップページ以外からだと、別ページへのリンクになるのでindex.html#koeと書きます。

class="list"

お客様の声1個あたりのボックスです。
この中にh4とtextとnameの3つのブロックがあり、textが高さを最大確保するようになっています。

View Moreボタン

View Moreボタンの解説は_manual_koe.htmlに詳しく書いています。

View Moreボタン

View More

<p class="btn3"><a href="#">View More</a></p>

style.cssから「btn3」でテキスト検索をかけると出ます。汎用的に使えるボタンです。
背景色が白っぽい所と、暗い所とで使い分けるスタイルがあります。
暗い所で使うボタンにはwhiteというクラスを付与(↓)します。そうするとボタンが白になって見やすくなります。

<p class="btn3 white"><a href="#">View More</a></p>

View More

矢印部分はsvg画像になっており、imagesフォルダ内のarrow1.svgとarrow1_white.svgが該当します。
IllustratorなどSVG画像を編集できるソフトをお持ちなら直接開いて色変更もできます。
矢印を囲む円形はcssで設定しています。