#ADH Design......How I Designed Reporter Channel Logo Using Pure HTML5 and CSS3

How I Designed Reporter Channel Logo Using Pure HTML5 and CSS3

          Reporter Channel is one of the popular News Channel in India, which is broadcasting in Malayalam language catering to the Malayalam speaking population in Kerala as well as abroad. that is almost handled by a single News Reader Nikesh Kumar.My friend Chottu is also working there as a makeup artist.I would like to dedicate this code for both of them.

The Code:-

<style> 




  section{ 

       width:254px;

       display:flex; 

  } 

  #logo-container{ 

     height:264px;

     padding-bottom: 2%;

  } 

  #reporter-txt{

     height:40px; 

     font-size: 40px;

     font-family: arial black;

     margin-top: -1%; 

     text-shadow: 1px 1px 4px #000;

   }

  .box{ 

     width: 92%;

     height: 45%;

     margin-top: 9%;

     background-color: #b30101; 

     box-shadow: 3px 3px 2px 1px #77201e;

  } 

  .row{ 

     width:100%;

     box-sizing:border-box;

  } 

  #slopped-box{ 

     transform: rotate(45deg);

     width: 76%;

     height: 35%; 

     margin-left: 10%;

     margin-top: 18%; 

  }




</style> 

<section id="logo-container"> 
    <div class="row"> 
      <div class="box"> 
            </div>
      <div class="box">
            </div>
    </div>
    <div class="row">
      <div class="box"> 
            </div>
      <div class="box" id="slopped-box">
            </div>
    </div>
</section>
<section id="reporter-txt"> 
    REPORTER

</section>

DOWNLOAD THE CODE

WATCH THE VIDEO HERE:-

Tags :- reporter channel logo design using html and css, reporter channel logo design using html5 and css3, reporter channel logo design by dream hunter, reporter channel logo design by ADH, reporter channel logo designing step by step tutorial, download reporter channel logo code,How to create reporter channel logo using html and css,how to code reporter channel logo.