Pen ID
Unlock Campus Themeforest adv



  Grace Hopper Tribute


Grace Hopper

Known by her pears as "Amazing Grace", she became the first woman to earn a Ph.D. in mathematics at Yale. Learn more about the life of this incredible computer scientist.
Grace Hopper and computer
"Humans are allergic to change. They love to say, 'We've always done it this way.' I try to fight that. That's why I have a clock on my wall that runs counter-clockwise."
Born in New York City in 1906, Grace Hopper joined the U.S. Navy during World War II and was assigned to program the Mark I computer. She continued to work in computing after the war, leading the team that created the first computer language compiler, which led to the popular COBOL language. She resumed active naval service at the age of 60, becoming a rear admiral before retiring in 1986. Hopper died in Virginia in 1992.

Grace is born

Grace Brewster Murray is born in New York City on December, 9.

A true master...

Recieves a master's degree in mathematics at Yale University. Marries Vincent Foster Hopper.

...and doctor

Becomes the first woman to recieva a Ph.D. in mathematics at Yale University.

Joins the Navy

During the World War II, Grace joins the U.S. Naval Reserve where she was assigned to the Bureau of Ordnance Computation Project at Harvard University. Hopper learn to program the computers Mark I, II and III.


Hopper starts working at Eckert-Mauchly Computer Corporation, where she and her team work at the UNIVAC I computer.

First compiler

To everyone's disbelief, Amazing Grace creates the first compiler, known as "A compiler".

COBOL is born

Hopper serves as technical consultant to the comittee responsible for developing the COBOL programming language.

Standardizing efforts

Retires from the Navy but is recalled due to her extensive knowledge (as well as prior efforts) in stardadizing the communications between different computers using different languages.

Retirement from the Navy

On August 4, Hopper finally retires from the Navy as a Rear Admiral at the age of 79 and a career of over 42 years. After her retirement she was hired as a senior consultant by Digital Equipment Corporation, where she worked until her death.


Grace died in her sleep of natural causes on New Year's Day, 1992, at 85 years old. Se was interred with full military honors at Arlington National Cemetery.

I've always been more interested in the future than in the past. - Grace Hopper

Designed and coded by Lorena M. - Using Single div timeline

@import url('https://fonts.googleapis.com/css?family=Roboto:900');

@import url('https://fonts.googleapis.com/css?family=Raleway:900');

@import url('https://fonts.googleapis.com/css?family=Halant:500');
.small-image {
  width: 100%;

.jumbotron {
      rgba(0, 9, 55, 0.45), 
      rgba(32, 40, 80, 0.45)
  padding-bottom: 20px;
  margin: 0;

.jumbotron .container {
  padding: 70px 0 50px 0;

.container h1 {
  color: #ffffff;
  font-family: 'Raleway', sans-serif;
  margin-bottom: 30px;

.container span {
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
      rgba(26, 45, 64, 0.80), 
      rgba(26, 45, 64, 0.80)
  color: #949ea7;
  padding: 15px;
  display: inline-block;
  margin-top: 10px;

.buttons .btn {
  margin: 20px 20px 0 0;
  padding: 10px 20px 10px 20px;
button a {
  color: #ffffff;

button a:hover {
  color: #bdc3c7;
  text-decoration: none;
.biografia {
  margin: 0;
  background-color: #ecf0f1;

.biografia .container {
  padding: 20px 0 20px 0; 

.container .col-md-6 {
  padding: 0;

.img-style {
  background-color: #FFFFFF;
  border-color: #bdc3c7;
  border-width: 1px;
  border-style: solid;
  padding: 5px;

.left {
  margin: 50px 0 50px 0;
.col-md-6 blockquote {
  font-family: 'Halant', serif;
  font-style: italic;
  border-color: #bdc3c7;

.timeline {
  padding: 20px 0 0 0;
.tm-item {
  padding: 20px 10px 10px 20px;
  position: relative;
  border-left: 2px solid rgba(0, 0, 0, 0.3);

.tm-item::before {
  content: attr(date);
  position: absolute;
  fonte-weight: bold;
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
  display: block;
  padding: 0;
  top: 12px;

.tm-item::after {
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  border-radius: 10px;
  content: '';
  border: 2px solid rgba(0, 0, 0, 0.3);
  top: 10px;
  left: -6px;
  background-color: #ffffff;
.footer {
  margin: 20px 0 0 0;
  padding: 25px 0 20px 0;
  color: #ffffff;
  background-color: #34495e;
  border-top: 1px solid #e5e5e5;

.footer a{
  color: #bdc3c7;
Wed, 01/31/2018 - 10:57

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv