>>30

.wrapper {
width: 1170px;
margin: 0 auto;
}

.main {
text-align: center;
padding: 180px 0 100px 0;
}
.main h1 {
font-size: 45px;
font-weight: bold;
letter-spacing: 5px;
}
.main button {
display: block;
border-radius: 5px;
padding: 8px 24px;
color: #fff;
}
.main button-sinki {
background-color: green;
padding: 8px 24px;
}
.main button-facebook {
background-color: blue;
padding: 8px 24px;
margin: 0 5px 0 0:
}
.main button-twitter {
background-color: skyblue;
padding: 8px 24px;
margin: 0 0 5px 0:
}

>>28
<div class=”wrapper”>

<div class=”container”>

<h1>LEARN TO CODE.<br>LEARN TO BE CREATIVE.</h1>

<p>Progateはオンラインプログラミング学習サービスです。<br>初心者にもやさしいスライドとレッスンで、ウェブサービスを作りながらプログラミングを学んでいきましょう。</p>

<a href=”#” class=”btn signup”>新規登録はこちら</a>

<p>or</p>

<a href=”#” class=”btn facebook”><span class=”fa fa-facebook”></span>Facebookで登録</a>

<a href=”#” class=”btn twitter”><span class=”fa fa-twitter”></span>Twitterで登録</a>

</div>

</div>

ほらHTML書いてやったぞ？CSSだけやってみろ