index.html

﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta charset="utf-8" />
    <meta name="description" content="Creator info" />
    <title>Leonardo Lopez Jr.</title>
    <link
      rel="stylesheet"
      type="text/css"
      href="leonardoprofessionalCSS/style.css"
    />
  </head>
  <body>
    <div class="Header">
      <img
        src="leonardoprofessionalPictures/logo.PNG"
        alt="logo"
        style="width: 300px; height: 75px"
      />
      <div>
        <a class="navButton" href="index.html"><b>home</b></a>
      </div>
      <div>
        <a class="navButton" href="math.html"><b> math </b></a>
      </div>
      <div>
        <a class="navButton" href="engineering.html"><b> engineering </b></a>
      </div>
      <div>
        <a class="navButton" href="coding.html"><b> coding </b></a>
      </div>
      <div>
        <button class="btn-primary">
          <a href="#"><b> contact me </b></a>
        </button>
      </div>
    </div>

    <div class="mainPage">
      <div class="picture">
        <img
          src="leonardoprofessionalPictures/pictureOfLeo.PNG"
          alt="Leo"
          height="300px;"
        />
      </div>

      <div class="bio">
        <h1>About me</h1>
        <br />
        <p class="bio-text">
          Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eos, tempore
          consectetur? Saepe inventore vel dolorem ipsam, neque maxime
          necessitatibus, quasi animi officia alias quis vero cum quam accusamus
          ipsum ad!
        </p>
      </div>
    </div>

    <footer class="footer">
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
    </footer>
  </body>
</html>