A tribute page to the French artist.
A Pen by Lucy Sabin on CodePen.
<!--Bootstrap--> | |
<link href="https://fonts.googleapis.com/css?family=Indie+Flower|Lobster" rel="stylesheet"> | |
<!--google fonts--> | |
<div class="container"> | |
<div class="row"> | |
<h1 class="text-center">Niki de Saint Phalle</h1> | |
<h2 class="text-center"><em>The French sculptor, painter, and filmmaker.</em></h3> | |
<div class="thumbnail"> | |
<image src="//c4.staticflickr.com/1/360/18616316411_d9caf2b339_k.jpg" alt="Funky skull sculpture in Paris" class="image"> | |
<div class="caption text-center">Bright colours, the theme of life and death, and artisan techniques are symptomatic of Niki de Saint Phalle's artworks. <i>"The Head", Paris.</i></div> | |
</div> | |
<div class="bio section"> | |
<h3><strong>Her Life and Work: The Early Years...</strong></h3> | |
<ul class="justify"> | |
<li><strong>1930 </strong>Niki is born Catherine Marie-Agnès Fal de Saint Phalle on October 29, 1930 in France. Her father is French, her mother American. She spends most of her childhood and adolescence in New York City, though strong ties are maintained with the family in France through frequent visits. | |
</li> | |
<li><strong>1948 </strong>As a young woman, Niki’s first career is as a fashion model, with photographs appearing in <em>Vogue </em>and <em>Life</em>. At 18, she elopes with childhood friend Harry Mathews.</li> | |
<li><strong>1950 </strong>Niki begins making her first paintings while her husband studies music at Harvard University. Laura, their first child, is born in Boston in <atrong>1951.</strong></li> | |
</ul> | |
<h4>Click <a href="http://nikidesaintphalle.org/niki-de-saint-phalle/biography/#1950-1959"><strong>here </stron></a>to see her full bio.</h4> | |
<blockquote> | |
<p> | |
"Painting calmed the chaos that shook my soul" | |
</p> | |
<footer><cite>Niki de Saint Phalle</cite></footer> | |
</blockquote> | |
</div> | |
</div> | |
<footer class="page-footer"> | |
© Copyright 2016 | Lucy Rose | |
</footer> | |
</div><!--end of container--> |
A tribute page to the French artist.
A Pen by Lucy Sabin on CodePen.
/*my styles*/ | |
h1 { | |
color: #ff0066; | |
font-family: 'Lobster', cursive; | |
} | |
h2 { | |
padding-bottom: 20px; | |
font-family: 'Indie Flower', cursive; | |
} | |
h3 { | |
font-family:'Indie Flower', cursive; | |
} | |
h4 { | |
font-family: 'Indie Flower', cursive; | |
font-size: 2em; | |
} | |
ul { | |
font-family: 'Indie Flower', cursive; | |
font-size: 1.5em; | |
} | |
blockquote p { | |
color: #ff0066; | |
font-family: 'Indie Flower', cursive; | |
font-size: 1.8em; | |
} | |
blockquote footer { | |
font-family: 'Indie Flower', cursive; | |
font-size: 1em; | |
} | |
.container { | |
background-color: #e6f7ff; | |
width: 100%; | |
} | |
.thumbnail { | |
width:60%; | |
margin: 0 auto; | |
background-color: #ffe6cc; | |
; | |
} | |
.caption { | |
font-family: 'Indie Flower', cursive; | |
font-size: 1.2em; | |
} | |
.bio { | |
width: 60%; | |
margin: 0 auto; | |
} | |
.page-footer { | |
padding: 50px; | |
margin: 0 | |
font-size: 1em; | |
font-family:'Lobster', cursive; | |
} | |
a { | |
color: black; | |
} |
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> |
Project from Free Code Camp: Create a tribute page.