html
1<div class="main_third"> 2 <div class="main_third_a"> 3 <h3>iSaraで「基本的なプログラミングスキル」は教えません</h3> 4 <p>基礎的なプログラミングスキルは無料で学べる時代。<br>iSaraでは、基礎知識学習は<span>事前学習</span>と<span>チャットサポート</span>のみ。</p> 5 <div class="main_ok4"> 6 <div class="main_ok"> 7 <p class="main_ok2">STEP.1</p> 8 <p>【バンコク渡航前1か月】</p> 9 <p>事前学習で基礎知識を学ぶ</p> 10 </div> 11 <div class="main_ok"> 12 <p class="main_ok2">STEP.2</p> 13 <p>【バンコク到着後】</p> 14 <p>実践的に稼ぐことに特化した学習</p> 15 </div> 16 <div class="main_ok"> 17 <p class="main_ok2">STEP.3</p> 18 <p>【バンコク帰国後】</p> 19 <p>講座実施後の案件獲得サポート</p> 20 </div> 21 </div> 22 <div> 23 <p>スキルアップしてもフリーランスエンジニアとして食べていくことは難しい。<br>フリーランスには<span>プログラミングスキル以外</span>が大切。</p> 24 </div> 25 </div> 26 </div>
css
1.main_third{ 2 color: white; 3 background: url(../images/o3.jpg); 4 background-repeat: no-repeat; 5 background-size: cover; 6 background-position: center; 7 font-weight: bold; 8 h3{ 9 margin: 0; 10 padding: 60px 0 16px 0; 11 font-size: 30px; 12 } 13 p{ 14 margin: 0; 15 font-size: 20px; 16 line-height: 40px; 17 margin-bottom: 20px; 18 } 19 span{ 20 color: #ebb94d; 21 } 22 .main_ok4{ 23 display: flex; 24 justify-content: center; 25 } 26 .main_ok{ 27 color: black; 28 background: white; 29 margin: 0 10px; 30 border-radius: 6px; 31 width: 374.79px; 32 height: 177px; 33 .main_ok2{ 34 background-color: #ebb94d; 35 color: white; 36 border-radius: 4px; 37 } 38 p{ 39 font-size: 14px; 40 } 41 } 42}
回答1件
あなたの回答
tips
プレビュー