basic html and css practice 1st day code repo

 basic HTML and CSS for respective files💪💪💪💪💪💪📮📮📮



HTML CODE 
  <!DOCTYPE html>
<html>
<head> 
    <img class="logo1" id="logo1" src="logo.jpg" alt="logo" >
    <link rel="stylesheet" href="styles.css">
    <meta name="viewport" contents="width = device-width,initial-scale=1.0">
</head>
<body>
<div class="bd1">
    The body text or body copy is the text forming the main content of a book, 
    magazine, web page, or any other printed or digital work. This is as a contrast to both 
    additional components such as headings, images, charts, footnotes etc. 
    on each page, and also the pages of front matter that form the introduction to a book.
    The body text or body copy is the text forming the main content of a book, magazine, web page, 
    or any other printed or digital work. This is as a contrast to both additional components such as 
    headings, images, charts, footnotes etc. on each page, and also the pages of front matter that form the introduction to a book
<br></hr >
  .The body text or body copy is the text forming the main content of a book, magazine, web page, or
     any other printed or digital work. This is as a contrast to both additional components such as headings, images, charts, footnotes etc. on each page, and also the pages of front matter that form the introduction to a book.The body text or body copy is the text forming the main content of a book, magazine, web page, or any other printed or digital work. This is as a contrast to both additional components such as headings, images, charts, footnotes etc. on each page, and also the pages of front matter that form the introduction to a book.The body text or body copy is the text forming the main content of a book, magazine, web page, or any other printed or digital work. This is as a contrast to both additional components such as headings, images, charts, footnotes etc. on each page, and also the pages of front matter that form the introduction to a book.The body text or body copy is the text forming the main content of a book, magazine, web page, or any other printed or digital work. This is as a contrast to both additional components such as headings, images, charts, footnotes etc. on each page, and also the pages of front matter that form the introduction to a book.The body text or body copy is the text forming the main content of a book, magazine, web page, or any other printed or digital work. This is as a contrast to both additional components such as headings, images, charts, footnotes etc. on each page, and also the pages of front matter that form the introduction to a book.The body text or body copy is the text forming the main content of a book, magazine, web page, or any other printed or digital work. This is as a contrast to both additional components such as headings, images, charts, footnotes etc. on each page, and also the pages of front matter that form the introduction to a book.The body text or body copy is the text forming the main content of a book, magazine, web page, or any other printed or digital work. This is as a contrast to both additional components such as headings, images, charts, footnotes etc. on each page, and also the pages of front matter that form the introduction to a book.The body text or body copy is the text forming the main content of a book, magazine, web page, or any other printed or digital work. This is as a contrast to both additional components such as headings, images, charts, footnotes etc. on each page, and also the pages of front matter that form the introduction to a book.The body text or body copy is the text forming the main content of a book, magazine, web page, or any other printed or digital work. This is as a contrast to both additional components such as headings, images, charts, footnotes etc. on each page, and also the pages of front matter that form the introduction to a book.
    </div>
    



</body>



</html>



CSS code for it
body{
margin: 0;
padding : 2px;
box-sizing: border-box;
background:  linear-gradient(to right, rgba(255,0,0,0), rgb(0, 195, 255));
}
section{
witdth : 90%;
height : 90%
}
head{
    font-family: 'Yatra One';
    font-size: xx-large;
    font-stretch: semi-condensed;
    text-align: justify;
}
.bd1{
    padding: 20px;
    text-transform: inherit;
    text-align: center; 
    background: lightskyblue;       
    position: absolute; 
            top: 15%; 
            left: 10%; 
            right: 10%; 
           
}
.logo1{
   margin: 10px;
   float: left;
   width: 180px;
} 
logo1:hover{
   
    transform: translateX(20px);
    transition: 3s;
}
#div1.2{
    padding: 30px;
    background: blue;
}

Comments

Post a Comment

Popular posts from this blog

My first MERN code

Hello Bishal from Learn Code In Nepali, l'll the possible tutorials for MEAN development basically this is my personal repo for all the code and you can use these code for learning purpose .  i will try to write what code will do in NEPALI language by using the comment . First code ; this will be code from index.js file of first lesson  const   express  =  require ( "express" ); const   app  =  express (); // const port = 3000 // app.get('/', (req, res) => res.send('Hello World!')) // app.listen(port, () => console.log(`Example app listening at http://localhost:${port}`)) const   port  = 3639 ; app . get ( '/' ,( req ,  res  )  =>  {      // callback method doesnt have the name but work just as an method      return   res . send ( "hello there" ); }) app . get ( '/login' ,( req ,  res  )  =>  {      // callback method doesnt have the name but work just as an method      return   res . send ( "login page " )
Read more