pagerunners.us "columns" portfolio
Women in Business!

Bona Fide

1. Amor Omnia Vincit (Love conquers all - Virgil, Eclogues X)
2. Vivamus, Moriendum Est. (Let us live, since we must die.)

Ad Hominem

Alea Iacta Est. (The die is cast.)
Condemnant quo non intellegunt. (They condemn that which they do not understand.)

Caveat Emptor

Oderint dum metuant (Let them hate so long as they fear. - Caligula)
Imperium in imperio. (An empire within an empire.)
Sounds great for business...

Exempli Gratia

Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.

Ne Plus Ultra

Non fortuna homines aestimabo, sed moribus (I do not estimate the men for their fortune, but for their habits. - Seneca)

Pars magna bonitatis est velle fieri bonum (Much of goodness consists in wanting to be good. - Seneca)

Homo sum humani a me nihil alienum puto (I am a human being, so nothing human is strange to me. - Terentius)

Flectere si nequeo superos, Acheronta movebo (If I can not bend the will of Heaven, I shall move Hell. - Virgil)

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

body {
  background-color: #f1f1f1;
  padding: 20px;
  font-family: Arial;
}

/* Center website */
.main {
  max-width: 1000px;
  margin: auto;
}

h1 {
  font-size: 50px;
  word-break: break-all;
}

.row {
  margin: 8px -16px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
  padding: 8px;
}

/* Create four equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
  background-color: white;
  padding: 10px;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
  .column {
    width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}
</style>
</head>
<body>

<div class="main">
<div align="center">
<h2><font color=#660000">pagerunners.us "columns" portfolio<br>Women in Business!</font></h2>
<hr>
</div>

<div class="row">
  <div class="column">
    <div class="content">
      <img src="work5.jpg" alt="Mountains" style="width:100%">
      <h3> Bona Fide</h3>
      <p>1. Amor Omnia Vincit
(Love conquers all - Virgil, Eclogues X)
<br>
2. Vivamus, Moriendum Est.
(Let us live, since we must die.)
	  </p>
    </div>
  </div>
  <div class="column">
    <div class="content">
    <img src="work6.jpg" alt="Lights" style="width:100%">
      <h3>Ad Hominem</h3>
      <p>Alea Iacta Est.
(The die is cast.)
<br>
Condemnant quo non intellegunt.
(They condemn that which they do not understand.)
</p>
    </div>
  </div>
  <div class="column">
    <div class="content">
    <img src="work3.jpg" alt="Nature" style="width:100%">
      <h3>Caveat Emptor</h3>
      <p>Oderint dum metuant
(Let them hate so long as they fear. - Caligula)
<br>
Imperium in imperio.
(An empire within an empire.)
<br>Sounds great for business...
</p>
    </div>
  </div>
  <div class="column">
    <div class="content">
    <img src="work4.jpg" alt="Mountains" style="width:100%">
      <h3>Exempli Gratia </h3>
      <p>Lorem ipsum dolor sit amet, tempor prodesset eos no. Temporibus necessitatibus sea ei, 
	  at tantas oporteat nam. Lorem ipsum dolor sit amet, tempor prodesset eos no.</p>
    </div>
  </div>

</div>

<div class="content">
  <img src="work1.jpg" alt="Bear" align="left" vspace="6" hspace="10">
  <h3>Ne Plus Ultra</h3>
  <p>Non fortuna homines aestimabo, sed moribus
(I do not estimate the men for their fortune, but for their habits. - Seneca)</p>
<p>
 Pars magna bonitatis est velle fieri bonum
(Much of goodness consists in wanting to be good. - Seneca)
</p>
<p>
Homo sum humani a me nihil alienum puto
(I am a human being, so nothing human is strange to me. - Terentius)
</p>
<p>
Flectere si nequeo superos, Acheronta movebo
(If I can not bend the will of Heaven, I shall move Hell. - Virgil)
</p>
</div>