Commit fef8e00a by o.kimura

資料ダウンロードページのMV差し替え

parent 6c1df90e
...@@ -3,32 +3,32 @@ ...@@ -3,32 +3,32 @@
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-other"> <div class="p-other">
<div class="c-breadcrumb pc-only"> <div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner"> <ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li> <li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li>
<li class="c-breadcrumb__item"><span>資料ダウンロード</span></li> <li class="c-breadcrumb__item"><span>資料ダウンロード</span></li>
</ul> </ul>
</div> </div>
<section class="c-mainvisual p-other-mv"> <section class="c-mainvisual p-catalogue-mv">
<div class="c-mainvisual__inner"> <div class="c-mainvisual__inner">
<h2 class="c-mainvisual__ttl">資料ダウンロード</h2> <h2 class="c-mainvisual__ttl">資料ダウンロード</h2>
</div> </div>
</section> </section>
<div class="container"> <div class="container">
<main class="p-contact-content"> <main class="p-contact-content">
<section class="otherSingle0"> <section class="otherSingle0">
<p class="otherSingle0__txt">アチーブメントの提供する人材教育サービスの内容や事例をわかりやすくまとめた各種資料をご用意しました。<br> <p class="otherSingle0__txt">アチーブメントの提供する人材教育サービスの内容や事例をわかりやすくまとめた各種資料をご用意しました。<br>
ダウンロードの上、是非ご活用ください。</p> ダウンロードの上、是非ご活用ください。</p>
</section> </section>
<section class="otherSingle2"> <section class="otherSingle2">
<h3 class="c-title1">資料ダウンロード</h3> <h3 class="c-title1">資料ダウンロード</h3>
<!-- <!--
<div class="p-contact-imgtext1"><a href="#"> <div class="p-contact-imgtext1"><a href="#">
<div class="p-contact-imgtext1__img"> <div class="p-contact-imgtext1__img">
<img src="/assets/img/catalogue/img_catalogue01.jpg" alt=""> <img src="/assets/img/catalogue/img_catalogue01.jpg" alt="">
...@@ -40,37 +40,37 @@ ...@@ -40,37 +40,37 @@
</div> </div>
</a></div> </a></div>
--> -->
<div class="p-contact-imgtext1"><a href=" <div class="p-contact-imgtext1"><a href="
https://achievement.co.jp/tokubetsutaiken/?fbclid=IwAR1GK_gZrl3E6Yimdl5r1sOMFUwbEfpgZVyiaafN9Y5RSOioOYmMWIuPG40"> https://achievement.co.jp/tokubetsutaiken/?fbclid=IwAR1GK_gZrl3E6Yimdl5r1sOMFUwbEfpgZVyiaafN9Y5RSOioOYmMWIuPG40">
<div class="p-contact-imgtext1__img"> <div class="p-contact-imgtext1__img">
<img src="/assets/img/catalogue/img_catalogue02.jpg" alt=""> <img src="/assets/img/catalogue/img_catalogue02.jpg" alt="">
</div> </div>
<div class="p-contact-imgtext1__info"> <div class="p-contact-imgtext1__info">
<h4 class="p-contact-imgtext1__ttl">特別無料動画視聴</h4> <h4 class="p-contact-imgtext1__ttl">特別無料動画視聴</h4>
<p class="p-contact-imgtext1__txt">各業界で成果を上げている受講生の声などを参考にいただき、『頂点への道』講座のエッセンスを代表の青木が自らメッセージをしている。</p> <p class="p-contact-imgtext1__txt">各業界で成果を上げている受講生の声などを参考にいただき、『頂点への道』講座のエッセンスを代表の青木が自らメッセージをしている。</p>
</div> </div>
</a></div> </a></div>
</section> </section>
<section class="otherSingle2"> <section class="otherSingle2">
<h3 class="c-title1">個別相談</h3> <h3 class="c-title1">個別相談</h3>
<div class="p-contact-imgtext1"><a href="https://contact.achievement.co.jp/mf_indiviual/?referrer=https%3A%2F%2Fachievement.co.jp%2Fcatalogue%2F" target="_blank"> <div class="p-contact-imgtext1"><a href="https://contact.achievement.co.jp/mf_indiviual/?referrer=https%3A%2F%2Fachievement.co.jp%2Fcatalogue%2F" target="_blank">
<div class="p-contact-imgtext1__img"> <div class="p-contact-imgtext1__img">
<img src="/assets/img/catalogue/img_catalogue04.jpg" alt=""> <img src="/assets/img/catalogue/img_catalogue04.jpg" alt="">
</div> </div>
<div class="p-contact-imgtext1__info"> <div class="p-contact-imgtext1__info">
<h4 class="p-contact-imgtext1__ttl">個別相談を希望する</h4> <h4 class="p-contact-imgtext1__ttl">個別相談を希望する</h4>
<p class="p-contact-imgtext1__txt">「組織の課題に対して何を取り組めばいいか相談をしたい」「アチーブメントの講座の活用方法を直接聞きたい」といったご要望に個別でお応えさせていただきます。<br> <p class="p-contact-imgtext1__txt">「組織の課題に対して何を取り組めばいいか相談をしたい」「アチーブメントの講座の活用方法を直接聞きたい」といったご要望に個別でお応えさせていただきます。<br>
お気軽にお問い合わせください。</p> お気軽にお問い合わせください。</p>
</div> </div>
</a></div> </a></div>
</section> </section>
</main> </main>
</div> </div>
</div> </div>
......
...@@ -535,6 +535,22 @@ body { ...@@ -535,6 +535,22 @@ body {
height: 125px; height: 125px;
} }
} }
.p-catalogue-mv {
background: url("/assets/img/catalogue/mv-img.png") no-repeat top center;
background-size: cover;
height: 300px;
align-items: center;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.p-catalogue-mv {
background: url("/assets/img/catalogue/mv-img.png") no-repeat center center;
background-size : cover;
margin-bottom: 20px;
height: 125px;
}
}
.c-mainvisual__ttl { .c-mainvisual__ttl {
font-size: 3.6rem; font-size: 3.6rem;
line-height: 1.35; line-height: 1.35;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment