<html>
<head>
  <style>
    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      font-family: Arial, sans-serif;
    }

    .header {
      background-color: #ff4da6;
      padding: 20px;
      text-align: center;
      color: white;
    }

    .topnav {
      overflow: hidden;
      background-color: #cc0066;
    }

    .topnav a {
      float: left;
      display: block;
      color: #ffffff;
      text-align: center;
      padding: 15px 20px;
      text-decoration: none;
    }

    .topnav a:hover {
      background-color: #ff99cc;
      color: black;
    }

    .column {
      float: left;
      padding: 10px;
    }

    .column.side {
      width: 25%;
    }

    .column.middle {
      width: 50%;
    }

    .row:after {
      content: "";
      display: table;
      clear: both;
    }

    @media screen and (max-width: 600px) {
      .column.side, .column.middle {
        width: 100%;
      }
    }

    .footer {
      background-color: #ff4da6;
      padding: 10px;
      text-align: center;
      color: white;
    }
  </style>
</head>

<body>

  <div class="header">
    <h1>Sequence Online Database System</h1>
    <p>This online database provides information on biological sequences such as DNA, RNA, and proteins.</p>
  </div>

  <div class="topnav">
    <a href="form.html" target="_blank">Entry Form for Sequence</a>
    <a href="dnaSeq.html" target="_blank">List of Nucleotide Sequences</a>
    <a href="protSeq.html" target="_blank">List of Protein Sequences</a>
    <a href="seqAnalysis.html" target="_blank">Real-time Sequence Analysis</a>
  </div>


   <div class=row>
          <div class='column side'>
            <h2>Terms</h2>
            <p><ul type=square>
                <li>DNA</li>
                <li>RNA</li>
                <li>Protein</li>
                <li>Transciption</li>
                <li>Translation</li>
            </ul></p>
          </div>

<div class="column middle">
      <h3>What is the 'Central Dogma'?</h3>
      <p>The ‘Central Dogma’ describes the process by which the instructions in DNA are converted into functional products.
        It was first proposed in 1958 by Francis Crick, co-discoverer of the DNA structure.</p>
      <img src="https://i0.wp.com/microbeonline.com/wp-content/uploads/2023/11/Central_dogma_of_molecular_biology.png?ssl=1" alt="Central Dogma">
    </div>

       
          <div class='column side'>
            <h2>Contact Us</h2>
            <p>Nuraqila Mohd Murshid<br> 23111794@siswa.um.edu.com</p>
          </div>
        </div>

     <div class=footer>
          <p>Copyright by Nuraqila Mohd Murshid | 23111794 | Master of Bioinformatics </p>
        </div>