読者です 読者をやめる 読者になる 読者になる

ハロトレWebデザインの勉強 | 求職者支援訓練Webサイト制作科 フェリカテクニカルアカデミー

未経験者からプロになるハロートレーニングWebデザインの勉強

シンプル - レスポンシブWebデザイン





BICYCLE SITE

ホーム
お知らせ
お問い合わせ
ブログ

まっすぐに伸びた道を自転車で走る
自転車の旅 おすすめサイクリングロード

自転車の旅も4日目になりました。旅の初日から天気の悪い日が続いていましたが、今日は朝からとてもいい天気。気温も23℃で空気もサラリとしています。絶好のサイクリング日和です。さっそく次の目的地へ向かって出発します。ただ、今日の目的地は60km先です。走るのはそれほど速くないので、できるだけ寄り道せずに行くことにします。

宿を出てしばらく走ると、左手にコンビニがあるので食べ物と飲み物を仕入れます。ここを逃すと、目的地の町に着くまでコンビニも何もありませんので、必要なものはしっかり買い込んでおきます。ひとまず、朝ごはんと昼ごはんを買い込んで出発です。町を出て、民家も少なくなってくると、東へ向かって伸びている道があるので入っていきます。

この道はただひたすら、まっすぐに伸びています。アップダウンもほとんどなく、両サイドには畑や牧草地が広がっており、広大な景色を楽しみながらのんびりと走ることができます。路側帯は狭いですが、車の通行も少ないので怖い思いをすることもありませんでした。

まっすぐな道を楽しんだら、最後は地獄の峠越えです。いつものことですが、とにかく気合で攻略しました。下りは楽ですが、きついカーブが多いので慎重に走ります。なんとか、日暮前には目的地に到着。今日は温泉でゆっくり休んで、明日はお花畑の中のサイクリングロードに行く予定です。

CATEGORIES
自転車の旅
おすすめサイクリングロード
スポーツサイクルカタログ
ロードレース情報
自転車あれこれ

RECENT POSTS
お花畑の中のサイクリングロード
まっすぐに伸びた道を自転車で走る
移動の遅れを取り戻すためにとにかく走る
雨に行く手を阻まれました
自転車の旅に出発!
旅の準備をしていたら昔のアレが出てきて…

Copyright © BICYCLE SITE
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Bootstrapを使ったページ作成</title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="style.css">
<!--[if lt IE 9]>
<script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv-printshiv.min.js"></script>
<script src="http://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>


<script src="http://code.jquery.com/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Bootstrapを使ったページ作成</title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="style.css">
<!--[if lt IE 9]>
<script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv-printshiv.min.js"></script>
<script src="http://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">

<div class="row">
<div class="col-sm-12">

<div class="header">
<h1><a href="#"><img src="img/bicycle.png" alt="" class="logo">BICYCLE SITE</a></h1>
</div>

</div><!-- col -->
</div><!-- row -->

<div class="row">
<div class="col-sm-12">

<div class="menu navbar navbar-inverse">
<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>
</button>
</div>

<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-left">
<li><a href="#">ホーム</a></li>
<li><a href="#">お知らせ</a></li>
<li><a href="#">お問い合わせ</a></li>
<li><a href="#">ブログ</a></li>
</ul>
</div>
</div>

</div><!-- /col -->
</div><!-- /row -->


<div class="row">
<div class="col-sm-8">

<div class="entry">

<img src="img/photo.jpg" alt="" class="img-responsive">

<h1>まっすぐに伸びた道を自転車で走る</h1>

<div class="added">
<p>
<a href="#" class="lb label label-info">自転車の旅</a>
<a href="#" class="lb label label-info">おすすめサイクリングロード</a>
</p>
</div>

<p>自転車の旅も4日目になりました。旅の初日から天気の悪い日が続いていましたが、今日は朝からとてもいい天気。気温も23℃で空気もサラリとしています。絶好のサイクリング日和です。さっそく次の目的地へ向かって出発します。ただ、今日の目的地は60km先です。走るのはそれほど速くないので、できるだけ寄り道せずに行くことにします。</p>

<p>宿を出てしばらく走ると、左手にコンビニがあるので食べ物と飲み物を仕入れます。ここを逃すと、目的地の町に着くまでコンビニも何もありませんので、必要なものはしっかり買い込んでおきます。ひとまず、朝ごはんと昼ごはんを買い込んで出発です。町を出て、民家も少なくなってくると、東へ向かって伸びている道があるので入っていきます。</p>

<p>この道はただひたすら、まっすぐに伸びています。アップダウンもほとんどなく、両サイドには畑や牧草地が広がっており、広大な景色を楽しみながらのんびりと走ることができます。路側帯は狭いですが、車の通行も少ないので怖い思いをすることもありませんでした。</p>

<p>まっすぐな道を楽しんだら、最後は地獄の峠越えです。いつものことですが、とにかく気合で攻略しました。下りは楽ですが、きついカーブが多いので慎重に走ります。なんとか、日暮前には目的地に到着。今日は温泉でゆっくり休んで、明日はお花畑の中のサイクリングロードに行く予定です。</p>

</div>

</div> <!-- col -->
<div class="col-sm-4">

<div class="menu panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">CATEGORIES</h3>
</div>
<div class="panel-body">
<ul class="nav nav-pills nav-stacked">
<li><a href="#">自転車の旅</a></li>
<li><a href="#">おすすめサイクリングロード</a></li>
<li><a href="#">スポーツサイクルカタログ</a></li>
<li><a href="#">ロードレース情報</a></li>
<li><a href="#">自転車あれこれ</a></li>
</ul>
</div>
</div>

<div class="menu panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">RECENT POSTS</h3>
</div>
<div class="panel-body">
<ul class="nav nav-pills nav-stacked">
<li><a href="#">お花畑の中のサイクリングロード</a></li>
<li><a href="#">まっすぐに伸びた道を自転車で走る</a></li>
<li><a href="#">移動の遅れを取り戻すためにとにかく走る</a></li>
<li><a href="#">雨に行く手を阻まれました</a></li>
<li><a href="#">自転車の旅に出発!</a></li>
<li><a href="#">旅の準備をしていたら昔のアレが出てきて…</a></li>
</ul>
	</div>
</div>

</div><!-- /col -->
</div><!-- /row -->


<div class="row">
<div class="col-sm-12">

<div class="footer well">
	<p>Copyright &copy; BICYCLE SITE</p>
</div>

</div><!-- /col -->
</div><!-- /row -->

</div><!-- container -->
<script src="http://code.jquery.com/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script>
</body>
</html>