<!--
<div class="nav-scroller bg-white shadow-sm">
<nav class="nav nav-underline">
<a class="nav-link active" href="#">ダッシュボード</a>
<a class="nav-link" href="#">
友達
<span class="badge badge-pill bg-light align-text-bottom">27</span>
</a>
<a class="nav-link" href="#">探検</a>
<a class="nav-link" href="#">提案</a>
<a class="nav-link" href="#">リンク</a>
<a class="nav-link" href="#">リンク</a>
<a class="nav-link" href="#">リンク</a>
<a class="nav-link" href="#">リンク</a>
<a class="nav-link" href="#">リンク</a>
</nav>
</div>
-->
<main role="main" class="container">
<div class="d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded shadow-sm">
<!--<img class="mr-3" src="../images/bootstrap-outline.svg" alt="" width="48" height="48">-->
<div class="lh-100">
<h6 class="mb-0 text-white lh-100"><%= @username %></h6>
<small>Last login: <%= @lastlogin %></small>
</div>
</div>
<div class="card-deck mb-3 text-center">
<div class="card shadow-sm">
<div class="card-header">
<h4 class="my-0 font-weight-normal">Twitter</h4>
</div>
<div class="card-body">
<h5 class="card-title pricing-card-title"><!--<small class="text-muted">アカウントID</small>-->@C116092A</h5>
<!--
<ul class="list-unstyled mt-3 mb-4">
<li>20 ユーザーを含む</li>
<li>10 GBのストレージ</li>
<li>優先メールサポート</li>
<li>ヘルプセンターへのアクセス</li>
</ul>
-->
<a href="/tweet"><button type="button" class="btn btn-lg btn-block btn-primary">ツイート</button></a>
</div>
</div>
<div class="card shadow-sm">
<div class="card-header">
<h4 class="my-0 font-weight-normal">LINE@</h4>
</div>
<div class="card-body">
<h5 class="card-title pricing-card-title"><!--<small class="text-muted">アカウントID</small>-->push送信</h5>
<!--
<ul class="list-unstyled mt-3 mb-4">
<li>30 ユーザーを含む</li>
<li>15 GBのストレージ</li>
<li>電話とメールのサポート</li>
<li>ヘルプセンターへのアクセス</li>
</ul>
-->
<button type="button" class="btn btn-lg btn-block btn-primary">メッセージ送信</button>
</div>
</div>
</div>
<!--
<div class="my-3 p-3 bg-white rounded shadow-sm">
<h6 class="border-bottom border-gray pb-2 mb-0">最近のアップデート</h6>
<div class="media text-muted pt-3">
<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice"><title>一般的なプレースホルダ画像</title><rect fill="#007bff" width="100%" height="100%" /><text fill="#007bff" dy=".3em" x="50%" y="50%">32x32</text></svg>
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
<strong class="d-block text-gray-dark">@ユーザー名</strong>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
</p>
</div>
<div class="media text-muted pt-3">
<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice"><title>一般的なプレースホルダ画像</title><rect fill="#e83e8c" width="100%" height="100%" /><text fill="#e83e8c" dy=".3em" x="50%" y="50%">32x32</text></svg>
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
<strong class="d-block text-gray-dark">@ユーザー名</strong>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
</p>
</div>
<div class="media text-muted pt-3">
<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice"><title>一般的なプレースホルダ画像</title><rect fill="#6f42c1" width="100%" height="100%" /><text fill="#6f42c1" dy=".3em" x="50%" y="50%">32x32</text></svg>
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
<strong class="d-block text-gray-dark">@ユーザー名</strong>
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。
</p>
</div>
<small class="d-block text-right mt-3">
<a href="#">すべてを表示</a>
</small>
</div>
-->
<!--
<div class="my-3 p-3 bg-white rounded shadow-sm">
<h6 class="border-bottom border-gray pb-2 mb-0">提案</h6>
<div class="media text-muted pt-3">
<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice"><title>一般的なプレースホルダ画像</title><rect fill="#007bff" width="100%" height="100%" /><text fill="#007bff" dy=".3em" x="50%" y="50%">32x32</text></svg>
<div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
<div class="d-flex justify-content-between align-items-center w-100">
<strong class="text-gray-dark">フルネーム</strong>
<a href="#">フォロー</a>
</div>
<span class="d-block">@ユーザー名</span>
</div>
</div>
<div class="media text-muted pt-3">
<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice"><title>一般的なプレースホルダ画像</title><rect fill="#007bff" width="100%" height="100%" /><text fill="#007bff" dy=".3em" x="50%" y="50%">32x32</text></svg>
<div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
<div class="d-flex justify-content-between align-items-center w-100">
<strong class="text-gray-dark">フルネーム</strong>
<a href="#">フォロー</a>
</div>
<span class="d-block">@ユーザー名</span>
</div>
</div>
<div class="media text-muted pt-3">
<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice"><title>一般的なプレースホルダ画像</title><rect fill="#007bff" width="100%" height="100%" /><text fill="#007bff" dy=".3em" x="50%" y="50%">32x32</text></svg>
<div class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
<div class="d-flex justify-content-between align-items-center w-100">
<strong class="text-gray-dark">フルネーム</strong>
<a href="#">フォロー</a>
</div>
<span class="d-block">@ユーザー名</span>
</div>
</div>
<small class="d-block text-right mt-3">
<a href="#">すべてを表示</a>
</small>
</div>
-->
</main>
