gitworkshop/learn.html at 4e2f891d9bfb9b83250c965573b42720b506f9d8 · Purdue-CSUSB/gitworkshop · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!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="safra-catz.jpg" style="width:190px;height: 250px;border: 5px solid #000;">
			</center>
			<h2> Safra Catz </h2>
			<p> Safra A. Catz has served as chief executive officer of Oracle Corporation since 2014 and a member of the company’s board of directors since 2001.She previously served as president of Oracle and has also served as the company’s chief financial officer. Prior to being named president, Catz held various other positions since starting at Oracle in 1999. She currently serves as a director of The Walt Disney Company and previously served as a director of HSBC Holdings plc. (Oracle)
			</p>
		</article>
	</div>
      </div>
    </section>
  </body>
</html>