レンタカー会社用のレスポンシブ テンプレート

<ヘッダークラ​​ス="サイトヘッダー">
<div class="モバイルトップパネル"></div>
<div class="mobile-top-panel__fixed">
<div class="コンテナ">
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">ナビゲーションを切り替え</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</ボタン>
</div>
<div class="menu-navigation navbar-collapse 折りたたみ">

<!-- 左ナビゲーション -->
<ul class="menu-navigation__list nav navbar-nav">
<li><a href="index.html">ホーム</a></li>
<li><a href="about.html">会社概要</a></li>
<li><a href="services.html">サービス</a></li>
<li><a href="services-post.html">サービス投稿</a></li>
<li><a href="contacts.html">連絡先</a></li>
</ul>

</div><!--/.nav-collapse -->
</div>
<div class="ソーシャルリスト">
<span class="social-list__text">ここから見つけてください:</span>
<ul class="social-list__icons">
<li><a href=""><i class="icon-facebook-logo"></i></a></li>
<li><a href="#"><i class="icon-twitter-letter-logo"></i></a></li>
<li><a href="#"><i class="icon-google-plus"></i></a></li>
<li><a href="#"><i class="icon-linkedin-logo"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="ヘッダーコンテナ_ラップコンテナ">
<div class="header-container__flex">
<div class="ロゴ">
<a href="index.html"><img src="assets/images/logo.png" alt="レンタカー"></a>
</div>
<div class="ソーシャルリスト">
<span class="social-list__text">ここから見つけてください:</span>
<ul class="social-list__icons">
<li><a href=""><i class="icon-facebook-logo"></i></a></li>
<li><a href="#"><i class="icon-twitter-letter-logo"></i></a></li>
<li><a href="#"><i class="icon-google-plus"></i></a></li>
<li><a href="#"><i class="icon-linkedin-logo"></i></a></li>
</ul>
</div>
<div class="phone_block">
<span><i class="icon-telephone"></i> 1-800-123-4567</span>
<small>予約スペシャリストが年中無休で対応</small>
</div>
</div>
</div>
<div class="header-navigation-wrap StickUp">
<!-- ナビゲーションバーの上部固定 -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="コンテナ">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">ナビゲーションを切り替え</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</ボタン>
</div>
<div class="menu-navigation navbar-collapse 折りたたみ">

<!-- 左ナビゲーション -->
<ul class="menu-navigation__list nav navbar-nav">
<li><a href="index.html">ホーム</a></li>
<li><a href="about.html">会社概要</a></li>
<li><a href="services.html">サービス</a></li>
<li><a href="services-post.html">サービス投稿</a></li>
<li><a href="contacts.html">連絡先</a></li>
</ul>

</div><!--/.nav-collapse -->
</div><
</div>
</div>

</ヘッダー>

レンタカー業界は運送サービス業と呼ばれ、保険や毎年の点検整備が不要で、車種も自由に変更できるため、車を購入する代わりにレンタカーを利用して企業コストを抑制する経営手法です。外国企業の間で非常に人気があり、国内の企業、機関、個人ユーザーにも徐々に支持されています。