Learned new thins about Windows 11 and Linux and HTML PORTFOLIO

#linux #linuxmint #microsoft #java

1.why windows 11:
*introduce user interface in modernize.
*then add some new widgets.
*add some security changes.
*introduce copilot AI.
Facing issues:
* some mobiles or laptop has a 32 bit hardware windows 11 is 64 bit which means 64 bit is support more than 4gp RAM, modern heavy apps,new devices so new applications are not compatable for users.

2.What is Linux ? why Linux?
Linux is a free opensource operating system. it is safe and fast , and run old computers also ,customizable,it support many programming language. it has some useful preinstalled applications.

3.Relationship between linux and linuxmint?

  ------- funny and easy understanding for beginers like me----
   Linux(Parent) --the kernel is heart(core) it connects software and hardware mother is doing these jobs for family.
       |
   Linux Ubuntu(Elder brother)--he is very serious person.In coding he is doing developments, servers, business.
        |
   Linux Mint(younger brother)--- he is very naughty like me.In coding its user friendly.

4. Improvement from html,css:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mathavi</title>
  <link rel="icon" type="imaes/x-icon" href="images/file_0000000079645230bc1fe942fe1946eb.png">
  <style>
    .header{
        background-color: black;
        color:white; 
       text-align:  center;
       height: 20%;
       padding: 20px;

    }
    .header ul li a{
      color:white;    
      text-decoration: none;


    }
    .header ul{
      display: flex;
      gap: 15px;
      list-style-type: none;
      display: flex;
      justify-content: center;

    }
    section{
     background-color: rgb(211, 208, 208);
     width:70%;
     height: 200px;
     margin: auto;
     border-radius: 5px;
     padding-left: 10px;

    }
    section h2{
      padding-top: 10px;
      height: 20px;
    }
    section li {
      list-style-type: none;
      height: 25px;
    }
    section a{
      text-decoration: none;
      padding-left: 15px;
    }
    .footer{
      background-color: cornflowerblue;
      text-align: center;

    }
    .footer a{
       text-decoration: none;
    }

  </style>
</head>
<body>
    <div class="header">
      <h1>MATHAVI</h1>
      <ul>
        <li><a href="">About Me</a></li>
        <li><a href="">Projects</a></li>
        <li><a href="">Contacts</a></li>
        <li><a href="">Login Page</a></li>
      </ul>
    </div>
        <section>

          <h2> About Me</h2>
          <p>I am a web developer passionate about building beautiful and functional websites</p>


         </section> 
        <section>
          <h2>Projects</h2>
          <ul>
            <li>Portfolio Website</li>
            <li>Landing Page</li>
            <li>Blog Template</li>
          </ul>
          </section>

      <section>  

        <h2>contacts</h2>
        <a href="mailto:smathavi32@gmail.com">Emailme</a>

      </section>
      <footer class="footer">
        <h3><a href="">@2025 Mathavi</a></h3>

      </footer>

</body>
</html>

output: