Answers for "make a banner html css"

how to insert a banner in html

<style>
  .main-header {
  text-align: center;
}
</style>

<header class="main-header" role="banner">
  <img src="mybannerimage.gif" alt="Banner Image"/>
</header>

html banner

<div class="vc_row element-row row vc_custom_1478727859541"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="wpb_wrapper"><div class="fw-section hb-fw-599b22a654ae9 without-border no-overlay light-style"style="background-color:#000000; background-image:url(https://www.litmos.com/wp-content/uploads/2017/04/learning-automation-lms-training.jpg); background-size:cover; padding-top:40px; padding-bottom:100px;"><div class="row fw-content-wrap"><div class="col-12 nbm"><div id="learning-automated-div" style="text-align: center; font-size: 48px; line-height: 52px; padding: 100px 5px 10px 5px;"><span style="color:#FFFFFF;">WELCOME!</span></div>
<div style="text-align: center; font-size: 18px; line-height: 22px; padding: 0 5px 40px 5px;"><span style="color:#FFFFFF;">Click below to navigate to:</span></div>
<div style="text-align: center;"><table border="0" cellpadding="1" cellspacing="1" style="width:100%;"> <tbody> <tr> <td><a href="https://yourcompany.litmos.com/courses/library"> <span style="color:#FFFF00;"> <span style="font-size:28px;">Course Library</span></span></a></td> <td><a href="https://yourcompany.litmos.com/achievements"> <span style="color:#FFFF00;"> <span style="font-size:28px;">Achievements</span></span></a></td> </tr> </tbody></table></div></div></div><div class="video-overlay no-overlay">$nbsp;</div></div></div></div></div>