Answers for "html banner design"

0

html banner template

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title></title>
    </head>
    <body>
        <div class="head">
            <h1>Menu</h1>
        </div>
        
        <style>
            body{
                background-color: black;
                text-align: center;
            }
            
            .head{
                border: 5px solid white;
                color: orange;
            }
            
            .box1{
                height: 200px;
                width: 300px;
                background-color: lightblue;
            }
            
            .box2{
                height: 200px;
                width: 300px;
                background-color: lightblue;
            }
            
            .box3{
                height: 200px;
                width: 300px;
                background-color: lightblue;
            }
            
            .box4{
                height: 200px;
                width: 300px;
                background-color: lightblue;
            }
            
            .box5{
                height: 200px;
                width: 300px;
                background-color: lightblue;
            }
            
        </style>
        
        <br>
        <br>
        <br>
        
        <div class="box1"></div>
        <br>
        <br>
        <div class="box2"></div>
        <br>
        <br>
        <div class="box3"></div>
        <br>
        <br>
        <div class="box4"></div>
        <br>
        <br>
        <div class="box5"></div>
        
    </body>
</html>
Posted by: Guest on July-22-2021
0

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>
Posted by: Guest on June-24-2021

Browse Popular Code Answers by Language