<article>
<h1>絶対に絶対に絶対にたったの1秒で億万長者になれる方法をあなただけにこっそり伝授!!!!!!!</h1>
<img src="" alt="札束のお風呂に浸かる男の写真">

<section class="setumei">
<h2>説明タイトル説明タイトル説明タイトル</h2>
<p>説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。</p>
</section>

<section class="setumei">
<h2>説明タイトル説明タイトル説明タイトル</h2>
<p>説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。説明文章、説明文章。</p>
</section>

<section class="ketsuron">
<h2>結論タイトル結論タイトル結論タイトル</h2>
<p>大金持ちになれる!なれる!なれる!なれる!なれる!なれる!なれる!なれる!なれる!なれる!なれる!なれる!なれる!なれる!なれる!なれる!なれる!なれるぞぉーーーー!!。</p>
</section>

<aside id="btn" class="btn"><a href="https://codepen.io/i_ryo/pen/WKbZeK" target="_blank">今すぐ問い合わせる!!</a></aside>

</article>
article {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

img {
  width: 100%;
  height: 200px;
  background: #eee;
}

.btn a {
  width: 200px;
  line-height: 50px;
  display: inline-block;
  background: #666;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}

.btn a:hover {
  opacity: 0.7;
}
//DOM
var btn = document.getElementById("btn");

//クリックイベント
btn.addEventListener("click", function () { 

//データの保存
localStorage.setItem('boowy', 'psycho');

}, false);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.