learn.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>USB x INNOVATEHER</title>
    <link rel="icon" href="USB.png">
    <link rel="stylesheet" href="style.css" />
    <link href='https://fonts.googleapis.com/css?family=IBM Plex Mono' rel='stylesheet'>
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500&family=Montserrat+Alternates:wght@600&family=Urbanist:wght@200&display=swap" rel="stylesheet">
  </head>
  <body>
    <nav>
      <div class="logo">USB x INNOVATEHER</div>
      <div class="nav-items">
        <a href="index.html">Home</a> <a href="learn.html">Learn</a> <a href="contact.html">Contact</a>
      </div>
    </nav>
    <section class="hero">
	<center>
	<h1> Women who have been rocking the world: </h1>
	<style>
		article {
			padding-top: 1px;
			padding-right: 10px;
			padding-bottom: 10px;
		}
		h1 {
	  		padding-top: 20px;
	    	padding-right: 30px;
	        padding-left: 80px;
			font-size: 40px;
		}
		h2 {
			padding-top: 5px;
			padding-bottom: 5px;
	  		text-align: center;
		}
	</style>
	</center>
      <div class="hero-container">
		<div class="column-left">
		<article>
			<center>
				<img src="AdaLovelace.jpg" style="width:170px;height: 200px;border: 5px solid #000;">
			</center>
			<h2> Ada Lovelace </h2>
			<p> Ada Lovelace (1815-1852) is considered the first computer programmer. Even though she wrote about a computer, the Analytical Engine, that was never built, she realized that the computer could follow a series of simple instructions and had applications beyond pure calculation.</p>
		</article>
		<article>
			<center>
				<img src="GraceHopper.jpg" style="width:190px;height: 200px;border: 5px solid #000;">
			</center>
			<h2> Grace Hopper </h2>
			<p> Grace Brewster Murray Hopper (1906-1992) was a computer pioneer and naval officer. She earned a master’s degree (1930) and a Ph.D. (1934) in mathematics from Yale. Hopper is best known for her trailblazing contributions to computer programming, software development, and the design and implementation of programming languages.</p>
		</article>
		</div>
	<div class="column-right">
		<article>
			<center>
				<img src="MargaretHamilton.jpg" style="width:190px;height: 200px;border: 5px solid #000;">
			</center>
			<h2> Margaret Hamilton </h2>
			<p> Margaret Elaine Hamilton (1936-) is an American computer scientist, systems engineer, and business owner. She was director of the Software Engineering Division of the MIT Instrumentation Laboratory, which developed on-board flight software for NASA's Apollo program.</p>
		</article>
		<article>
			<center>
				<img src="lidiane-jones.jpeg" style="width:190px;height: 200px;border: 5px solid #000;">
			</center>
			<h2> Lidiane Jones </h2>
			<p> Lidiane Jones, an accomplished Brazilian-American business executive, is CEO at Bumble, an online dating and social media platform. With an extensive and diverse career trajectory, Jones held pivotal leadership positions at globally recognized tech firms. </p>
		</article>
		<article>
			<center>
				<img src="RubberDuck.jpeg" style="width:190px;height: 200px;border: 5px solid #000;">
			</center>
			<h2> Rubber Duck </h2>
			<p> I debug your code</p>
		</article>
	</div>
      </div>
    </section>
  </body>
</html>