index.html


    <!DOCTYPE html>
    <html lang="en">
  
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Portfolio Demo</title>
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
      <link href="https://fonts.googleapis.com/css?family=Public+Sans:300i,300,500&display=swap" rel="stylesheet">
      <link rel="stylesheet" href="style.css">
    </head>
  
    <body>
      <header>
        <div class="container flex-row justify-space-between align-center py-3">
          <h1 class="page-title text-secondary bg-dark py-2 px-3">leo</h1>
          <nav class="flex-row">
            <a class="ml-2 my-1 px-2 py-1 bg-secondary text-dark" href="https://github.com/leo">GitHub</a>
          </nav>
        </div>
      </header>
      <main class="container my-5">
        
      <section class="my-3" id="about">
        <h2 class="text-dark bg-primary p-2 display-inline-block">About Me</h2>
        <p>My Leo</p>
      </section>
    
        
      <section class="my-3" id="portfolio">
        <h2 class="text-dark bg-primary p-2 display-inline-block">Work</h2>
        <div class="flex-row justify-space-between">
        
            <div class="col-12 mb-2 bg-dark text-light p-3">
              <h3 class="portfolio-item-title text-light">Leo 1</h3>
              <h5 class="portfolio-languages">
                Built With:
                JavaScript, HTML, CSS
              </h5>
              <p>Leo 1</p>
              <a href="Leo1.com" class="btn"><i class="fab fa-github mr-2"></i>View Project on GitHub</a>
            </div>
          
  
        
            <div class="col-12 col-md-6 mb-2 bg-dark text-light p-3 flex-column">
              <h3 class="portfolio-item-title text-light">Leo2</h3>
              <h5 class="portfolio-languages">
                Built With:
                JavaScript, jQuery, Bootstrap, Node
              </h5>
              <p>leo 2 leo 2</p>
              <a href="leo2.com" class="btn mt-auto"><i class="fab fa-github mr-2"></i>View Project on GitHub</a>
            </div>
          
        </div>
      </section>
    
      </main>
      <footer class="container text-center py-3">
        <h3 class="text-dark">&copy; 2022 by leo</h3>
      </footer>
    </body>
    </html>
    