gitworkshop/learn.html at main · corosdog/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
<!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="aruna-ravichandran.jpeg" style="width:190px;height: 200px;border: 5px solid #000;">
			</center>
			<h2> Aruna Ravichandran </h2>
			<p>Aruna Ravichandran is the Senior Vice President and Chief Marketing and Customer Officer at Cisco, renowned for her impactful leadership in global marketing. With a strong foundation in digital and product marketing, she specializes in scaling SaaS, hardware, and digital services. Aruna excels in leveraging modern B2B marketing tools to drive quantifiable outcomes, ensuring global consistency while fostering innovation and collaboration. Her career highlights emphasize her ability to blend storytelling and technology to craft compelling marketing programs resonating with prospects and customers.</p>
		</article>
	</div>
      </div>
    </section>
  </body>
</html>