forked from sassyalway/codebar-practice
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
76 lines (73 loc) · 2.87 KB
/
index.html
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
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="style.css">
<title>Women Programmers</title>
</head>
<body>
<header>
<Div class="title">
<h1>Women Programmers</h1>
<nav>
<a href="#women-have-always-coded">Women have always coded</a>
<a href="#women-programmers">Famous Women Programmers</a>
<a href="#other-resources">Other Resources</a>
</nav>
</header>
<b> this line does not make sense </b>
<aside>
<ul>
<li><a href="#Ada">Ada Lovelace</a></li>
<li><a href="#Grace">Grace Hopper</a></li>
<li><a href="#Anita">Anita Borg</a></li>
</ul>
</aside>
<article>
<section id="women-have-always-coded">
<h2>Women have never coded</h2>
<p>Programming has always been women's work.</p>
<p>This is some extra text for our new version </p>
<p>The discipline was founded by a woman, after all. When humanity took its first halting steps into the Information Age, it p>
<p>Women, not men, wove the core memory that landed men on the moon. This is not to diminish the clumsy heroism of the boys who risked their lives on the journey itself. They too had their contribution to make to history. But they were simply passengers, and the real triumph was getting them there at all.</p>
</section>
</article>
<section id="women-programmers">
<h2>Women Programmers</h2>
<section id="Ada">
<h3>Ada Lovelace</h3>
<figure>
<img src="ada_lovelace.jpg" alt="Ada Lovelace">
<figcaption>the first analyst</figcaption>
</figure>
</section>
<section id="Grace">
<h3>Grace Hopper</h3>
<figure>
<img src="grace.jpg" alt="Grace Hopper">
<figcaption>the first programmer</figcaption>
</figure>
</section>
<section id="Anita">
<h3>Anita Borg</h3>
<figure>
<img src="Anita.jpg" alt="Anita Borg" width="230px">
<figcaption>Founder of the Institute of Women in Technology</figcaption>
</figure>
</section>
</section>
<article>
<section id="other-resources">
<h2>Other resources</h2>
<h3>Grace Hopper - Nanoseconds</h3>
<audio src="grace-hopper-nanoseconds.ogg" controls="controls"></audio>
<h3>Grace Hopper on Letterman</h3>
<video src="https://codebar.github.io/tutorials/html/lesson6/assets/images/grace-letterman.mp4" controls="controls"></video>
<h3>Articles</h3>
<p><a href= https://tutorials.codebar.io/html/lesson3/example.html>Hi I'm Ada Lovelace</a></p>
<p><a href= https://tutorials.codebar.io/html/lesson4/example.html>Grace Hopper</a></p>
<p><a href= https://tutorials.codebar.io/html/lesson4/example.html>Anita Borg - Where we are and where are we going.</a></p>
</section>
</article>
<footer>Made by <a href="https://codebar.io/">codebar.io</a></footer>
</body>
</html>