Skip to content

Instantly share code, notes, and snippets.

@lucyrose93 lucyrose93/index.html
Last active Sep 22, 2016

Embed
What would you like to do?
Niki de Saint Phalle
<!--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">
&copy Copyright 2016 | Lucy Rose
</footer>
</div><!--end of container-->
/*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" />
@lucyrose93

This comment has been minimized.

Copy link
Owner Author

lucyrose93 commented Sep 22, 2016

Project from Free Code Camp: Create a tribute page.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.