Bootstrap
Build fast, responsive sites with Bootstrap
Currently v5.0.0-alpha2
Link color & target="_blank"
<a href="https://v5.getbootstrap.com/" target="_blank" rel="noopener">https://v5.getbootstrap.com/</a>
<section class="">
<p class="title-cap">歴史と伝統が紡いだおもてなしで<br>お客様をお迎えいたします。</p>
</section>
Color
.text-default
.text-main
.text-accent
.bg-default
.bg-main
.bg-accent
.bg-type-01 $bg-type-01: #F0F5F8;
$default-text: #212121;
$mainColor: #2A2E74;
Font Family
.gothic Noto Sans JP
.mincyo 游明朝体
Web Font
Noto Sans JP (google)[Light 300・Regular 400・Medium 500・bold 700]
font-weight-light 300
font-weight-regular 400
font-weight-medium 500
font-weight-bold 700
Line Height
.lh-season fs-14 ホテルの一流シェフたちが自信をもって贈る多彩な料理。うれしい「飲み放題」の特典も付いたお得なプラン。
.lh-season fs-14 mincyo 熊本ホテルキャッスルでは、
おすすめご宿泊プランをご用意しております。
//フォントサイズ+10px
.lh-season{
line-height: calc(1em + #{10 / $font-size-root-num}rem);
}
Typography
fs-18 熊本とともに60年。熊本とともに60年。熊本とともに60年。熊本とともに60年。熊本とともに60年。
font-size: 18px; 熊本とともに60年。熊本とともに60年。熊本とともに60年。熊本とともに60年。熊本とともに60年。
Typography
事業内容
創業者
現場の誓い
私たちは 安全第一最優先と共に、コンプライアンスも守ります
- 昭和28年創立以来、死亡事故0(ゼロ)の記録更新に挑戦し、法遵守を徹底します。
<h4 class="section-title mb-40">事業内容</h4>
<h4 class="title-type-01">創業者</h4>
<h4 class="title-type-03">現場の誓い</h4>
<h4 class="title-type-02 mb-15">私たちは 安全第一最優先と共に、コンプライアンスも守ります</h4>
<p class="pl-30 pl-sm-40">- 昭和28年創立以来、死亡事故0(ゼロ)の記録更新に挑戦し、法遵守を徹底します。</p>
Btn
<a href="" class="btn-sankaku-b">詳しく見る</a>
<a href="" class="btn-sankaku-w">詳しく見る</a>